The Web Squeezeのエントリーから、ウェブデザインに役立つカラースキームのサンプルやジェネレーターを紹介します。 25 Color Palette Generating Resources for Web Designing!
The Web Squeezeのエントリーから、ウェブデザインに役立つカラースキームのサンプルやジェネレーターを紹介します。 25 Color Palette Generating Resources for Web Designing!
Usability Postから、一枚の画像で、四隅が角丸のパネルを実装するスタイルシートを紹介します。 Scalable Content Box Using Only One Background Image demo 仕組みは、全体を囲む「div」と見出し「h2」に同じ背景画像を指定し、それぞれポジションを「bottom」と「top」にして配置するものです。 仕組みのイメージ 本文のテキストは、背景画像の長さ分(デモでは1000px)までテキスト量が増えても正常に表示されます。 見出しは、同じく見出しの長さ分(40px)までとなります。 追記: 下にある「Update」に、本文量がどれだけ増えても大丈夫なバージョンがあります。 demo 2
Orilandは、小物や飾り、花、動物、キャラクターなどの複雑な折り紙をステップごとにやさしく解説しているサイトです。 Oriland 折り紙なので当たり前ですが切ったり貼ったりもなく、1枚の紙から折りこまれていて、「すごい!」と思いました。 特にDecorationsやPlantsは、かなりの折りこみです。
ava7 patternsは、400以上のパターンをオンラインで楽しめ、そのパターン画像をダウンロードできるサイトです。 ava7 patterns free seamless background patterns 各パターン画像の「PREVIEW」をクリックすると、サイトの背景がそのパターンに変更されます。 パターンの柄は多彩で、配色のセンスもかなり素敵です。 ダウンロードできるパターン画像は、PNG形式になっています。
The Usability Postのエントリーから、押さえておきたい、タブ型ナビゲーションの5つのポイントを紹介します。 5 Steps for the Perfect Tabbed Navigation Menu キャプチャ画像は、使いにくいタブ型ナビゲーションのサンプルです。 現在位置は「Site Details」と「Statistics」のどちらに見えますか? タブがより大きく、下のグレーと同じ色だから「Site Details」ですか? タブのすぐ下の白色が同じだから「Statistics」ですか? 下記は、使いやすいタブ型ナビゲーションを実装する5つのポイントです。 アクティブなタブとコンテンツの接点 アクティブなタブと他のタブの色 アクティブなタブのテキストの色 タブのリンクエリアの大きさ タブの来訪時の状態 アクティブなタブとコンテンツの接点 アクティブなタブは、そのコンテ
Deziner Folioのエントリーから、ウェブサイトのデザインに使用されている、最近の7つのトレンドとそのチュートリアルを紹介します。 Design Trendz ※チュートリアルのいくつかは当方で追加しています。 Lights n Shadows ライトを当てているように、シャドウ効果を持たせます。
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は、指定した色から、色相環を使用した配色を表示するオンラインサービスです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く