■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

この「Uquery」というサイトが公開されています。 ■Uquery(iPhone/iPod Touchアプリ検索) http://www.uquery.com/ このサイトではiPhoneアプリを見つけるのを脅威的に速くするように 「AppRank」と呼ばれるアルゴリズムのシステムを使用しているそうです。 なんと、「Uquery」は、iPhoneアプリのGoogleを目指すとか。 で、現在の欠点としては ■日本語対応していない点 ■iTunesのAppStoreにない情報はない ■任意のユーザーのコメントやスターのオススメリストが表示されない とまだまだ足りない機能もありますが、今後の動向が気になります。 現在は72206アプリケーションが登録されている。(2009/9/6)

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

speckyboyで、フォームを使いやすくするためのjQueryプラグイン&チュートリアルがまとまっています。 いくつかご紹介しますね。 » In-Field Labels jQuery Plugin inputの中に透かしのラベル名を入れられるプラグイン » A jQuery Inline Form Validation, because Validation is a Mess inputの右上に吹き出し型でバリデートのエラーメッセージを表示 » Justify Elements Using jQuery and CSS – Tutorial jQueryとCSSでlabelのwidthを揃えるチュートリアル » jQuery Comment Preview – Tutorial コメント入力中に投稿内容をプレビューできるプラグイン。↑のキャプチャはこちら » jQuery “High

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 + [）も覚えたしさくさくだ。

Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryで作るmp3ミュージックプレーヤー » jQuery form plugin jQueryで非同期通信のフォームを実装 » easyDrag jQuery plugin 簡単にコンテンツをドラッグ&ドロップできるようにするプラグイン » jQuery accordion plugin – vertical 垂直方向のアコーディオンメニュー » Switch stylesheets with jQuery

1st webdesignerで、Photoshopのレイアウトチュートリアルが紹介されています。 ざっといくつかご紹介。 ↑はDesign a trendy business & finance layout。 Create a Clean and Effective Product Layout Web Design Tutorial: Blog/Portfolio Template! Create a Professional Portfolio Design in 17 Easy Steps Softblue Template Tutorial その他のリストは以下からどうぞ。 » 90 New And High Quality Photoshop Web Layout Tutorials 実家に帰ってきてまったりしています。お店のパピヨンがかわいすぎて連れて帰りそうになりました♪