製品の特徴についてカッコよく表示できるjQueryプラグイン「Feature List」。 次のような、製品の紹介なんかでどこかで見たようなUIパーツを簡単に実装できるみたいです。 実装方法 最初はちょっと難しいような気もするのですが、実はかなり簡単で次のように<div>以下に2つのulを置いておきます <div id="feature_list"> <ul id="tabs"> <li> <a href="javascript:;"> <img src="services.png" /> <h3>Services</h3> <span>Lorem ipsum dolor sit amet consect</span> </a> </li> <li> <a href="javascript:;"> <img src="programming.png" /> <h3>Programming<

The 60 Best Photoshop Tutorials to Design Your Own Amazing Site | 一流のサイトデザインを一から作成する手順集。 次のようなクールなサイトデザインをPhotoshopで作っていくチュートリアル集が公開されています。 Photographer Portfolio layout Unique Grungy Website Layout Game Layout with Scratched Menu Wedding Layout Simple Business Style Agency Layout 全部見る 参考に作ればデザインの苦手な人でもそこそこのページが出来そうですね。

iPhone/iPod touchのスタンドを無料で作れちゃうペーパーキットPDF。 PDF形式で配布されていて、なかなか高品質なものが作れるみたいです。 専用のものはケースが付いていると使えなかったり、数千円したり、ユニバーサルドックも大きかったりしますね。 縦置きで見たところ。 横置きの場合。 充電ケーブルも通る。 充電ケーブルを挿して横から もちろん、かた紙で作る必要がありそうですが、普通紙に印刷して、かた紙に貼り付けてってやり方でもよさそうですね。 キットのダウンロードは以下より Dessine moi un objet Blog Archive Iphone and Itouch paper stand / dock

これは絶対覚えておいた方がよいシルエットの素材集。 85サイトのフリーかつハイクオリティなシルエット素材集が物凄い勢いでまとまっています。 覚えておくと色々な場面で使えることは間違いなさそう。 人型だけじゃなくて、動物や昆虫・植物などそろってます。 リンク先は以下のＵＲＬから参照してください 85 Free High Quality Silhouette Sets | Graphics

Free Stock Textures - Free Images 高解像度なテクスチャがいっぱいの「Free Stock Textures」 カテゴリや色を元にテクスチャの検索をすることも可能。 サイトのデザインも見やすくていいですね。 関連エントリ フリーテクスチャを色々探せるサイト「Texture Lovers」 ハイクオリティかつクールなグランジテクスチャ集 カラフルでフリーな美麗テクスチャ集 いい感じの手作り感が出せる紙のテクスチャ素材色々

25 Photoshop Tutorials for Web Designers - Six Revisions プロレベルのサイト作成時に使える実用Photoshopチュートリアル集。 ページ全体だけではなく、ヘッダーやナビゲーション等、パーツによって個別に別れているので使いやすそうです。 テンプレート作成のチュートリアル Photoshop Paper Texture from Scratch How to Create a Grunge Web Design Design an Awesome Band Website Template ナビゲーション作成のチュートリアル Design Watercolor Effect Menu Glossy-Style Carbon Fibre Navigation Buttons CSS Menu With Icons サイトヘッダー作成のチュ

45 Beautiful Free Fonts for Modern Design Trends - Six Revisions 美しいフリーフォント45セットが紹介されています。 ロゴデザインなんかに使ってもまったく問題なさそうです。 Cicle Share Reznor Broken Alte Haas Grotesk Abrosia AUdimat 全部見る フォントのインストールのしすぎは注意が必要ですが、これは、というお気に入りのフォントがあったら入れておきたいですね。 関連エントリ 萌え系フォントのまとめ ウェブ、ＤＴＰに使えるクールなフォント集 フリーフォント大量配布/紹介サイトいろいろ フリーフォントを入手するためのトップ５サイト 女性の書いたようなやわらかい萌えフォント「あんずもじ」

13styles CSS Menus It's glossy and beautiful. Download the source code below.綺麗で立体感のあるサイトメニュー素材がダウンロードできるサイトが登場。 綺麗なメニューが多数入手できます。 テキスト部分は自分で好きに変えられるので、簡単に自サイトに組み込めそう。

30 Exceptional CSS Techniques and Examples | Six Revisions In this article, I’ve pieced together 30 excellent CSS techniques and examples 便利なＣＳＳテクニック３０選ということでエントリがまとまっていたので紹介。 特に気になったものを以下にまとめました。 Hoverbox Image Gallery - 画像ギャラリー上でマウスホバー時に画像拡大 デモはこちら CSS Photo Zoom - 文書に添付の画像にカーソルを合わせると画像拡大。テキスト位置も自動調整 デモはこちら whatever: hover - windowsのスタートメニュー風の階層メニュー デモはこちら Content Overlay with CSS - オーバーレイでdescr