■psd tuts+ http://psd.tutsplus.com/ (ロゴからUI、合成まで幅広くphotoshopのチュートリアルを扱う) ■DigitalArts http://www.digitalartsonline.co.uk/tutorials/index.cfm (photoshop以外にもAdobe製品（illustrator,AfterEffects）など多数あり) ■Tutorial9 http://www.tutorial9.net/category/photoshop/ (photoshop以外にも写真撮影のtipsやwebなど様々なチュートリアルあり) ■abduzeedo http://abduzeedo.com/tutorials (ペイント系からロゴ、エフェクトなど多数あり、illustratorやFireworks、PixelIm

Six Revisionsで、Photoshopでディテールをデザインするチュートリアルが紹介されています。 かなり細かく解説されているので参考になりますね。ベベルやドロップシャドウで立体感を出す方法や、描画モード：オーバーレイで綺麗なグラデーションを描く方法など、シンプルだけどかなり気の利いたチュートリアルになっています。 記事はかなり長いですが、下部にある「light-and-sleek-layout.zip (ZIP, 1.24MB)」からPSDファイルをダウンロードできますね。 ぜひデザインの参考にしてみてはいかがでしょうか？ » How to Make a Light and Sleek Web Layout in Photoshop さて仕事再開するかな。だいぶテンション上がってきたぞ。

WebAppearsというサイトで、透過をうまく使ったデザインをするためのPhotoshopチュートリアルが紹介されています。 まずはぼかし（移動）とブラシをうまく使って背景を作り、ボタンの背景を透明度を駆使して作っていく方法が解説されています。 数値やRGBも細かく載っているので、参考になるのではないでしょうか。 一度見てみてください。 » Design a Transparent Website Layout in Photoshop やっと時間が取れた。。書きたいことはたくさんあるんだけどばたばたしていて時間がない。。

wpbeginnerで、WordPressの404ページデザインがたくさん紹介されています。 ざっといくつかご紹介。 ↑はCatswhocode。 Catalyst Studios Carsonified CSS Tricks Retard Zone 404ページもデザインされていると印象に残りますよね。 その他のリストは以下からどうぞ。 » Best of Best WordPress 404 Error Page Designs snow leopard早く入れたい。。うーん。 諸々急いで進めるぞ。

Six Revisionsで、魅力的なUIにするためのjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » SimpleModal シンプルなモーダルウィンドウ » Panel Gallery ユニークなトランジションを持つスライドショー » Easy Image Gallery サムネイル表示型のイメージギャラリー » PikaChoose Belvedere Incに見られるクールなギャラリー » SlideBox たくさんのリンクを表示できるスライドボックス » Single Drop Down Menu シンプルなドロップダウンメニュー » Mouse Over Animation for Text テキストにマウスオーバーすると、明度を変えてくれたりうにょ〜っと拡大してくれるエフェクト あまり見たことのないものやシンプルで使いやすそうなギャラリーなどが揃っていま

Storybirdというサイトを見つけました。家族や友人と一緒に作る物語コミュニティーです。 Storybird is a service that uses collaborative storytelling to connect kids and families. Two (or more) people create a Storybird in a round robin fashion by writing their own text and inserting pictures. They then have the option of sharing their Storybird privately or publicly on the network. The final product can be printed (soon), watched on scree

speckyboyで、インスパイアされるWebアプリ&サイトデザインがまとまっています。 ざっといくつかご紹介。 ↑はPhotoSnack。 Image Spark YOKABOO Gambolio.com Autodesk Project Dragonfly 以下のカテゴリーに分かれてたくさん紹介されているので、ぜひ見てみてください。 ・Clean, Simple and Nice Designs ・Minimal and Effective ・Vector and Large Background ・Corporate and Professional ・Modern and Typical (Web 2.0ish) ・Stylish and Classic Layouts ・Graphically Improved Designs ・Flash, Flex and AIR Desig

Web Developer plusで、知っておきたい使えるCSSテクニックが紹介されています。 いくつかご紹介しますね。 ・テキストハイライト時の色を変更する SafariやFirefoxでテキストを選択した時の色を変更できる。コードサンプルは以下 ::selection{ /* Safari and Opera */ background:#c3effd; color:#000; } ::-moz-selection{ /* Firefox */ background:#c3effd; color:#000; } ・プリント時にページを指定箇所で分割する 以下のクラスを指定することで印刷時のページを分割できる .page-break{ page-break-before:always; } ・テキストの代わりに画像を表示する よく見られるSEOテクニック。ユーザーには画像を見せ、検索エ

Photoshop Tutorialsというサイトで、フリーのパターンがダウンロードできるサイトが紹介されています。 ざっといくつかご紹介。 » COLOURlovers 自分のパターンを投稿したり、ユーザーが作ったものをダウンロードできる » everyday icons 目を引くデザインにしたいときに使えそうな面白くてレトロなパターン集 » Kaliber10000 クールなパターンがたくさん。投稿も可能 » Pattern8 とてもかっこいいサイト。クオリティーの高いパターンが探せる。色で検索可能 » Shizoo Frozen Media 花柄や細かくてシンプルな柄など、テクスチャ・パターン集 その他のリストは以下からどうぞ。 » Best Sites to Download Free Patterns 麻布十番で打ち合わせ。エンジニアの方と面白い話ができた。がんばるぞぅ。

abduzeedoで、緑をうまく使った美しいWebデザインがたくさん紹介されています。 ざっといくつかご紹介。 ↑はpsdtolife。 devthought Aenemya Sprouter Big Cartel 色のトーンや面積、あるいは緑をどんな色と組み合わせているかが参考になりますね。 その他のリストは以下からどうぞ。 » 55 Beautiful Green Layouts in Web Design 横浜に新しくオープンしたリゴレットのオープニングパーティーに行ってきました。駅から近いし、川沿いのテラスで飲めるしいいところでしたね。雰囲気はかなり派手派手。大人な感じで飲みたい時にはぜひ♪ » RIGOLETTO

abduzeedoで、青をうまく使った美しいレイアウトのデザインが紹介されています。 かっこいいものが揃っていますね。 ↑はEnvira Media Inc。 Graham McDonnell MonAssoc Bluedots Design nclud 同じ青でも明度と彩度でトーンを変えていたり、白を使って色面率を抑えることですっきりしたサイトになっていたりで、だいぶ印象が違って見えますね。 その他にもたくさんあるのでぜひ見てください♪ » 52 Beautiful Blue Layouts in Web Design 着々と進行中。がんばるぞぅ。

CreativityDenというサイトで、jQueryをうまく使ったクールなポートフォリオサイトがたくさん紹介されています。 いくつかご紹介しますね。 » webalon jQueryを使って画像を水平方向にスクロールしているWebalonのサイト » metalabdesign マウスオーバーでさりげなくフェードイン&アウトするグローバルメニュー » brynnshepherd ”about me”タブをクリックすると、スライドして現れるコンテンツ » jp3design マウスオーバーすると、ふわっと浮き上がって落ちる時も滑らかなグローバルメニュー » cpeople スライディングパネルとスクローラーをクールに使ったCPeopleのサイト その他のリストは以下からどうぞ。 » 25 Portfolio Sites Using jQuery Amazingly Well pdfがcom

speckyboyで、PSDフォーマットのフリーアイコンセットが紹介されています。 ざっといくつかご紹介。 ↑はRadium Icon PSDs。 On-Stage Vector PSD Icon Set Bevel And Emboss – PSD Icons PLASMA TV PSD Headphones PSD その他のリストは以下からどうぞ。 » 50 High Quality Free Icon Sets in PSD Format Safariで高速作業した。やっぱりFxは重いですね。タブ移動のショートカット（command + shift + [）も覚えたしさくさくだ。

creative NERDSで、illustratorのテキストエフェクトチュートリアルがまとまっています。 ざっといくつかご紹介。 ↑はCreating an Environmentally Friendly Green Type Treatment。 Create a Vibrant 3D Pixel Type Treatment How to Create a Smokin’ Western Type Treatment in Illustrator Illustrator Tutorial – 3D lighted text effect Tutorial : Create a cool water effect その他のリストは以下からどうぞ。 » The Best Adobe Illustrator Text Effect Tutorials 女性がいいって言ってたLEAF &

PATTERN IN ISLAMIC ARTというサイトで、イスラム美術のフリーパターンが配布されています。 This website offers a FREE download of over 4000 images of patterns and other design features drawn from the rich cultural heritage of the Islamic world. とのことで、4000以上のフリーパターンが掲載されています。 一度見てみてはいかがでしょうか？ » The WADE Photo-Archive : 2nd Edition 時間が取れたのでがっつり制作中。結構進んだぞ。

Six Revisionsで、焦げた紙のテクスチャが公開されています。 ざっといくつかご紹介。 ↑はBurnt Paper Texture 01。 Burnt Paper Texture 02 Burnt Paper Texture 04 Burnt Paper Texture 06 Burnt Paper Texture 12 それぞれSix Revisionsが、FlickrにBurnt Paper Textureセットとして公開しているようですね。ライセンスはCreative Commons。 一度見てみてください☆ » 12 Free & High Quality Burnt Paper Textures 昨日はクラブイベントで超楽しかった。ラテン系はたのしーですね〜♪

DESIGNM.AGで、メガメニューの使用例が紹介されています。 ざっといくつかご紹介。 ↑はThe Sak。 Etnies Target Office Depot Spread Shirt Mega menus are a growing trend in web design (see Mega Menus: The Next Web Design Trend from Sitepoint). For sites that involve a lot of pages and/or products, a mega menu may be able to improve navigation and usability. メガメニューはWebデザインにおけるトレンドになりつつある（参考：Mega Menus: The Next Web Design Trend(Sitepoint)）。

TOXEL.COMで、クオリティーの高いフリーのWordPress2.7テーマが紹介されています。 ざっといくつかご紹介。 ↑はElegant Grunge Theme。 The Unstandard Theme Milano Theme Gallery Theme Typebased Theme かっこいいデザインがそろっているので、ぜひ見てみてください♪ » 20 High Quality Free WordPress 2.7 Themes 昨日は恵比寿で焼き肉。うまかったのだ。雨の中かなり待ったけど、雰囲気もよくて楽しかったです。

webdesigner depotで、商用でも無料で使えるベクターアイコンが紹介されています。 The icons are completely free for personal and commercial use and they’re being released exclusively to all our readers. とのことで、個人利用・商用利用ともに無料になっています。 AIファイルも入っているので、使いやすいのではないでしょうか？ 矢印やノートやカレンダー、パソコンといったオフィス系アイコン、カートや配送車などのEC系アイコンがたくさん入っています。 ぜひダウンロードしてみてください♪ » 200+ Free Exclusive Vector Icons: ‘Primo’ 気が向いたのでCSSを整えて、inputとtextareaにborderを指定しました。pad