Bear CSS - HTMLを基にCSSテンプレートを自動生成
Bear CSS 実は結構便利なのかも。 Bear CSSは、HTMLファイルをアップロードするとページ内のタグやクラス、IDを基にCSSのテンプレートを作ってくれます。 ややこしいアルゴリズムがあるわけではなくシンプルな空セレクタが列挙されているだけですが、セマンティックに組み上げたHTMLであれば、これでデザイン出来そうな気もします。というか、これで大体のデザインが可能なように構造化した方が良さそうというか。 シンプルに。
Bear CSS 実は結構便利なのかも。 Bear CSSは、HTMLファイルをアップロードするとページ内のタグやクラス、IDを基にCSSのテンプレートを作ってくれます。 ややこしいアルゴリズムがあるわけではなくシンプルな空セレクタが列挙されているだけですが、セマンティックに組み上げたHTMLであれば、これでデザイン出来そうな気もします。というか、これで大体のデザインが可能なように構造化した方が良さそうというか。 シンプルに。
世の中的に、このシリーズもそろそろいいかなって思いますが。アイコンまで全部描いた根気を買って。 iPhone 4 in pure CSS3! 一切画像を使わず、CSS3だけで描いたiPhone。動作として出来るのは「スライドしてロックを解除する」「上部の電源ボタンでスリープ状態にする」「ホームボタンで起動する」の3つ。 あ、時計もちゃんとPCの時間を表示してます。
via smashingmagazine.com これは良記事。 CSS/CSS3の技術を用いて同じページを作成して、それぞれのベンチマークをしています。 生産性にも言及しているところが面白いですが、とりあえずページ作成にかかる時間はCSS3の勝ち。もちろん対象にするページのデザインやコーダの熟練度によって異なると思いますが、本質的には画像の切り張りや位置あわせをセマンティックにやれるCSS3の方が楽というのは、納得。 次にローディングタイム。これもまぁ、当然ながらCSS3の方が軽くて速い。CSS自体のコード量が増えても、画像が軽量化されている上にスプライトでファイル数が減っているのでオーバーヘッドが低減されて、結構な差がついています。...
via youtube.com タイトルも長くなってしまいましたが、動画も1時間超。 しかし、これは素晴らしい。 手元にある諸々のサイト、これで作り直したくなりますね。 テンプレートとして使うも良し、必要に応じてコードを覗き見して流用するも良し。
Welcome, Velocity Conference participants! All the resources you need to get started are linked from the left navigation. Start by downloading the base files. Exercises one and two can be completed in Firebug if you are comfortable with it. Then you can download the...
via nicolasgallagher.com (少なくとも自分は)意外と知らないbackground imageに関するハックが綺麗にまとまっていたので。 「IE7以前では動かなくてもいいや、見た目の部分だし」って割り切れれば便利。