80種類以上の水滴や露などWaterdropの高解像度のPSD素材Fabulosas gotas en PSD PSDのレイヤーは、背景、ハイライト、シャドウ、マスクの４つに分けられており、全部で80種類以上のWaterdropがあります。
[JS]jQueryのプラグイン33+1選 -2009年5月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Beautiful jQuery sliders 洗練されたインターフェイスの画像ギャラリー。 BigPicture パネル表示やギ
商用サイトでもフリーで利用できる木のシルエットのベクター素材
Vector Trees Silhouettes ベクター素材はPhotoshopのカスタムシェイプとなっており、50以上の木のシルエットのパターンがあります。
ウェブデザインにおける、ライトとシャドウの効果的な5つの使い方
ウェブデザインにおける、ライトとシャドウの効果的な5つの使い方をSmashing Magazineから紹介します。 5 Simple Tricks To Bring Light and Shadow Into Your Designs 以下、その意訳です。 ライトとシャドウというのは単にそこにあるだけではありません。ライトは対象物を射し、シャドウを生み出します。 形や大きさ、質感を伝え、目にする対象物の理解を深めます。 ウェブデザインでもこのライトとシャドウは非常に重要で、デザインをよりナチュラルにし、感動的で直感的なものにします。 ここに、ライトとシャドウの洗練された5つの使い方を紹介します。 A Quick Anatomy Of Light And Shadow ライトとシャドウの構造 下の図は、ライトが左からあたっています。ハイライトはそのライトが一番強くあたっている箇所です。そして
優れたユーザインタフェースを設計する際に考慮する8つのポイント
ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが
ウェブサイトの効果的なタイポグラフィの17のテクニック
ウェブサイトの効果的なタイポグラフィの17のテクニックをWebdesigner Depotから紹介します。
[CSS]うっかりでは済まないスタイルシートの記述の間違い集
スタイルシートが意図した通りにブラウザに表示されない時、ブラウザのバグが原因の場合もありますが、ここでは主に制作者のタイポや勘違いでうっかりやってしまいそうなスタイルシートの記述の間違いをCSS newbieから紹介します。
ウェブデザインにおける効果的な背景の使い方
Backgrounds In Web Design: Examples And Best Practices 以下、その意訳です。 ウェブデザインのスタイルは常に進化しており、大きな変化の一つに背景の使い方があります。 背景の重要な役割は、ウェブサイトへの興味を視覚的にひきつけることです。 背景はウェブサイトのテーマを支えるものであり、あらゆる可能性を考慮し設計を行う必要があります。 ここではウェブデザインの最近のトレンドをふまえた、背景のベストプラクティスを紹介します。 1. The Basic Background Structures 良い背景を設計する際に、背景の基本構造を知る必要があります。 Body Background bodyの背景は、昔から使用されている背景です。 主にイメージ、イラスト、テクスチャ、パターンなどを使用します。 Content Background コンテ
いろいろな色の名前が分かるサイト色々
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
[CSS]コンテンツ箇所をHTMLの上部に配置するスタイルシートのトリック
コンテンツ箇所をHTMLの上部（ヘッダ・ナビゲーションより上）に配置するスタイルシートのトリックをSoh Tanakaから紹介します。 Markup Hierarchy - Advantages in SEO demo 上記のようなレイアウトをHTMLで記述した際、上左の順番で配置するのが一般的ですが、「float」と「position: absolute;」を使用して、下記のようにコンテンツ箇所を先頭に配置しています。 <textarea name="code" class="html" cols="60" rows="5"> <div id="main" class="container"> <div id="content">Content</div> <div id="header">Header</div> <div id="sidecol">Side</div> </div>
グリッドをPSD上に、ガイドで簡単に作成できるPhotoshopのプラグイン -Gridmaker
数値指定でグリッドをガイドで簡単に作成できるフリーのPhotoshop CS4用のプラグイン「Gridmaker」を紹介します。 Gridmaker For Photoshop CS4 Gridmakerのインストール方法 「GridMaker.jsx」と「GridMaker.swf」をダウンロードします。 2つのファイルをプラグインの「Panels」フォルダに格納します。 例：C:\Program Files\Adobe\Adobe Photoshop CS4\Plug-ins\Panels Photoshop CS4を再起動します。 [ウインドウ]-[エクステンション]に「GridMaker」があれば完了です。 Gridmakerの使用方法 [ウインドウ]-[エクステンション]から「GridMaker」をクリックします。 GridMakerのパネルにグリッドを指定します。 Column
単色で構成された、デザインが秀逸なアイデア溢れるロゴのデザイン集
単色で構成された、デザインが秀逸なアイデア溢れるロゴをAbduzeedoから紹介します。 Ultimate One Color Logos Inspiration Comedy Club HUGE!_
[CSS]hackを使用していないCSSのテンプレート集
Perfect multi-column CSS liquid layoutsは、CSS hackを使用せず、iPhoneにも対応したベーシックなCSSのテンプレート集です。 Perfect multi-column CSS liquid layouts テンプレートは、全てリキッドタイプで、横幅はパーセント指定されています。 対応ブラウザは、下記のものと記されていました。 Win Firefox 1.5 & 2 Safari Opera 9 Explorer 5, 5.5, 6 & 7 Netscape 8 Mac Safari Firefox iPhone & iPod Touch Safari
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
光を効果的に使用したPhotoshopのチュートリアル集：Part 12
[CSS]クリッカブルマップっぽいものを実装するスタイルシート
[CSS]スクリプト無しで、ナビゲーションの背景全体を変更するスタイルシート
ウェブデザインのクオリティをアップする7つのポイント | コリス
簡単にカスタマイズができるシンプルなWordPressのテーマ -Empty Canvas
[JS]jQueryのプラグイン33+1選 -2009年4月 | コリス
[CSS]実用的なレイアウトが揃っているフリーのテンプレート集 -Best Free Templates