CSS2.1とCSS3のプロパティがまとめられたチートシートをSmashing Magazineから紹介します。

CSS3のプロパティ、セレクタ、HTML5のWebアプリケーション、コンテンツの埋め込み、フォームに関する主要ブラウザの対応状況をまとめたサイトを紹介します。 HTML5 & CSS3 Checklist 対象ブラウザ 掲載されているブラウザは、下記の通り。 Win Chrome4 Firefox3/3.6 Opera10/10.5 Safari4 IE6/7/8 Mac Chrome5 Firefox3.6 Opera10 Safari4 CSS3の主要ブラウザの対応状況

主要なものからマイナーなものまで、各種ブラウザの実装状況をまとめた「Browserscope」を紹介します。 Browserscope 対応しているブラウザはIE6/7/8/, Fx2.5/3, Safari3/4, Chrome3/4, iPhone2/3をはじめ、各種のマイナーバージョンやマイナーなブラウザもリストに含まれています。

ページを印刷すると自分の意図しない箇所で途切れてしまう時ってありませんか？CSS（スタイルシート）を使うと、改ページして欲しい箇所、または改ページして欲しくない箇所を指定することができます。 印刷時の改ページに関するプロパティ 改ページに関するCSS（スタイルシート）は下記のとおりです。 対象セレクタ

HTML 3の属性と値が一覧できるPDFのクィックリファレンスをSmashing Magazineから紹介します。

CSSのLineHeightをマスターできる９２ページにもわたるスライドがSlideshareにて公開されています。 デフォルトのブラウザは、line-heightが1.0 - 1.2 が設定されていて、５種類（normal, inherit, x%, x px, 1.2) のパラメータが指定でき、font プロパティとしても設定できる、といった感じで、line-height に関して非常に詳しくなれるスライドになっています。

印刷用CSSのお話 最近担当したサイトでは印刷用CSSをたいがいセットにしてます。同業者の方だと経験あるかもしれないですが、昔の鬼級テーブルレイアウトの頃は言われた事なかったんですがCSSを使い始めてから「背景が印刷できない」と、よく言われました。「ブラウザの設定で『背景も印刷する』にチェック入れると出てきますよー。デフォルトではインク節約仕様になってるんすねー（嘘かホントかは知らない）あはははー」とか返してました。 デフォルトの状態で印刷できないってのは問題あるだろってのはもちろんちゃんと分かってたんですよ。ここは背景扱いにしたらデフォ状態で印刷したらエラい事になるぞ、とか使い所の選別はしてましたし。まぁでも「あなた、なんでもかんでも画像化するの大好きなクセに検索対策っ！検索対策っ！さっさと検索対策～！って言うじゃん」とか鬱憤も溜まってました。 印刷用のCSSを用意するようになってからは

既存の印刷用のスタイルシートや新規に作成する場合でも有用な、印刷用のスタイルシートの3つのTipsをLine25から紹介します。 Handy Tips for Creating a Print CSS Stylesheet 印刷時のテキストをデザインする 見出しやパラグラフ、リンクなどのテキスト箇所を印刷用にデザインします。 下記の例では、見出しを中央寄せにし、斜体にしています。 また、リンクのカラーをパラグラフと同じにし、下線を削除するのもよいでしょう（リンクのスタイルについては後述）。 <textarea name="code" class="css" cols="60" rows="5"> #header h1{ text-align: center; font-size: 42pt; font-style: italic; margin: 0; } #header h2{ text

Using a relative unit such as EM is a great way to maintain the vertical rhythm of a web page when a user resizes text in their browser. Constantly reaching for a calculator to compute the correct EM value to use every time you need to is also a great way to drive yourself mad. Let’s say you have an H3 that’s 24 pixels. It doesn’t matter how the font-size is set (pixels, EMs, percentages, etc). Yo

スタイルシートの構造設計から、グリッド・フォーム・ナビゲーション・角丸などの実装例、データベースやAJAXの実践的なサンプルが豊富に掲載されているフリーのeBook「The Woork Handbook」を紹介します。 The Woork Handbook The Woork Handbookのテキストは英語ですが、キャプチャやコードが豊富に掲載されているため、英語が分からなくても理解できる箇所は多いと思います。 ダウンロードできる「The Woork Handbook」はPDFファイルで、現在配布されているv.0.1の目次は下記のようになっています。 スタイルシート データベース AJAX MooToolsやScriptaculous、他のJavaScriptのフレームワーク Blogger その他 フォント

The Best Developer Cheat Sheets Around | Webmasters by Design プログラミングに便利なチートシートラウンドアップ。 便利なチートシートがまとまっていましたので紹介。 PHP PHP全般チートシート 条件式、比較に関するチートシート JavaScript シンタックス、正規表現、イベントハンドらなどのチートシート複数 (PDF注意) 演算子や関数に関するチートシート CSS シンタックス、セレクタなどに関するチートシート複数 全て見る PHP,JS,CSSだけでなく、HTML,CSS,XML,ASP,Rails,Perl/CGI, Ajax,MySQL,mod_rewrite,htaccess,RSS,viなど、チートシートが網羅されています。 WEB開発に活用しましょう 関連エントリ XPath使いのための日本語チートシート PH