CSS

高速化:jQuery と CSS のセレクタは書き方を変えること

jQuery 『jQuery クックブック』レシピ 5.10 より高速なセレクタを作成する (P.109) には以下の記述があります。 <table id="log"> <tr><td>Client X:</td><td class="clientX"></td></tr> ... </table> // クラス .clientX を取得する jQuery セレクタ $('.clientX') // 遅い $('td.clientX') // 速いかもしれない $('#log .clie…

YUI Compressor を使ってローカル環境で CSS を縮小化する

CSS

CSS の縮小化についての注意点が『ハイパフォーマンス Web サイト』P.85 に記述されていますが、細かいことを抜きにして YUI Compressor で CSS を縮小化する方法について書きます。 YUI Compressor はここからダウンロードできます。 使用方法は yuicompres…

IE 各バージョンと CSS の対応を確認できる表

CSS

IE5, IE5.5, IE6, IE7, IE8, IE9 の CSS 各プロパティの対応状況を確認できる表が、以下のマイクロソフトのページにあります。 CSS Compatibility and Internet Explorer | Microsoft Docs 表は CSS2.1 と CSS3 に分けてあります。

分割した CSS ファイルを統合する時がきた

CSS

CSS ファイル設計の段階で CSS を以下のように分割して管理しやすいようにしていました。 しかし、ファイル数が多くなると HTTP リクエスト数も増えるため、安定した運営が可能になった段階でこれらの CSS ファイルを統合してページ速度の改善をはかります。…