The Web Squeezeのエントリーから、ウェブデザインに役立つカラースキームのサンプルやジェネレーターを紹介します。 25 Color Palette Generating Resources for Web Designing!
ウェブデザインに役立つカラースキームのサンプルやジェネレーター集
The Web Squeezeのエントリーから、ウェブデザインに役立つカラースキームのサンプルやジェネレーターを紹介します。 25 Color Palette Generating Resources for Web Designing!
[CSS]一枚の画像で、四隅が角丸のパネルを実装するスタイルシート
Usability Postから、一枚の画像で、四隅が角丸のパネルを実装するスタイルシートを紹介します。 Scalable Content Box Using Only One Background Image demo 仕組みは、全体を囲む「div」と見出し「h2」に同じ背景画像を指定し、それぞれポジションを「bottom」と「top」にして配置するものです。 仕組みのイメージ 本文のテキストは、背景画像の長さ分（デモでは1000px）までテキスト量が増えても正常に表示されます。 見出しは、同じく見出しの長さ分（40px）までとなります。 追記： 下にある「Update」に、本文量がどれだけ増えても大丈夫なバージョンがあります。 demo 2
複雑な折り紙をステップごとにやさしく解説しているサイト -Oriland
Orilandは、小物や飾り、花、動物、キャラクターなどの複雑な折り紙をステップごとにやさしく解説しているサイトです。 Oriland 折り紙なので当たり前ですが切ったり貼ったりもなく、１枚の紙から折りこまれていて、「すごい！」と思いました。 特にDecorationsやPlantsは、かなりの折りこみです。
400以上の多彩なパターンをダウンロードできる -ava7 patterns | コリス
ava7 patternsは、400以上のパターンをオンラインで楽しめ、そのパターン画像をダウンロードできるサイトです。 ava7 patterns free seamless background patterns 各パターン画像の「PREVIEW」をクリックすると、サイトの背景がそのパターンに変更されます。 パターンの柄は多彩で、配色のセンスもかなり素敵です。 ダウンロードできるパターン画像は、PNG形式になっています。
使いやすいタブ型ナビゲーションの5つのポイント
The Usability Postのエントリーから、押さえておきたい、タブ型ナビゲーションの5つのポイントを紹介します。 5 Steps for the Perfect Tabbed Navigation Menu キャプチャ画像は、使いにくいタブ型ナビゲーションのサンプルです。 現在位置は「Site Details」と「Statistics」のどちらに見えますか？ タブがより大きく、下のグレーと同じ色だから「Site Details」ですか？ タブのすぐ下の白色が同じだから「Statistics」ですか？ 下記は、使いやすいタブ型ナビゲーションを実装する5つのポイントです。 アクティブなタブとコンテンツの接点 アクティブなタブと他のタブの色 アクティブなタブのテキストの色 タブのリンクエリアの大きさ タブの来訪時の状態 アクティブなタブとコンテンツの接点 アクティブなタブは、そのコンテ
ウェブデザインの7つのトレンドとそのチュートリアル | コリス
Deziner Folioのエントリーから、ウェブサイトのデザインに使用されている、最近の7つのトレンドとそのチュートリアルを紹介します。 Design Trendz ※チュートリアルのいくつかは当方で追加しています。 Lights n Shadows ライトを当てているように、シャドウ効果を持たせます。
雑誌のようにページをめくるエフェクトが楽しい -Flipping Book | コリス
Flipping Bookは、雑誌のようにページがめくれ、拡大表示・印刷・PDF保存などの機能を備えたFlashのビューアーです。 Flash page flip engine -FlippingBook デモ Flipping Bookは、画像をフォルダに入れるだけで設定できる「HTMLエディション版」や、インターフェイスの変更も可能なFlashの機能拡張の「Flashコンポーネント版」など複数の形態で配布されています。 インターフェイスを変更したFlipping Bookのデモ Flipping BookはHTMLエディション版・Flashコンポーネント版など有償ですが、HTMLエディション版（10ページ）はフリーで利用できます（商用利用は不可）。 FlippingBook HTML Edition (Free Version) HTMLエディション版は、表示する画像（拡大画像とサムネ
指定色からベストな配色を導きだすオンラインサービス | コリス
HTML Color Combination Chooserは、指定した色から、色相環を使用した配色を表示するオンラインサービスです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]画像を使用しないで角丸を実装するスクリプト -jQuery Corners | コリス
グラデーションや角丸を使用したエレメントを簡単に作成できるジェネレーター -Fresh Generator | コリス
[JS]ドラッグで移動も可能な画像を拡大するスクリプト -zoomy.js
Apple風のインターフェイスを実装するチュートリアル集
シャボン玉やアワ、気泡、水泡を描くPhotoshopのブラシ
簡単に水平型のナビゲーションをオンラインで作成できる -CSS Menu Builder