Twitterのタイムラインで存在感を示したい！Twitter Cardsの設定が完了しました。 | 男子ハック

2013/06/15 66 users TwitterCards Twitter エンゲージメント

いまさらではありますが、Twitterのタイムラインで存在感が増して、エンゲージメントが高まるという噂のTwitterCardsを Twitter Cardsってなに？ Twitter Cards対応済みのサイトのURLをツイートすると、Twitterの公式サイトに飛び先URLの情報を表示することができます。例えば、男子ハックの場合はこんな感じになります。 登録手順 まずは、HTMLヘッダのメタタ... 続きを読む

ロードインジゲータ表示を簡単に実装するJavaScript （protoload.js） - youmos

2007/07/11 107 users youmos プログレスバー インジケータ Ajax 処理

Ajaxなど非同期処理やタイマーイベントを利用して、コンテンツ上で処理を行う際にロードインジケータやプログレスバーなどのアニメーション表示がわかりやすい。インジケータの表示処理を簡単に実装出来るようにしてくれるのがprotoload.js。 インジケータの表示開始と終了をJavaScriptで呼び出せばよいので非常に簡単に利用できる。利用するにはHTMLヘッダなどでprotoload.jsを呼び出... 続きを読む

シンプルなデザインのTooltip JavaScript （glt.js） - youmos

2007/06/29 87 users youmos 記述 違和感 ツールチップ デザイン

ツールチップをさりげなく表示したい場合に便利なのが、シンプルなデザインのGood-Looking Tooltips（GLT）。動作も軽く、コンテンツに導入して、さりげなく表示されるので違和感が少ない。凝ったデザインよりもシンプルなのを好む方は気に入ると思う。 実際に導入するにはglt.jsをHTMLヘッダで読み込む記述と、スタイルシートの準備が必要になる。ツールチップの内容を指定するには、表示した... 続きを読む

JavaScriptでJSやCSSを動的インポートする （import.js） - youmos

2007/06/14 122 users チュートリアル JSファイル CSSファイル youmos

JavaScriptで他のJSファイルやCSSファイルをインポートするのに便利なのがimport.js。WebInventif.frで紹介されているチュートリアルだが、実際に利用できるJavaScriptコードも取得でき、サンプル用のコードを削除すれば、そのまま利用できる。 本来であればHTMLヘッダで呼出せば良いが、特定の条件やページのみで実行したい場合などに利用できる。また、スタイルシートのイ... 続きを読む