好奇心の赴くままに RSSフィード

2009-04-23

CSS開発を行うための原則

・IDやクラス名にはより意味のあるものをつけよう


・閉じコメントをつけて構造を分かりやすく


CSSファイルを意味ごとに分割する

reset.css - ブラウザごとの差異を吸収するもの

main.css - メインとなるCSSファイル

structure.css - ページの構成に関するCSSファイル

typography.css - タイポグラフィに関するCSS

print.css

helpers.css


CSSの目次をつけよう

TOC:

=1: Header

=2: Content

=3: Footer

=4: Navigation

=5: Portfolio


CSSを圧縮&1つにまとめる

サイトのパフォーマンスを上げる、PHPでCSSファイルを圧縮転送する各種方法

JavaScriptやCSSをWEB上で簡単圧縮するサービス「Compressor」

PHPでCSSを圧縮して出力する方法

JavaScriptとCSSを圧縮するPHPスクリプト「jscsscomp」

JavaScriptとCSSの両方を圧縮できる「YUI Compressor 2.0」リリース


CSフレームワークを使おう

CSSフレームワーク、ラウンドアップ


よいCSS開発を行うための8のTIPS