CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオンラインサービスを紹介します。 こういったコード生成は探せば見つかるかもしれませんが、まとまってると便利ですね。
![Web制作者はブックマークしておくと便利!HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス](https://cdn-ak-scissors.b.st-hatena.com/image/square/2f7d24c7b0dfa86340e998aad8aa802e5f39c820/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015063003-01.png)
「Web Intents Javascript Events」を使うと、サイト上に貼り付けたツイートボタンやフォローボタンからフォローされた際に、JavaScriptでコールバック処理できます。例えば、「フォロー」してくれた人だけに特別なコンテンツを見せたりといったことができるようになります。 使い方 こんな感じのスクリプトを書けば、OKです。ちなみにカスタムデザインのツイートボタンはサポート外だそうです(このページに「Web Intents Javascript Events are not available for custom Tweet Buttons.」と書いてあります)。 <a href="https://twitter.com/share" class="twitter-share-button" data-via="kenji_namba" data-lang="ja">
<g> <g> <defs> <rect id="SVGID_1_" x="-468" y="-1360" width="1440" height="3027" /> </defs> <clippath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;" /> </clippath> </g> </g> <rect x="-468" y="-1360" class="st0" width="1440" height="3027" style="fill:rgb(0,0,0,0);stroke-width:3;stroke:rgb(0,0,0)" /> <path d="M13.4,12l5.8-5.8c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L12,10.6L6.2
Hi, I have a list of news, displaying in a grid and I would like to provide my user with ability to tweet any news that they want to their tweeter account. The tweet button displaying well first time the page load, but when user navigate to another page of grid, the tweet button is disappear because I use AJAX to update the grid content (If I do not use AJAX for updating the grid, then the button
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く