These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
Minimalism is one of our favorite styles of web design. A well-designed website with a minimalist style and a clean layout may look simple, but they’re not easy to design. Many of us have an appreciation for an attractive, yet simple, design. And with this in mind, I’ve looked at what makes minimalistic designs successful, and I’d like to share my thoughts here. After I cover what I think makes a
フォームのチェックボックスとラジオボタンのデザインに関連するCSS 3のセレクタには、前回紹介した:checkedと:defaultの他に、:indeterminateというセレクタがある。今回は、この:indeterminateセレクタを紹介する。また、JavaScriptを利用して、セレクタに未対応のブラウザで同等の処理を行う方法を簡単にまとめておきたい。 なお、フォームのインタフェースデザインに関連したCSS 3の基本的なセレクタは、今回紹介する:indeterminateが最後となる。 グループ内に選択した項目がないラジオボタンのデザインを設定する フォームでは、name属性の値が同じラジオボタンをグループとして扱う。:indeterminateセレクタを利用すると、グループ内に選択した項目が1つもない場合にデザインを適用することが可能だ。 たとえば、次のサンプルではラジオボタンを
National Grid http://www.nationalgridfloe.com/ Environmental issues have never been more fun to learn in this graphically stunning interactive site by First Born Media. Befriend and care for a baby polar bear and perform tasks and games along the way in order to learn and understand more about how much of our lifestyle has an effect on our environment. Rich in motion graphics with a high level of
チェックした項目のデザインを設定する 複数の選択肢から項目を選んでもらうときには、フォームのチェックボックスやラジオボタンを利用することができる。このとき、:checkedセレクタを利用すれば、チェックを付けて選択した項目のデザインを設定することが可能だ。 :checkedセレクタはCSS 3の勧告候補「Basic User Interface Module」で提案されており、これまではFirefoxとOperaが対応していたが、Safariでもバージョン3以降で利用できるようになった。Internet Explorerはバージョン8ベータ版でも対応していない。 セレクタとブラウザの対応 セレクタFirefoxSafariOperaInternet Explorer
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 ウェブ人材として育つための3つの基本姿勢について書かせてもらった「ウェブ人材として育つための3姿勢+5つの実践(前編)」に引き続き、この後編では、自分で育っていくための実践的な方法を5つばかりご紹介。 もちろん、僕が思う実践の方法ですので、これだけやっていればいいってもんじゃないでしょうし、中にはこういう方法が向かない人もいると思いますので、そのあたりはご了承を。あくまで僕自身の経験からいえる5つの方法だと考えていただき、真似してもいいかなと思う人だけ参考にしてくれるといいかなと思います。 Web人材として育つための5つの実践では、さっそく1つ1つ、実践的な「育ち方」を紹介していくことにします。 とりあえず5年間で300冊を目指そうウェブの情報を毎日せっせと収集するだけで、
Footers Design Showcase | Elements of Design Footers can be much more than an afterthought containing the fine print of a web site. 秀逸なサイトフッターのデザイン集76. サイトフッターのデザインというと、なかなか難しいものですが、サンプルを沢山見ると色々アイデアがわきそう。 76個もの秀逸なフッターデザインが紹介されていて、もうフッターはいいよ、というぐらいいろんなデザインが見れて勉強になります。 Artworking MochiAds Sundance Documentary Film Program hopking design National Mechanics フッターは目立たないところですが、凝っておくと細部までデザインされているという印象になり
Interactive Marketing Blogから、1分間で学ぶウェブサイトのユーザビリティを紹介します。 One Minute Guide to Usability 下記は、1分間で学ぶウェブサイトのユーザビリティの意訳です。 Who are you? 何者ですか? 例:ロゴ、ブランディング Are you trustworthy? 信頼できますか? 例:ベリサイン・Trust-e、信頼できるデザイン、サポート What do you do? 何をしているのですか? 例:取り扱っている商品・サービス、会社紹介 Where to next? 次に、何をするべきですか? 例:見積請求、営業担当へ電話 Exit Panic: Where do I go now? パニック:私はどのページをみればいいですか? 例:ヘルプ、ログイン、コンタクト・インフォーメーション
クリエイティブなサイトを探している。 そんなあなたにおすすめなのが、『andrew berg’s flash photo browser』。クリエイティブなFlashフォトブラウザだ。 このサイトでは、写真をめくるようにブラウズすることができる。「Thumbnail View」をクリックすると、一覧で見ることが可能だ。 また、ソースをダウンロードでき、Webサーバ上で動かせばすぐに動作を確認できる。自分の画像を用意して自分なりのフォトブラウザを作ることができる。 read_me.txtがあるのだが、ライセンスについては表記がないので、サイトで使いたいときなどは確認した方がいいだろう。 クリエイティブなFlashフォトブラウザ、チェックしてぜひ見てみていただきたい。 時間ができたのでカフェでブロギングと。そうだ最近ジムの女の子に声をかけられる。もっと仲良くなってみようかなw。
Design 革新的でプロフェッショナルなWebサイト49選『49 Professional and Innovative Websites』 かっこいいサイトを探している。 そんなあなたにおすすめなのが、『49 Professional and Innovative Websites』。革新的でプロフェッショナルなWebサイト49選だ。 以下にいくつかご紹介。 ↑はIMMOMENT OUTLINE2DESIGN StrawPoll Deaxon serene green discount box etonDIGITAL その他のリストは以下から。 » 49 Professional and Innovative Websites 革新的でプロフェッショナルなWebサイト、チェックしてぜひ見ていただきたい。 今日は暑そうだからTシャツを着ていこうっと。
この記事へのトラックバック ウェブデザインにも、「黄金比」「白銀比」 Excerpt: 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design :: 黄金比や白銀比の縦横比や色々なバナーサイズの紹介。 美しいモノは��... Weblog: 日々、ウェブデザインとネットニュースとゲームとか。 Tracked: 2008-04-25 23:55 バランスのよい若草? Excerpt: 縦横比……。 ずっと以前から、 タテとヨコの比率によって、美しく見える割合が研究されてきました。 覚えておくと便利なバランスのよい縦横比とバナーサイズ Love & Design 白銀比、.. Weblog: ウェブライター流転記(改訂版) Tracked: 2008-05-12 21:44 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & De
This article presents creative examples of footers and ideas for footer design. We’ve tried to identify some trends and some interesting approaches you may want to use or develop further in your projects. According to classic principles of web design, everything at the bottom of the page isn’t that important. Most users think like that. And most designers are convinced that this is true. Site elem
Design Webデザイナーなら見ておきたいコメントデザイン30選『30 Must See Comment Designs for Web Designers』 コメントのデザインをチェックしておきたい。 そんなあなたにおすすめなのが、『30 Must See Comment Designs for Web Designers』。Webデザイナーなら見ておきたいコメントデザイン30選だ。 以下にいくつかご紹介。 ↑のキャプチャはThomas Finley。 Intype Bartelme Nimbupani Darkmotion その他のリストは以下から。 » 30 Must See Comment Designs for Web Designers Webデザイナーなら見ておきたいコメントデザイン、コメントをデザインするときに参考にしたいですね。 久々にスタジオに入った。中々完成度が高
IETesterは、IE5.5, IE6, IE7, IE8beta1の確認が同時にできるアプリケーションです。 IETester [ad#ad-2] IETesterを利用するには、上記IETesterのページの「Download IETester」から「install-ietester-v0.2.exe」ダウンロードし、IETesterをインストールします。 IEのバージョンの切り替えは、「New Tab」から切り替えることができます。 簡単に使用しただけですが、IE5.5, IE6, IE7, IE8beta1のレンダリングの違いを確認できました。 バージョン0.2の動作条件は、Windows XP or Vista + IE7以上となっています。XP + IE6の場合、IE7, IE8のモードが動作しません。 Windows XP + IE7, IE8beta1の環境で使用したとこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く