2008-01-01から1年間の記事一覧
A CSS Block Navigation Menu | Vikiworks™ Studio 短い説明文が追加されたボックスメニューの書き方です。:hover時に説明文とメニューがそれぞれ違う色にしてるのがポイントですかね。書き方自体は単純ですがメニューに説明文を追加するという発想が目から…
chromaSYNTHETIC Journal » Blog Archive » Flash Without Flash: Elegant Menu Fly-outデモページ KOHLER: Kitchen and Bath Fixtures and FaucetsのようなFlashで実装されている動きの豊かなメニューをCSS＋Javascript(mootoolsというフレームワーク）で実…
One pixel notched corners as used by Google Analytics (Ask the CSS Guy)デモページ Google Analyticsのボックスの角をよく見たことはありますか？ 実はborderの交点がある場所1pxが空白となっていたんです。あえて1px空けることで遊び心を感じさせるドッ…
Nuno Silva » Blog Archive » Divs instead of tables table要素を使わずdiv要素のみでレイアウトを書くのはcssでfloatやclearを使いこなさなければいけず大変ですので、一部のウェブ制作者の方は今もtable要素のみでレイアウトを書いていると聞きますが、di…
woork: Liquid expandable section with rounded corners using CSSデモページ セクションのタイトルをクリックすると中身が表示されたり消えたりするといえばいいのかな。仕組みはシンプルだけどなんか言葉にしにくい。要はコンテンツをjavascriptでdisplay…
Swedish fika » Creating a fading headerデモページ jQueryを使ってマウスエンター時とマウスアウト時にフェードイン・フェードアウトさせる方法。親BOXに空スパンの子要素とリンクの子要素をHTML上で追加し、CSSでそれぞれ背景を設定し親ボックスのサイズ…
リンクのデザインに役立つ8＋アルファのTips | コリスデザインというのはちょっと違うのが含まれてる気がしなくもないけどリンクを張るときに気をつけたいルールではある。
IE8登場以後はCSS tablesを使ってカラムデザインをシンプルに | エンタープライズ | マイコミジャーナルDIV厨対TABLE厨の仁義なき戦いがようやく終わるのか！
IE8 Beta 1の英語版、米Microsoftが開発者向けに公開IE8 Beta 1の注目点として、Web標準規格に準拠するための種々の試みが挙げられる。まず、IE8の最終製品版では、CSS 2.1が完全にサポートされることが公約されている。今回のBeta 1では完全ではないものの…
個人の過去に使っていたCSSの一覧だそうです。色んなデザインがあるので参考に。
これは間違えそう。
ブラウザ毎の初期マージンなどの違いをリセットするためのCSS
position : relativeな要素の中身が書き換わるとスクロールする度にそれ以降の要素のポジションを再計算（＆再レンダリング？）が 必要になるので重くなるらしい。
なんかよくわからん。
一度失ったモチベーションは戻らないと言うことか、ずっと更新さぼってしまった。 人が来ないのはもう気にしない。自分用のデーターベースだということを思い出し 好きな時間に好きな量更新することにした。表示形式も google readerで検索がしやすいように…
おごちゃんの雑文 » Blog Archive » ウェブページのデザインで気になること ギャグで言ってるんだろうか？ フォントサイズ12pxしかないしリキッドレイアウトだから19型ディスプレイで最大化したら余裕で一行50文字超えてるんだが。 ADP: つぅか忙しい 独自拡…
美麗なデザインのWordPressのテーマ30選 -2008年2月 | コリス ワードプレスのテーマ一覧を見るといつも本家のブログをワードプレスに変えたくなるけど結局面倒くさくて変えてない クリエイティブなE-コマースサイトいろいろ - DesignWalker
CSSの擬似クラス「:hover」で作るちょっと変わったメニュー - TRANS [hatena] ユーザーの動き。｜CSS HappyLife IE6のfloatしたボックスのmarginの値が2倍になるバグ対策の件｜CSS HappyLife スタイルシートライブラリ - W.F.N. CSSでWebページの背景画像を…
PureEdit, Making content management purely simple. 8 Web Design Mistakes That Developers Make 10 Principles Of Effective Web Design | How-To | Smashing Magazine 後で読みたい。 favicon.ico（ファビコン）の作り方 | IDEA*IDEA CSSとは関係ないけ…
70+ Visually Impressing Header Graphics 綺麗なヘッダー一覧
Adobe - デベロッパーセンター : いま求められるCSSデザインを考えてDremweaver CS3を活用する Adobe - CSSでのフォント指定について ふたつともDreamweaverでの解説記事だけど、使ってなくても役に立つ。 realab.org - メイリオと font-family の順番 フォ…
2008年のロゴのトレンド -2008 Logo Design Trends | コリス ロゴデザインまとめ 1000個以上のフリーCSSレイアウトテンプレートが利用できる「freelayouts」 | DesignDevelop Free XHTML/CSS website templates | Nuvio Templates Tag Cloud Design
[CSS]矩形の画像を角丸で表示するスタイルシート -Rounded Corners for Image | コリス A List Apart: Articles: CSS Design: Taming Lists リスト要素の使い方色々。ところではてぶでこのブログのデザイン気に入ったってのがあるけど激しく同意。かっこいい…
Hot CSS Web Design Search - search through more than 75 css galleries in order to find inspiration CSSギャラリーに特化したグーグルカスタムサーチ。 細かいところまで素敵なデザインのブログ5つ*ホームページを作る人のネタ帳
flash, utilitários ローディングGIFジェネレーター 25 Beautifully Colorful Websites | Vandelay Website Design バレンタイン Photoshopチュートリアル、ブラシ、アイコンあれこれ - DesignWalker 普段はPhotoshop系は取り上げないのだけど季節柄なので。…
テキストエディタでWebサイト構築をガンバル人へ（1/3） − ＠IT えっwebサイトってエディタで作るものじゃないの、と貧乏クリエーターがふて腐れています。 InDesign CS3からDreamweaverの書き出し（1） - DTP Transit [JS]ソートできるテーブルを実装するス…
