CSS
2007年06月19日 ↓
CSSのボーダー(border)で時計やキーボードを作ったり
CSS Border Design Challenge(via CSSのボーダー(border)を使ったデザインいろいろ)。
CSS、borderによるスタイルサンプル。
2007年06月10日 ↓
無料のWebデザインテンプレートの配布サイト
CSS Galleries: Free Web Designs for Download。
Webデザインの参考サイトまとめ。
2007年06月05日 ↓
CSSだけでイメージマップを作る有用サンプル
JavaScriptは使わないで、CSSだけで実現。マウスオーバーをすると画像の上に、囲みと文字が表示される。
2007年05月30日 ↓
有名サイト風のページングを実現するCSS
Some styles for your pagination。ページ送り用のCSSの紹介。
Diggや、Yahoo、Flickr Technoratiなどで使われているページ送り部分と、同じスタイルを表現できるCSSのサンプル集。
2007年05月28日 ↓
2007年05月22日 ↓
タブナビゲーションをCSSで実現する
Tabbed Navigation Using CSS。 タブナビゲーションサンプル。
タブ切り替えのJavaScriptも紹介されている。
2007年05月21日 ↓
CSSで画像並みにテキストを表現するテクニック
CSSを使ったテキストをデザインとして魅せるテクニック集。 CSSでテキストの表現をあれこれとする。
見出しの１文字を修すしたり、ポスターやバナー画像風に文字を表現するサンプルなど。
文字だけでここまで表現できる。
2007年05月20日 ↓
リンク先を示すアイコン画像と表示用CSS
Iconize Textlinks with CSS - pooliestudios。 リンク先の種類を表示するためのアイコン素材とCSS。
リンク先ファイルの種類を一目で識別する。
2007年05月19日 ↓
デザインフレームをCSSで作る方法
デザインフレームをCSSで作る方法『CSS Boxes with Outside Frame (Rounded or Not)』。
HTML、およびCSSのソースコードが公開。 divが多くなる。
PNGのフレームの上にJPEGやGIFの画像を被せれるCSS
PNGのフレームの上にJPEGやGIFの画像を被せれるCSS。 Javascriptは使わないでCSSだけでOK。
PNG Overlayと呼ばれる、PNGのフレームの上にJPEGやGIF等の画像を被せるCSSによる表現方法。
Ajax・CSS・PHPで簡単に棒グラフが作成できる Ajax MGraph
Ajax・CSS・PHPで簡単に棒グラフが作成できる『Ajax MGraph』。 グラフを作る。
Ajax+CSS+PHPで。
2007年05月18日 ↓
CSSだけでメニューにツールチップヒントを付ける
CSSだけでメニューにツールチップヒントを付けるテクニック。 ツールチップヒントの効果は、JavaScriptを使って表示しているものが多い。
これは、JavaScript不使用。
AjaxによるWebベースの画像ギャラリー・スクリプト30点
30 Scripts For Galleries, Slideshows and Lightboxes。画像を表示するためのスクリプト３０種類。
2007年05月17日 ↓
基本的なCSSテンプレートタイプ12種類
12 Free CSS Templates。 ページの全体的な構成を決めるのに役に立つCSSテンプレート１２種類。
１、２、３カラムのテンプレートが用意されていて、StaticとFluidのタイプがある。
