Web Design Inspiration: 33 Beautiful Purple Websites | Naldz Graphics
Colors are often associated with meaning and thus are relatively compared to our moods and everyday living. White, for instance, means purity and hope. Green is also interpreted as life. Purple, on the other hand, is often associated with death. Other people also perceive it as the color of elegance. Being designers, colors and its meaning are often disregarded. What matters most is the effect a c
商用利用も無料、ウェブデザイン向けのPSD素材集 -Design Kindle
ウェブページのレイアウトやエレメントなど、ウェブデザイン向けの無料リソースを配付しているサイトを紹介します。 Design Kindle [ad#ad-2] ダウンロードは登録など面倒なことは一切不要で、各ページの「Download」ボタンをクリックするだけです。 ダウンロードできる各PSDファイルはレイヤーが保持された状態でした。
デザインのいいブログおしえｒ・・・教えてください ニュース速報BIP
1 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:54:22.77 ID:FS2s1X7Q0 二十歳街道まっしぐらとか http://tokuna.blog40.fc2.com/ 3 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:55:55.34 ID:FS2s1X7Q0 どんどん教えてくだしあ 4 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:56:45.45 ID:3gtZLmqc0 ぷにるのブログとか? 6 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:57:51.94 ID:FS2s1X7Q0 >>4 これか フェンリル | デベロッパーズブログ http://www.fenrir.co.jp/blog/ 8 以下、名無しにかわりましてVI
[CSS]スタイルシートの実用的なテクニック集：エレメント・CSS3・Tips編
先日紹介した「レイアウト・ナビゲーション・画像・タイポグラフィ・アイコン・ボタン・リンク編」の続編となる、リスト・カレンダー・表・フォームなどのエレメントの実装や進歩したスタイルシートのテクニック集をSmashing Magazineから紹介します。
既存のデザインのクオリティをアップする8つのポイント
デザインが単調な感じのときには、使用している色を鮮やかにしてみます。 変更した色をベースに、カラースキームを設計します。 Color Scheme Designer 3 2. モノクロは慎重に ブラックやホワイトなどモノクロをテーマにした素晴らしいデザインのウェブサイトは多数あります。モノクロは単色で構成されたものですが、一色加えることでデザインが容易になることがあります。 ポイントはその一色のみにこだわらずに、他の色も充分に検討することです。 3. グリッド レイアウトの活用
| ＾＾ |秒刊SUNDAY | 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ
2009年06月08日 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ カテゴリ：WEBデザイン デザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム（WEBデザインの参考にどうぞ） ◆Webデザイン・Webデザイナーのまとめサイト 膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか？ ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB
[CSS]実用的なものからマニアックなものまでリスト要素をスタイルするベストプラクティス
実用的なものからマニアックなものまでリスト要素をスタイルするベストプラクティスをDev Snippetsから紹介します。 Styling your Lists: 20+ Brilliant How to's and Best Practices
パンくず詳解 | コリス
パンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイント、クラシックなものや進化したパンくずのショーケースなどをSmashing Magazineから紹介します。 Breadcrumbs In Web Design 以下、その意訳です。 パンくず ナビゲーションは、大量のページを保持するウェブサイトで、ナビゲーション機能を拡張することができます。 パンくずの大きな有用性は、ウェブサイトの訪問者が上の階層に移動する際、少ないアクションで実現させることです。 このことはウェブサイトのセクションやページのファインダビリティ（見つけやすさ）を改善するものとなります。 また、ランディングページ（検索などから訪れた最初のページ）にも非常に効果的で、ユーザーの現在の場所を明示するだけでなく、文脈のヒントとなるインフォメーションも提供します。 What is a bre
[JS]ホバー時、ふんわりとバウンドするモーションをつけるスクリプト
マウスのホバー時に、ふんわりとバウンドするモーションをつけるスクリプトをJanko at Warp Speedから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <script type="text/javascript"> $(document).ready(function(){ $(".button").hover(function(){ $(".button img") .animate({top:"-10px"}, 200).animate({top:"-4px"}, 200) // first jump .animate({top:"-7px"}, 100).animate({top:"-4px"}, 100) // second jump .animate({top:"-6px"}, 100).ani
アイコンの効果的な使い方を実例から学ぶチュートリアル | コリス
アイコンの効果的な使い方を実例から学ぶチュートリアルをSmashing Magazineから紹介します。 How To Use Icons To Support Content In Web Design 下記は、その意訳です。 How To Use Icons To Support Content In Web Design アイコンは、ユーザーをあなたのウェブサイトの内容に惹きこませるシンプルで、効果的な方法です。 アイコンを使用して、ウェブサイトのコンテンツをサポートする素晴らしいサンプルとベストプラクティスを紹介します。 1. How To Use Icons アイコンを効果的に使用する方法 アイコンを使用する際のゴールの一つは、ユーザーに情報を素早く、そして効率的に伝えることです。 アイコンを効果的に使用すると、説明を必要とせずに、有効なコミュニケーションを可能にし、少ないコンテ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Product Video Tour
http://www.designwalker.com/2009/07/web-design-trend2009.html
http://gerenuk.crazyphoto.org/2009/06/29/386/
http://gerenuk.crazyphoto.org/2009/06/21/801/
クオリティーの高いillustratorのブラシ30 – creamu
ケータイ公式サイト&ダウンロードサイトのユーザビリティ6つのポイント（第4回） | モバイルサイト構築のユーザビリティいろは
無料アイコン100パック2009年版*ホームページを作る人のネタ帳
[CSS]実用的なレイアウトが揃っているフリーのテンプレート集 -Best Free Templates
http://www.designwalker.com/2009/03/form-design-2.html
同一色相配色のWebデザイン50 – creamu