Weblog for freesoft, web and develop.
2009-04-16 11:13 pm
よく使われる画像置換の方法と、その方法ごとの対応表をまとめている記事があったので、紹介。
例えば、画像無しのCSS有りだったり、両方無しだったり、いろいろなパターンごとにきちんと表示出来るかどうかがまとめられている。置換の方法が9つもあることに、ちょっと驚いたんだけど、それだけあっても、全部のパターンで問題なく表示できる方法ってのは無いみたいだ。
よく使うだけに、何かしら問題があるってのはちょっと気持ち悪い。このあたりは色々試行錯誤してみたいなぁ。
2009-04-16 11:12 pm
最近はCSSの初期化とかはやって当たり前な感じになってきたけど、ちゃんとやろうとすると結構面倒だったりする。今回は、そのあたりの手間を省いて楽するアイテムを紹介。
Tripoliはスタイルのリセットと初期化をしてくれる、スタイルシートのライブラリ。IEと他ブラウザとの差異を吸収してくれたり、印刷用のスタイルも初期化してくれる。
似たようなもので、Blueprintとか、YAMLとかがあるけど、このあたりは色々出来ることがありすぎて、逆に使いにくかったりする。
その点でいくと、Tripoliは読み込むだけで良く、シンプルで使いやすい。自分で一から書くのは面倒だけど、少し気の利いたスタイルにしたいって人にお勧め。
2009-04-16 10:54 pm
複数人で大きなサイトを作るとき、サイトのスタイルガイドを作っておくと便利だよ、という話し。
複数人で作るとき、大抵は使うタグや、id、classとそのスタイルをあらかじめ決めておいたりけど、数日間すると忘れてしまったり、変更があったときに色々と面倒くさい。そして、スタイルの追加や変更が積み重なって、似たようなスタイルが幾つも出来てしまうと、もう末期。
そういったことを防ぐためのアイディアが上の記事で言うスタイルガイド。言ってしまえば、一種のガイドラインとも言える。こういったものを単なるHTMLファイルだけでも良いから作っておけば、イメージも統一できるし、変更があったときに視覚的に捉えることができる。それに数日間CSSとHTMLに触れていなくても、直ぐに思い出せたりと、色々メリットがある。
今2つのサイトを複数人で作ってるんだけど、どちらもスタイルシートの部分で若干不安なところがあったりする。なので、早速スタイルガイドを作って、みんなで共有してみようかなぁ。