たまにオンラインジェネレーターを発表するUi Paradeが、クールな入力フォームを作れるオンラインジェネレーターを出してました。設定項目はかなり細かく指定する事ができ、色やボタンのシェイプだけでなくフォームのかなり細かい部分まで作り込む事が可能。グラデーションについても全てCSSで描画されており、コードのコピペだけで自前のサイト内に反映する事ができます。いやこれイイですね。ちなみにこうしたツール群はLive Toolsという専用ページでまとめて紹介されてます。
新規Webサイトを立ち上げる際にあると便利なコードスニペットのまとめ。ベーシックなHTML5ページの基礎テンプレート、Clearfix、CSS初期化、CSS3のグラデーションやトランスフォームプロパティの指定、@font-faceによるカスタムフォント、レスポンシブレイアウトをする際のメタタグ、HTML5での動画読み込みに関してのコードスニペットが紹介されてます。いやこれいいですね。わりとモダンなコーディングスタイルで作業を開始する際のテンプレートとして使えそうです。とってもナイス。
たまに目にする「画像使わずにCSSだけでこれ描いたお！」的なアレをまとめてみました。とは言ってもそこまで数は多くありませんが、その内また加筆するかもしれません。動くあいぽいんとかなんかこう色々スゴいっす。こういうのって見れないブラウザもあるから実用的というわけではないし、どちらかというと技術のひけらかしというかそんなアレではあるんだけど、わたくしこういうの大好きであります。
2012/08/27 作例を追記しました。
2012/10/16 作例を追記しました。
CSSを使ったフィルター効果についてまとめられた記事。グレースケール、セピア、Saturate、Hue-Rotate（このへん説明が難しい）、Invert（階調の反転）、透明度・ブライトネス・コントラストの調整、ぼかし、ドロップシャドウなどの指定方法について紹介されてます。CSSでのフィルターはレガシーブラウザには対応してない場合が多いので、使いどころが限られはするんですが、こうした可逆編集は生産性を上げるだけでなくサイトの運用に色々メリットがありますな。
コーディングの際に使えるCSS関連ツールのまとめ記事。ローカルApp（だいたいがMac版です）やCSSリセットテンプレート、オンラインツール、CSSフレームワーク、レスポンシブレイアウトに対応したグリッドシステムなどが紹介されてます。個人的にはCSS Hat気になっちょります。19ドルするから導入迷ってるけど。コーダーの仕事も以前に比べて色々と増えたっていうか多様化してますからね、便利なものはどんどん使いませんとね。
Mountain Lion出ましたね。もちろん入れました。その日にサクっとMacBook Air初期化してクリーンインストールぶっこきました。概ね快適なんですが、いくつかアレゲな点もありますね。その中でも特に困ったのが「Safariの環境設定内から表示パネルが消えてる！！」という点。いやこれ困りました。表示パネルがないとSafariの標準フォントを変更できない。となるとフォント指定のないサイトでは日本語が明朝体になってしまう・・・。個人的にかなり気持ち悪いので、CSSを置き換える手法で対応しました。力業ではあるけどわりとサクっと変更できました。
Twitter Bootstrap用のテーマ（テンプレート）まとめサイト。Bootstrap自体よくできたフレームワークですが、それに適用できるテーマファイルがいくつも集められているので（数はそれほど多くはないけど。今後増えてくといいなぁ）、様々なデザイン適用を一撃で行う事ができます。素晴らしい。各テーマはPreviewボタンからブラウザ確認する事ができ、ダウンロードは「.css」形式と「.less」形式を選ぶ事ができます。Bootstrapってエンジニアなどの非デザイナー層にウケがイイってよく聞くけど、デザイナー兼コーダーの俺的にもいずれ使ってみたいと思っちょります。Webサイトのフレームワークとして使えば結構な手間を省けそうっすよね。
