使えるCSSメニューいろいろ1. Advanced CSS Navigation Menu Exampleまず、ホバー時...
Smashing Magazineのエントリーから、スタイルシートで実装するテーブルのデザインパターンとそのポイントを紹介します。 Top 10 CSS Table Designs Horizontal Minimali [...]
ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでア [...]
janko at warp speedのエントリーから、h1やp内のテキストデータに、グランジ風のエフェクトをつけるスタイルシートを紹介します。 Add grunge effect to text using simp [...]
yamaokaです。 今回は、ぼくが普段CSSを書くときに使っているツールを紹介します。 Firebug 入手先: Firebug :: Firefox Add-ons Firebug posted by (C)フォト蔵 もはやJavaScriptの開発には欠かせなくなった感のあるFirebugですが、CSSを書くのにも使えます。 ボックス要素を調査(inspect)、CSSを書き換えてレイアウトを考える参考にしたり、 HTMLを書き換えてid属性やclass属性を書き換えて適用するスタ...
Hidden Pixelsのエントリーから、タイポグラフィ・フォーム・グリッドやシンプルなレイアウト・リセットなどが設定されたスタイルシートのフレームワークを紹介します。 CSS Frameworks Elements - A Down to Earth CSS Framework YUI Grids CSS Yet Another Multicolumn Layout An (X)HTMLCSS Framework Blueprint: A CSS Framework Schema Web Design Framework. CleverCSS Tripoli - a CSS standard for HTML rendering ESWAT css-boilerplate WYMstyle - CSS framework ...
Dzine Blogのエントリー「45個のエクセレントなフリーのテンプレート」から、洗練されたデザインのテンプレートをいくつか紹介します。 45 Excellent Free Web Templates downloa [...]
とりあえず、暑いっす。えぇ。 ここ最近の暑さにやられ気味なhirasawaです。そんなやられ気味な状況なので、HappyLifeも夏っぽくしてみました。 あと、弊社のベトナム事業部の女性マネージャーがブログを開始しました。 ベトナムに興味がある方や女性マネージャーに興味がある方、更新率も高いので、ぜひに。 さて、そろそろ本題に。 こんな感じで、アイコンとかサムネイルが...
Hidden Pixels - Ultimate CSS Menusデザイン性に優れたCSSメニュー集。これは、と思うよ...
コンテンツにボタンを用意する際、フォームのボタン以外にもさまざまな場面で利用する。ダウンロードリンクをボタンデザインに変更することで、ユーザービリティが改善される。ボタンをCSSとイメージ画像でデザインする方法がoscaralexander.comで解説されている。
『 テーブルの選択した列を強調表示するインタフェースを作るチュートリアル。(英語) 』
他サイトでも紹介されているが、個人的にぐっと来たのでご紹介。 複雑な図形の形にあわせてテキストを回り込ませたい、というときがたまにある。 ワードやイラストレーターではそういった処理が可能だが、ウェブでそれを再現しようと思うとちょっと厄介だ。 そこで登場したのがCSS Text Wrapperだ。このサイトでは自分で好きな図形を描き、それにあわせてテキストを配置する...
『 webデザイン,design,使える 』
氏のCSS記事をまとめた本。 これは早く本になってほしいと以前から思っていたが、本になってみれば、連載に加えて特集記事などのオマケもついて、予想以上に充実した素晴らしい内容になっている。 この連載(本書)がいいのは、CSSの文法を教科書的に解説するのではなく、CSS界で名高いトップデザイナーが作ったサイトを題材に、そのCSSコードを実際に解析して、詳しく解説...
『 Tableを様々なCSSで装飾。cssZenGardenのTable限定、みたいなサイト//ブクマURI間違えた 』
RoundedCornr: Rounded Corner and Gradient GeneratorCSS角丸ボックス...
解説 CSSとは CSS*1とは、(X)HTML文書の見栄えを整形するための、Web標準*2の指定方法です。要するにホームページをデザインする手段です。CSSを使わなくてもHTMLで直接デザイン*3できなくはないですが、CSSを使った方が標準的で効率的です。例えば100枚のHTMLファイルを一つのCSSで一括して指定できます。また、はてなダイアリーもそうですが、ブログのデザイン指定にも使います。 ...
ウェブデザインにおけるページのレイアウトで、コンテンツ部分の幅をピクセル単位で固定するかあるいは相対値(%等)で可変にするかで議論があるようです。最近は、閲覧者のフォントサイズも考慮に入れて、文字数(em等)で可変にするというエラスティック・レイアウトというのがあるようです。まとめてみると、以下のように整理できそうです。 レイアウト名 固定レイア...
フォームを実装する際に、役立つスタイルシートのリンク集です。 Styling form controls with CSS, revisited フォームの各エレメントのブラウザごとの表示。
『 CSSでデザインされた優れたサイトを紹介しているサイト。 』