Filed under: css

Bear CSS - HTMLを基にCSSテンプレートを自動生成

Bear CSS 実は結構便利なのかも。 Bear CSSは、HTMLファイルをアップロードするとページ内のタグやクラス、IDを基にCSSのテンプレートを作ってくれます。 ややこしいアルゴリズムがあるわけではなくシンプルな空セレクタが列挙されているだけですが、セマンティックに組み上げたHTMLであれば、これでデザイン出来そうな気もします。というか、これで大体のデザインが可能なように構造化した方が良さそうというか。 シンプルに。

read more →

CSS3(とJS)だけで描かれたiPhone4

世の中的に、このシリーズもそろそろいいかなって思いますが。アイコンまで全部描いた根気を買って。 iPhone 4 in pure CSS3! 一切画像を使わず、CSS3だけで描いたiPhone。動作として出来るのは「スライドしてロックを解除する」「上部の電源ボタンでスリープ状態にする」「ホームボタンで起動する」の3つ。 あ、時計もちゃんとPCの時間を表示してます。

read more →

CSS3とCSSのスピードテスト:最新技術は本当にちゃんと速い?

via smashingmagazine.com これは良記事。 CSS/CSS3の技術を用いて同じページを作成して、それぞれのベンチマークをしています。 生産性にも言及しているところが面白いですが、とりあえずページ作成にかかる時間はCSS3の勝ち。もちろん対象にするページのデザインやコーダの熟練度によって異なると思いますが、本質的には画像の切り張りや位置あわせをセマンティックにやれるCSS3の方が楽というのは、納得。 次にローディングタイム。これもまぁ、当然ながらCSS3の方が軽くて速い。CSS自体のコード量が増えても、画像が軽量化されている上にスプライトでファイル数が減っているのでオーバーヘッドが低減されて、結構な差がついています。...

read more →

HTML5+CSS3+jQuery+その他諸々で最先端Webを簡単に作れる "HTML5 Boilerplate" の紹介動画

via youtube.com タイトルも長くなってしまいましたが、動画も1時間超。 しかし、これは素晴らしい。 手元にある諸々のサイト、これで作り直したくなりますね。 テンプレートとして使うも良し、必要に応じてコードを覗き見して流用するも良し。

read more →