■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 着々と進行中。がんばるぞぅ。

Methodologie Web Canvasというページを見つけました。解像度別のユーザー使用率を示してくれていますね。 760 x 420px　100% 960 x 600px　92% 1210 x 630　50% 1370 x 730　11% とのことですね。これによるとwidth:960pxでもそれほど問題なさそうですね。 統計はhttp://thecounter.com/とhttp://marketshare.hitslink.com/report.aspx?qprid=17（2009年8月現在のデータ）から得ているようですね。 一度見てみてください。 » Methodologie Web Canvas ばりばり作業中。配送してメッセしてWindowsアップデートして・・・と昨日も知らん間に寝てたzzz

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 実家に帰ってきてまったりしています。お店のパピヨンがかわいすぎて連れて帰りそうになりました♪

HONGKIATで、新しいWordPressのテクニック&ハックがまとまっています。 いくつかご紹介しますね。 » Antivirus for WordPress 悪質なインジェクションを関知して警告してくれる » Custom ‘Read More’ and Thumbnailed Recent Posts ”もっと読む”メッセージとともに最近のエントリーのサムネイルを表示 » Add shadows to a range of objects 画像やdiv、blockquoteにシャドウをつけるプラグイン。↑のキャプチャはこちら » Alternative way to display dates – WP-RelativeDate 日付を「今日」や「昨日」、「2日前」といった表示にできる » Vote Post Up/Down Diggで見られるようなVote（投票）ボタンをエントリ

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)）。

-KAYAC QUEST- ご利用にあたって ご使用のブラウザ環境では、本サイトが正しく表示できない可能性があります。 以下の注意点を確認し、必要な設定を行った上で再度表示してください。 ブラウザの JavaScript 設定を有効化してください。 最新の Adobe Flash Player をインストールしてください。 Powered by Progression

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

Six Revisionsで、Photoshopで緑のかっこいいデザインをする方法が紹介されています。 まず980 x 830pxでファイルを作成して、#E0E0ACの角丸で背景を描画して、モーションブラーでテクスチャを作って、という風に詳しく解説されています。 You can download the Photoshop (PSD) source file free of charge so that you may study it to enhance your learning. とのことでPSDファイルもダウンロードできるので、ぜひ見てみてはいかがでしょうか？ » How to Make a Green & Sleek Web Layout in Photoshop MTな毎日です。早く進めなくては。

▼font cubes [BETA] http://www.fontcubes.com/ 現在9813フォント（2009/7/13現在） 比較的にオシャレなフォントが多い。 私が一番利用するフォントサイト。 Walt Disney Fontやプレイボーイ、ハリーポッターなど 映画やドラマのタイトルロゴフォントやブランドロゴフォントに似たフォントが多い。 ▼Fontspace http://www.fontspace.com/ 現在10717フォント（2009/7/13現在） サイト内でフォントを拡大縮小ができる。 それ以上に驚かされるのが、自分の打ち込んだ文字を リアルタイムにフォントをカスタマイズできるため、 自分の作ろうとしている感じがつかめとても便利。 フォントも映画系のロゴフォントから、手書きフォントなど幅広くダウンロードできる。 ▼dafont.com http://www

The icon site for icon connoisseurs. Featuring only the highest quality freeware icons for Mac, Windows and Linux.

Smashing Magazineで、Paper Wallという紙の質感が綺麗なフリーのWordPressテーマが配布されています。 Download and use the theme for free! You can use the theme for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The theme may not be resold, sublicensed or rented. Please link to this article if

WEB DESIGN LEDGERで、美しいデザインのMac&iPhoneアプリ系サイトが紹介されています。 ざっといくつかご紹介。 ↑はMacRabbit。 atebits Acrylic Tao Effect その他のリストは以下からどうぞ。 » 13 Beautifully Designed Mac and iPhone App Websites 今日はAPIの話と見せかけてカメラの話をするぞなう。

noupeで、クオリティーの高いフリーのXHTML/CSSテンプレートが紹介されています。 ざっといくつかご紹介。 ↑はSymisun。 Creative Media Green Solutions TreeHouse RamblingSoul ライセンスについてはリンク先を確認してください。 PSDファイルが含まれているのもあるので、一度見てみてはいかがでしょうか？ » 50 Free High-Quality and “New” (X)HTML/CSS Templates 金曜日ですねーがんばりましょう。今日はいろいろ外出だな。

Smashing Magazineで、美しいFlashサイトがたくさん紹介されています。 ざっといくつかご紹介。 ↑はOn Toyota’s mind。 Sensisoft Edwin Murat Ganter Portfolio Pantagonia WWF Brasil その他のリストは以下からどうぞ。 » 50 Beautiful Flash Websites ここ何週間かタブを10段くらい開いたままにしてたので消化中。。ちょっと古い記事もありますがご容赦くださいm(_ _)m

Naldz Graphicsで、便利なPhotoshopのカスタムシェイプがまとまっています。 ざっといくつかご紹介。 ↑はCustom Shape Mix。 People Silhouettes Live Trees Custom Shapes Pack v. 1.1 Splats N Drips_Custom Shapes deviantArtなどにリンクしているので、ライセンスについてはリンク先を確認してください。 » 30+ Useful Photoshop Custom Shapes Set おれは寝ないで何をしてるんだろうか。。ちょい時間ができたのでブログ書きまくり中ーー。iPhoneやっぱほしくなってきた！

nettuts+で、ちょっと新しいWebデザインが紹介されています。 ざっといくつかご紹介。 ↑はVyniknite。 Chris Jennings Motty Fred Maya Serj その他のリストは以下からどうぞ。 » 30 Exceptional Web Designs テンションが上がったのでちょい制作中。明日くらいにお知らせしようかな。

instantShiftで、モダンなWebサイトのフッターが紹介されています。 ざっといくつかご紹介。 ↑はVimeo。 StrawPollNow DesignBombs Boagworld Deanoakley その他のリストは以下からどうぞ。 » 80+ Perfect Ending of Modern Website Design- Footers! 友人と近くで飲みまくり。楽しかったーーー♪ iPhone 3GSだけど3Gの支払いがかなり残っているので今日はやめにしといた。。でも動画がやっぱ気になるからほしくなってきたぞ。YouTubeにぽんぽんUPできるみたいですねー。

FAT SLICE http://www.funny-games.biz/fat-slice.html ・コレお薦め！要らない部分をカットして、ボールをできるだけ狭いエリアに追い詰めるだけの シンプルなFlashゲームなんですが、ついついやってしまう何か魔物がいます！ STACKLE http://www.funny-games.biz/stackle.html ・物理シミュレーションを用いたジェンガゲームですね。 METAL SLUG2 http://www.stoneagegames.com/games/1180/metal-slug-brutal-2 ・このゲーム、小学生くらいの時に、ゲームセンターでやった覚えがあります。面白い！flash移行版なのかな。 Mario Combat http://www.funny-games.biz/mario-combat.html

ファミコン版『グラディウス』のゲームのフルパワーアップコマンドで、 ポーズをかけた状態で「コナミコマンド」を入力すると一瞬にしてオプションフル装備などの 特典を得られるという物であった。 という事で、今回はコナミコマンドを使ったwebコンテンツの紹介。 ■ konamicodesites.com コナミコマンドが仕掛けられているサイトを紹介してくれるサイト。 このサイトに飛びましたら、「コナミコマンド」を入力しましょう。 そっけないページ上でコナミコマンドを入力すると↓ コナミコマンドが仕掛けられているサイトのリンクが表示される。 こんな遊び心がたまらんです。 Facebook や Digg 、 jQueryのサイトにも仕掛けられていたなんて驚いた。 ■ Googleリーダー メイン画面でコナミコマンドを入力すると、何か変化が生まれます。 ■ jQuery メイン画面でコナ

WebAir blogというブログで、シンプルなjQueryチュートリアルが紹介されています。 ざっとご紹介。 » Amazing Music Player Using Mouse Gestures and Hotkeys XHTMLとjQueryで実装されたミュージックプレーヤー。マウスジェスチャーとホットキーで動作する » FancyBox lightbox系のクールなエフェクト。MITライセンス » Jcrop 画像をトリミングする機能を追加できるjQueryプラグイン » Table Row Checkbox Toggle テーブルの行をクリックすることでチェックボックスにチェックを入れてくれる » AJAX Upload ページ遷移なしのAjaxファイルアップローダー » Scrollable jQueryで実装するクールなスクロールコンテンツ。HTMLを中に含むことができ、水平