画像を遅延ロードする定番jQueryプラグイン「Lazy Load」
画像を遅延ロードする定番jQueryプラグイン「Lazy Load」を紹介します。 １．概要 jQueryプラグイン「Lazy Load」を使って画像を遅延ロードさせることで、ページロード時のHTTPリクエストを減らすことができます。 以前、「Lazy Load」を使っても新しいブラウザではHTTPリクエスト回数が減らない問題があったようですが、2012年11月現在は改善されています。 参考：HTML5時代のjquery.lazyloadは画像のdata-original属性を使う 改善後の仕組みは、img要素のsrc属性にダミーの画像ファイルを指定しておき、ページロード後にスクロールによってimg要素が表示領域に入った段階でdata-original属性に指定した画像を読み込みます。 <img src="grey.gif" data-original="foo.jpg" width="6
ソーシャルボタンを簡単に設置できる「jQuery.socialbuttonプラグイン」
ソーシャルボタンを簡単に設置できる「jQuery.socialbuttonプラグイン」を紹介します。 １．機能 このプラグインを利用すれば、スクリーンショットのようなソーシャルボタンを簡単に設置できるようになります（スクリーンショットのサンプルコードは５項に掲載しています）。 2012年6月現在でプラグインが対応しているサービスは以下です。 Evernote facebook Google+1（IEは8以降のみ） GREE mixi Pinterest Twitter はてなブックマーク 以下、設置方法です。 ２．プラグインのダウンロード・インストール プラグイン配布サイトの「その１：jQueryとプラグインをダウンロード」からプラグインをダウンロードします。 jQuery.socialbutton プラグイン ダウンロードしたプラグインをサーバにアップロードします。 ３．プラグインの設定
レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」
レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」を紹介します。 「レスポンシブデザインビュー」はFirefox15から搭載されています。 １．「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」とは、PCやスマートフォンやタブレットなど、あらゆるデバイスに対応するWebデザインのことを指します。 レスポンシブ（Responsive）は、「よく反応して」「敏感な」という意味があるようです。 レスポンシブWebデザインを確認するには、複数のデバイスを用いるか、極端な話、PCでブラウザの幅を変更すればいいのですが、Firefoxの「レスポンシブデザインビュー」を利用すれば、より効率的に確認作業が行えます。 ２．「レスポンシブデザインビュー」の使い方 レスポンシブWebデザインのサンプルサイトとして「NHKスタジオパーク」を利用させて頂きます。 N
FacebookページにブログのRSSフィードを表示する
Facebookページ（旧ファンページ）にブログのRSSフィードを表示する方法を紹介します。ここではRSS Graffitiというアプリケーションを利用します。Facebookページの作り方は「Facebookのファンページ作成～FBMLを使えるようにするまでの流れ」をご覧ください。 RSS Graffiti 余談ですが、小粋空間のFacebookページを作りました。まだ何もありませんが25人以上の方からの「いいね」をお待ちしています（画像下の「いいね」ボタンそれです）。 2011.02.28追記：25人超えました。ありがとうございました。 小粋空間のFacebookページ http://www.facebook.com/koikikukan １．Facebookページへのアプリケーション登録 「RSS Graffiti」のページ左にある「マイページへ追加」をクリック。 候補の一覧がでるの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
