はてなのCSSの考え方

はてなのデザイナーの方が、自身のブログで、はてなのサービスで使用してるCSSについて言及されてます。これが結構興味深い。これまでサービス毎だったCSSファイルを、全サービス共通にしていくことでデザインに統一感を持たせていきますよ、という話なのですが、一番気になったのが、この記述。

メリットとしては、基礎的な部分をこのCSSで構成するので全体の統一感が増すのもそうですが、社内では、このCSSを使ったデザインサンプル集htmlを用意しており、デザインに添えられてるtextarea内のソースをコピーするだけでサンプルを作れるようになっています。これでデザイナーじゃなくても、モック作成や新規サービスなどが容易にできるようになります。

tikeda::Diary - 汎用CSS

CSSに関してあまり知識が無い人にとっては、CSSのレイアウトってブラックボックスになりやすいと常々感じていたんですが、このようにサンプル集を用意して、それらを組み合わせることでページが構築できるようにすれば確かに分かりやすいです。はてなのシンプルなデザインだと、なおさらやりやすいだろうなぁ。参考になります。

コメント

トラックバック

このエントリーのトラックバックURL

http://necoze.cc/trackback/448

中の人、ご紹介

制作会社でマークアップ芸人、改め、うっかりIA(自称)をやってます。CSSとかHTMLとかでもご飯食べてます。気が弱くて省スペース設計。でも小言が多い、環境に優しくない32歳です。

過去のイベント出演暦