タグ

ブックマーク / www.koikikukan.com (4)

  • 画像を遅延ロードする定番jQueryプラグイン「Lazy Load」

    画像を遅延ロードする定番jQueryプラグイン「Lazy Load」を紹介します。 1.概要 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

  • MTOSリリースと日本語化手順

    MTOS(Movable Type Open Source)がリリースされました。 MTOS: Movable Type オープンソース・プロジェクト Movable Type の進化を、さらに加速するための、新たなチャレンジです。2001年の誕生以来、Movable Type はコミュニティーと共に進化を続けてきました。インターネット上で公開されている、豊富なプラグインやテンプレートに加え、いただいたバグレポートやフィードバックも、製品の開発における重要な位置を占めています。このたび開始されるオープソース・プロジェクトは、このような活動を、より一層押し進めることを目的としています。 具体的には、『Movable Type コア部分の、GPL による公開』と『開発プロセスのオープン化』をおこないます。拡張性の高い Movable Type 4 の新アーキテクチャと、オープンソースの開発スタ

    MTOSリリースと日本語化手順
    t_yodo
    t_yodo 2008/05/22
    MTOSを日本語化する。わかりやすい!
  • 小粋空間: Internet Explorer 6 と Internet Explorer 7 を共存させる

    はてなブックマーク経由で「IE6 と IE7 の共存はできませんか?」という類の質問をいくつか頂きまして、ネットを検索してみたところ、簡単に共存できる方法が書かれたサイト(下記)をみつけましたので、エントリーにて IE6 と IE7 を共存する方法をご紹介します。 Tredosoft:Internet Explorer 7 running side by side with IE6. (standalone) 「共存」というのはやや誇張した表現ですが、IE7 Standalone 版を来の IE のインストールフォルダとは異なるフォルダにインストールするというものです。またインストーラを利用するので簡単にインストールできます。アンインストールも可能です。当然ながら対応 OS は Windows XPのみです。 上記のページには2つの方法が紹介されていて、このエントリーでは「インストーラ

    小粋空間: Internet Explorer 6 と Internet Explorer 7 を共存させる
    t_yodo
    t_yodo 2008/03/05
    Internet Explorer 6 と Internet Explorer 7 を共存させる方法。日本語対応も載っているので便利。
  • 小粋空間: Lightbox JS で画像を表示する

    サムネールをクリックすると同一ウィンドウ上に画像を表示するという Lightbox JS です。ご質問を頂いて知ったのですが結構広まっているようです。 ということでこのエントリーにてご紹介したいと思います。 2006.10.10 追記:機能改善された Litebox 1.0 の記事「Litebox 1.0 をブログに適用する」を公開しています。 0.動作 公式サイトでも確認できますが、とりあえず上のサムネイルをクリックしてください。ローディング画像が表示された後、元画像が表示されるという、お洒落なスクリプトです。 表示された画像をクリックすると元の画面に戻ります。一度表示された画像を再度クリックするとローディング画像は表示されません。 以下、このスクリプトの設定方法です。 1.ファイルのダウンロード 動作に必要なファイル(スクリプト・スタイルシート・画像)をダウンロードします。 まず下記の

  • 1