devSnippetsで、リストをデザインするためのCSSプラクティスが紹介されています。 ざっといくつかご紹介。 » Elastic Calendar Styling with CSS CSSでデザインしたカレンダー。↑のキャプチャはこちら » Simulating a Table Using an Unordered List ul,liでテーブルレイアウトを作る » How to Create a Block Hover Effect for a List of Links リンクのリストにブロックのhoverエフェクトをつける » Turning a list into a navigation bar リストをナビゲーションバーに » FORM elements design using CSS and list (ul and dl) ulとdlを使ってフォームを作成 » Pr

supersizedというjQueryを使ったフルスクリーンのスライドショーを見つけました。 特徴は以下の3つですね。 ・画像の縦横比を維持しながらブラウザに合うように画像をリサイズする ・フェードイン&アウトしながら画像を切り替える ・ナビゲーションで「一時停止・再生・戻る・進む」をコントロールできる こんな感じです。 オプションも数値でいろいろと設定できますね。 とてもかっこいいのでぜひ見てみてください。 » supersized 気持ちいい週末ですね〜。まったりだな。

repperというパターンジェネレータを見つけました。結構便利。 使い方は簡単で、 1. ランダムなサンプル画像を選ぶか、自分の画像をUploadする 2. トリミングする範囲を選択する 3. 保存する。リンクするかダウンロードすることが可能 とのことですね。 トリミングする範囲をドラッグするとリアルタイムで画像が変化するので使いやすいな、と思いました。 一度使ってみてくださいー。 » repper レンズを選び中。CanonとSIGMAどっちにしようかな。

dev.portalZINEというサイトで、水平方向のjQueryアコーディオンメニューが紹介されています。 メニューにマウスオーバーすると、コンテンツが切り替わりますね。 デモは以下から。 » Horizontal Accordion Examples Hi. How are the license on this thing? Can I use it for a commercial project? Ofcouerse will I leave the copyright notes in the files. Thanks for a great script and keep up the good work 😉 との質問に対して、 Hi, sure you can use it on your commercial projects, but a donation woul

MyPHPDuniaというサイトで、jQueryのサンプルTOP10がまとまっています。 かなり使えるものばかりな感じですね。 » スライドタブボックス » Appleのサイトで使われているようなメニュー » 画像をズーム » 画像の上にスライドするキャプション » メニューの背景にスライドする画像 » タブで画像を切り替える » メニューにフェード効果 » アコーディオンメニュー » タブによるコンテンツ切り替え » タブメニュー 詳しくは以下からどうぞ。ソースコードもダウンロードできますね。 » Top 10 Jquery Examples with Live Demos わいわいと飲み会。超たのしかったぞ。

noupeで、かっこいい背景を作るためのガイドが紹介されています。 いくつかご紹介しますね。 ↑はPhotoshopでデジタルにぼけ足を作るためのエフェクト。 » Photoshopで作るレトロなグリッド背景 » Photoshopでリアルな石のテクスチャを描く方法 » 継ぎ目のない背景の作り方 » Photoshopでリアルに破れた感じを表現する » illustratorで繰り返すパターンをデザインする その他のリストは以下からどうぞ。 » Outstanding Website Background Guide: 60+ Impressive Resources 渋谷の街がピグに見えてきたぞ。 時計は結局Googleガジェットのアナログ時計を入れました。小さめでかっこよくて、なかなかいい感じかな。もっと小さかったらいいのになー。あと透明度も設定したい。

dzineblogで、いいデザイナーになるために参考になるサイトがたくさん紹介されています。 ざっといくつかご紹介。 チュートリアル » Tutorial9 » Photoshop Lady » HV Designs » Tutorial Dog デザインフォーラム » Designers Talk » Graphic design forum コミュニティー » Humble Voice » Deviant Art » Carbonmade デザインブログ » Design Melt Down » A list Apart » Design Mag 有名なものからちょっとマイナーなものまで、よくまとまっていますね。 ぜひ見てみてください。 » 50 Sites That Will Help You To Become a Better Designer MacBookのスピーカーの音がよ

Tutorial Blogでフリーのベクターグラフィックが見つかるサイトが紹介されています。 ざっといくつかご紹介。 » QVectors 世界中のフリーのベクター画像が集まっている。投稿も可能。EPSフォーマットで配布されていて、ライセンスはCreative Commons » 123 Free Vectors 動物やビンテージといったカテゴリーでベクター画像を配布 » Free Vector Graphics.Net 抽象系やアイコン、自然系のグラフィックを配布。インタラクティブ性のあるサイトで、コメントやTips、ヒントを残せる » Vector Valley EPS,AI,CDR,SVGといった複数のフォーマットでグラフィックを配布しているサイト » Dezignus 22ページ以上にわたってクオリティーの高いベクターグラフィックを配布。壁紙やテクスチャ、Photoshopのブラシ

DESIGNER DAILYでプロフェッショナルデザインのためのクオリティーの高いフリーフォントが紹介されています。 ざっといくつかご紹介。 ↑はMiso。 Quicksand Alte Haas Grotesk Comfortaa Justus Karabine サンセリフ体やセミセリフ体、セリフ体など、カテゴリーに分かれてかっこいいものがそろっていますね。ライセンスについてはリンク先を確認してください。 その他のリストは以下からどうぞ。 » 30 high-quality free fonts for professional designs 今日もいい天気ですねー。クロスバイクのギアの調子が悪い。。修理しに行かないとな。

About.comで、フリーの写真素材が見つかるサイトがまとまっています。 ざっといくつかご紹介。 » Mayang’s Free Textures 3400以上の高解像度のテクスチャ画像。1日に20ダウンロード制限あり » Mayang’s Free Textures 世界中で撮影された7000以上の美しい写真集。個人利用、非商用利用のみ無料 » Stockcache 数百のクオリティの高い写真集。ライセンスはCreative Commons Attribution License。著作権を明記すれば利用可 » Big Foto たくさんの自然の写真。個人利用で無料 » Free Images 2500以上のクオリティの高い写真集。たくさんのカテゴリーから選べる Looking for free images? Here are thirty sites where you can fi

「studiowhiz.com」で、クールなサンセリフ書体が23個紹介されています。 超クール！かなりいい感じなのでぜひ見てみてください。 ↑のフォントはDelicious。かっこいいですよね。 Comfortaa Often TF Gauntlet Tondo Ambrosia Eurofurence リンク先はほぼdafont.comになっていて、商用等で使いたい場合は、以下のように質問している人もいるので、参考にして質問してみてはいかがでしょうか（質問にはログインが必要です）？ I as well would like to use it commercially. Please let me know… xxx (at) gmail (dot) com Thank you その他のフォントは以下からどうぞ。 » 23 amazing modern clean fonts すごく働き

「DESIGN LABEL」で、JSでモーダルウィンドウやダイアログボックスを実装する方法がたくさん紹介されています。 ざっといくつかご紹介。 » Prototype Window prototypeフレームワークをベースにしたjavascript » Simple Modal いろいろなタイプのモーダルダイアログボックスを作るjQueryベースのプラグイン » Moodalbox Ajaxで外部コンテンツを表示する。mootoolsを使用 » jqModal マルチモーダルダイアログ（モーダルの中にモーダル）が可能なjQueryプラグイン » Lightwindow pdf、flash、QuickTimeなどのファイルをJSダイアログボックスで開ける » Facebox 画像やdiv、ページ全体を表示するためのFacebookスタイルのlightbox クールなインターフェースが揃ってい

Graphic Fetishで簡単にデザインするためのツール&ジェネレータが紹介されています。 ざっといくつかご紹介。 » Lorem Ipsum Generator ダミーテキストジェネレータ » Free Online Web Template Generator フリーのオンラインテンプレートジェネレータ » Free Logo Design – Logo Maker フリーロゴメーカー » Nameboy ドメインネームジェネレータ » Online Logo Generator オンラインロゴジェネレータ 見たことあるのがたくさんありますが、よくまとまっていると思いますよ。 その他のリストは以下からどうぞ。 » 28 Web Design Tools and Generators For Easy Web Design I’m drunken.

Stephane Caronさんのブログで、「jQuery lightbox clone – prettyPhoto」というタイトルの角丸でとてもかわいいlightbox系ポップアップが紹介されています。 白の角丸、黒で透過の角丸、黒で透過のスクエアなど、とてもかわいいデザインになっています。 ポップアップするスピードも気持ちいいので、かなり使えるのでは。 This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones. ライセンスは「Creative Commons Attribution 2.5」。商用利用も可能とのことですね。 ブラウザチェックも以下の通りされているようだから安心ですね。 ・Firefox

「Webdesigner Depot」で、同一色相配色のWebデザインがまとまっています。 以下にざっとご紹介。 ↑はAaron J. Shapiro。かっこいいですよね。 Stlye Division Henry Hoffman Citizen Fly Guy Designs Mint The Invoice Machine 「青・オレンジ・ブラウン・緑・紫・赤・無彩色」といったカテゴリーにわかれてたくさん紹介されていますね。 その他は以下からどうぞ。 » 50 Monochromatic Website Designs サーバ移行中。FTPが全然終わらん。。。んー早く出かけたいのにな。

「smashing apps」でクリエイティブなフリーアイコンセットがたくさん紹介されています。 ざっとご紹介。 ↑はPioneer Camp。 Antique Icons Windows 7 Base Icons Scholny Icons Pure Free Glossy Vector Player Icons Vector Arrow Icons ベクターアイコンも含まれているので、結構使えそうですね。 その他のリストは以下からどうぞ。ライセンスについてはリンク先を確認してください。 » 43 Creative Examples Of High Quality Free Icon Sets 先日ニューヨークの「地球の歩き方」を買いました。今日は諸々進めたりニューヨーク研究をしようっと。

「CSS TRICKS」で、画像にマウスオーバしたときにborderでレイアウトを崩さないテクニックが紹介されています。 デモがとてもわかりやすいのでぜひ見てみてください。 » View Demo 一つは、「a:hover img」にネガティブマージンを設定する方法。 もう一つは、「a:hover」にoutlineで枠線を表示する方法ですね。 ちょっと覚えておきたいですね。 詳しくは以下からどうぞ。 » Image Rollover Borders That Do Not Change Layout 今日もまったりいくぞ。天気がいいし気持ちいいですねー。

「SitePoint」でフリーの写真素材サイトが紹介されています。 ざっといくつかご紹介。 » stock.xchng 超定番ですね。パレートの法則的にはほぼここだけでいいのでは » morgueFILE 200,000を超えるフリー画像 » Unprofound.com 色でソート可能な素材サイト » Photoeverywhere UKでの旅やレジャータイムを中心とした3,000を超える写真いろいろ » STUDIO7DESIGNS Free Stock Photography 高解像度の自然の写真素材 » FreePhotos.com 4,600以上の素材集。検索ができ、カテゴリーからも探しやすい » AarinFreePhoto.com ユーザー登録なしで利用可能。950以上の素材いろいろ その他のリストは以下からどうぞ。 » A Collection of 30+ Free St

手書きフォントを探している。 そんなときにおすすめなのが、『45+ Most Wanted Beautiful Free Hand Drawn Fonts』。美しい手書きフォント45選だ。 以下にいくつかご紹介。 ↑はFFF Tusj。 Sketch Rockwell HandVetica Mellyboo Font Teenage angst This are the most popular hand drawn fonts that used on the web and free to download. Most of these are available under a Creative Commons License. Make sure to check details before using for commercial use. webで最もよく使われていて無料でダ

デザインに使える素材を探している。 そんなときにおすすめなのが、『13 Most Desirable Collection Of Free Resources For Every Designer』。デザイナーのための素材サイト13選だ。 以下にいくつかご紹介。 » フリーのデザインテンプレート&PSDファイル45選 » フリーのさびた金属のテクスチャ50選 » クオリティの高いWordPress2.7のテーマ15選 » あなたのブログを魅力的にするWordPressのプラグイン15選 » フリーのPhotoshopパターン集 » Webデザインに使えるフリーアイコンやPSDファイル45選 » 無料で使える背景パターンジェネレータ12選 その他のリストは以下から。 » 13 Most Desirable Collection Of Free Resources For Every Desi