Android画面作成用のPhotoshopファイル
が公開されています。Android用のWebサイト案内や、Androidアプリの説明なん...(続きを読む)

アーティスト気分のポートフォリオサイトが構築できる「MyProFolio...
HOME, PORTFOLIO(写真や作品など), ABOUT, CONTACT から構成されるようなページを作...(続きを読む)

CSSでゲームのような円形メニューを作るサンプル
。次のような、可愛い円形メニューが作れます。アイコンにカーソルを合...(続きを読む)

Apple風のクールなパンくずリストをクールに実装するサンプル
。マークアップが次のようにシンプルに書けるのがいいですね。項目間の...(続きを読む)

レイアウト作成に役立つCSSグリッドレイアウトジェネレーター集
スピード重視のレイアウト作成時に使えます。以下のエントリを参照して...(続きを読む)

CSSでリストを整形するなら覚えておくべき８つのリストデザインサ...
リストデザインの際は、いつも単調になりがち、という方は覚えておくと...(続きを読む)

ピュアCSSで画像を壁に貼ったポラロイドギャラリー風にするサンプ...
普通の画像リスト枠を付けますちょっと回転させて自然にします。サンプ...(続きを読む)

数枚の背景画像を使って面白い背景画像を設定するCSSサンプル
。静止画では説明しにくいのですが、画面をスクロールすることで面白い...(続きを読む)

CSSでピンバルーンを作成するチュートリアル
。次のような、カーソルを合わせるとハイライトされるような吹き出しをJ...(続きを読む)

画像ロールオーバー時にボーダーを表示してもレイアウトを崩さな...
。ロールオーバー時に、border指定すると、次のように、普通は崩れてしま...(続きを読む)

本の目次部分のようなリストをCSSでデザインするテクニック
。次のような、本っぽいリストデザインをするテクニックが紹介されてい...(続きを読む)

input type=fileをCSSでクールにスタイルするサンプル
。input type=fileのファイル選択ボックスをスタイルしてクロスブラウザで動...(続きを読む)

フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集
デザインが苦手な方も、こうしたものを流用することでクールなサイトが...(続きを読む)

2009年のCSSサイトデザインベスト
CSSデザインということでソースを見ても勉強になりそうですね。リンク先...(続きを読む)

これは楽しい！どんな画像もCDのアルバム風にできるCSSテクニック
。どんなサイズの画像も、次のようなジュエルケースに押し込んでしまえ...(続きを読む)

JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプ...
ソースコードも解説されているのでこのテクニックについて覚えておいて...(続きを読む)

CSSでの文字スタイル調整に使えるオンラインツール「CSS Type Set」
。フォントサイズ、ファミリー、フォント色、単語間調整、行間調整、ボ...(続きを読む)

マウスホバーでハイライトするピュアCSSのメニュー作成サンプル
。次のように、マウスホバーで色が変わるメニューをJavaScript なしで実現...(続きを読む)

CSSで作るシンプルかつクールなボタンサンプル「Simply-Buttons v2」
CSSでスタイリングして、更にJavaScript で押した際のイメージ切替が行われ...(続きを読む)

CSSで年表が作れるコード「Pure CSS Timeline」
。次のような、角丸でAppleっぽい(?)年表が作れるみたいです。HTMLマークア...(続きを読む)