HONGKIATで、ドロップダウンメニューを作るスクリプトがまとまっています。 ざっといくつかご紹介。 » CSS Drop-Down Menu Framework GNUライセンスのCSSドロップダウンメニューフレームワーク » CSS Express Drop-Down Menus CSSでさくっとドロップダウンメニューを作る方法 » JavaScript Dropdown Menu with Multi Levels javascriptを使ったマルチレベルのドロップダウンメニュー » Smooth Navigational Menu jQueryを使ったマルチレベルのナビゲーション » Mega Drop-Down Menu メニューの中にグループを設定できるメガドロップダウンメニュー » Mega Drop-Down Menu MooTools1.2を使ったシンプルなドロップダウ

spyrestudiosというサイトで、かなり魅力的なjQueryチュートリアル&プラグインが紹介されています。 ざっといくつかご紹介。 » Creating a Keyboard with CSS and jQuery CSSとjQueryでPCのキーボードを実装 » Animate Curtains Opening with jQuery カーテンが開くアニメーションをjQueryで実装。↑のキャプチャはこちら » Sexy Drop Down Menu w/ jQuery & CSS するするっと消えていくクールなドロップダウンメニュー » Learning jQuery: Fading Menu – Replacing Content フェードイン&アウトして切り替わる超クールなメニュー » How to Load In and Animate Content with jQuer

WEB HOSTINGというサイトで、サイトをかっこよくするCSSテクニックが紹介されています。 ざっといくつかご紹介。 » Image gallery with hover box preview 画像マウスオーバー時に拡大表示してくれる » Alert Box シンプルでクールなアラートメッセージデザイン » CSS Sliding Sprite Window CSSスプライトで背景画像をクールに切り替える » Gradient text effect using CSS purely CSSを使ってテキストにグラデーションをつける » Creating a sliding image gallery 水平・垂直方向のスライドするイメージギャラリー » CSS rollover buttons JSを使わずにCSSスプライトでロールオーバーボタンを実装 結構いい感じのがそろっていますね

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

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

Creative Nerdsで、知っておきたいフリーのデザインアプリが紹介されています。 ざっといくつかご紹介。 » Active Pixels Photoshopに似た素晴らしいフリーソフト » Inkscape オープンソースのベクターグラフィックエディタ » Pencil 0.4.4b オープンソースの手書きアニメ作成ソフト。Windows,Mac,Linuxで動作する。↑のキャプチャはこちら » Blender オープンソースの3Dモデリングソフトウェア » Synfig ベクターベースの2Dアニメーション作成ソフト なんだかすごいのがいっぱいあります。 その他のリストは以下からどうぞ。 » 25 Free Must Download Design Programs 本屋に行けてないし雑誌読めてなかったりだからいろいろ整理しようっと。

なかなかいいアプリを見つけました。Macで使えるガントチャートを探してたんだけど、いい感じかな。 AIRアプリで、Win,Mac,Linuxで動くプロジェクト管理ツールです。 新規プロジェクトを設定して、新規課題を設定して、という風に操作していきます。期限を設定すると、ガントチャートにしてくれますね。アイコンをクリックするとカレンダーが表示されたり、インターフェースがかわいくてとてもいい感じです。 Beta版とのことで、表示がちょっとおかしかったりしますが、よくできているアプリだと思います。 iPhoneアプリとしてもリリースされるようなので楽しみです。 ぜひ見てみてください。 » Colabolo – Issue Manager ちょい使ってみようっと。

HONGKIATで、Webデザイナーのための便利ツールがたくさん紹介されています。 ざっとご紹介。 » Web Form Elements タブやボタン、ドロップダウンといった要素がPSDファイルになっている » Browser Form Elements PSD MacのFirefox3とWin Vista IE7のブラウザのフォーム要素 » Deluxive Creative Pack ステッカーやバッジなどの要素がたくさん » 960px Photoshop Grid Template 960pxのPhotoshopグリッドテンプレート » (More) Browser Templates ブラウザのテンプレート集。↑のキャプチャはこちら » Photoshop Cursor Pack カーソルがたくさん » Magazine PSD 雑誌のテンプレート かなりいい感じのがそろってい

決定版がまた続いてしまいますが、、すごいサービスなのでご紹介。 Free Stock Texturesでは、↑のようなテクスチャがたくさん配布されています。 Terms of use FreeStockTextures.com are the authors of all the photos available on this site. All textures may be used for both personal and commercial purposes. You may make any derivative work out of them. However you are not allowed to sell or redistribute these textures in an underived form or if the modified product

In The WoodsのCoda Slider and More With jQuery Toolsという記事で、jQuery Toolsで実装したCodaのスライダーのようなインターフェースが紹介されています。 デモは以下から。 » View the Example 超クールなので、タブメニューのインターフェースとしてかなり参考になるかと。 シンプルにフェードイン&アウト、ツールチップつき、Codaのように左右にスライドといったパターンがあります。 ぜひ見てみてください。 » Coda Slider and More With jQuery Tools iPhoneのイヤホンが壊れたのでApple Storeで交換の予約をしてきたぞ。早く新しいのほしいなーーー。

WebDesignBoothで、ページのめくれを実装する方法が紹介されています。 ざっとご紹介。 » imple Page Peel Effect with jQuery and CSS by Soh Tanaka Soh Tanakaによる、jQueryとCSSを使った例 » The Sexy Curls jQuery Plugin Elliott Kemberによる、jQueryを使った例。jQueryとjQuery UIの両方が必要 » jQuery Page Peel 1.2 by Smpl Multimedia オプションが豊富なjQueryプラグイン » How to create a page peel advertisement in WordPress WordPressでページのめくれを実装する方法 » WordPress Page Peel plugin Avramo

nettuts+で、開発ライフを助けてくれるツールが紹介されています。 ざっといくつかご紹介。 » pForm PHPフォームを簡単に作成 » HTML Entity Character Lookup HTMLエンティティーを検索できる » Browser Shots Windows,Mac,Linux,FreeBSDの4つのプラットフォームの複数のブラウザで、サイトがどう見えるか表示してくれる » MeasureIt サイトのwidthとheightを計れるFirefoxプラグイン » CSS Sprite Generator 画像をアップロードすることで、CSSスプライトを生成してくれる » Domainr 綴りからいろんなドメインの組み合わせを作ってくれる その他のリストは以下からどうぞ。 » 20 Tools to Make the Life of a Web Developer

LINE25というサイトで、CSSスプライトを使ったメニューの作り方が紹介されています。 1枚の背景画像を使って、こんな感じでCSSを指定していきます。 デモは以下から。 » View Demo ソースファイルもダウンロードできますね。 ぜひ見てみてくださいー。 » How to Create a CSS Menu Using Image Sprites プロジェクト管理ツールを整備中。結構整ってきたぞ。

Smashing Magazineで、これからのデザインのためのアイコンセットがたくさん紹介されています。 ざっといくつかご紹介。 ↑はChalkwork HTML Royalty-free Icons。 個人利用・商用利用ともに無料 On Stage Icons Set フリーのベクターアイコン49。psdファイルつき。個人利用・商用利用ともに無料 Coquette 4 Icons Set 角丸でカラフルなクオリティーの高いアイコンが50個 Coquette 5 Icons Set 32bit、透過PNGのかわいいアイコンが50個 Chalkwork Payments (Free) Icons Eコマース系のアイコン集。個人利用・商用利用ともに無料 Finance Icons Set 個人利用・商用利用ともに無料だがサイトへのリンクが必要 Free Vector Icons Pack 0

Inspired Magazineというサイトで、ユーザビリティーを学ぶための20サイトが紹介されています。 ざっといくつかご紹介。 » UX Booth デザイナー、デベロッパのためになるユーザビリティーレビュー » UX Magazine 記事ごとにいろいろな角度からユーザビリティーに関して考察しているサイト » Usability post いいデザインをするためのTipsや考察 » 456 Berea Street Web標準、アクセシビリティー、ユーザビリティーをテーマに書いているサイト » Boxes & Arrows グラフィックデザイン、インタラクションデザイン、IAなどについて書かれたサイト その他のリストは以下からどうぞ。 » UX Madness – 20 Fantastic Resources For User Experience Know How ぐおー遅くなっ

SmashingAppsで、デザインに彩りを与えるCSS・jQueryソリューションが紹介されています。 ざっといくつかご紹介。 » Fancy Thumbnail Hover Effect w/ jQuery 画像にマウスオーバーするとスムーズに拡大してくれるjQuery » Create a jQuery Graph Plugin 棒グラフを生成できる » Animated Menus Using jQuery マウスオーバーすると、ふわーっとアニメーションするメニュー » Improve form usability with auto messages フォームにフォーカスすると、メッセージがフェードイン&アウトする » Control.Tabs サムネイルにマウスオーバーすると、ささっと画像を切り替えてくれる すごくいい感じのが揃っていますね。 その他のリストは以下からどうぞ。

Six Revisionsで、クオリティーの高いフリーのグランジテクスチャが紹介されています。 ざっといくつかご紹介。 ↑はGrunge Extreme 2 06。 Grunge Extreme 2 03 Grunge Extreme 2 05 Grunge Extreme 2 08 Grunge Extreme 2 10 The above works that featured here and in the Flickr Grunge Extreme Volume 2 set are licensed under the Creative Commons license and can be used for personal and/or commercial purposes. ライセンスはCreative Commons。個人利用、あるいは商用でも利用可とのことですね。 ぜひ使

DESIGNM.AGで、商用でも無料で使える素材がある12ブログがまとまっています。 ↑はSeamless Stripes。 Patternheadにあります。 Tools Icons こちらはSmashing Magazineで配布されている。 その他、Bittboxのグランジ素材、Six Revisionsのテクスチャ、Design Shardのテクスチャ、Colorburnedのブラシなど、それぞれのサイトの中から商用でも無料で使えるものがまとまっています。 一度見てみてください。 » 12 Blogs with Freebies for Commercial Design Use 今日もがんばりましょう。もう木曜日かー。

Balkhisというサイトで、デザイナーのための便利なジェネレータがまとまっています。 ざっといくつかご紹介。 » Pattern Cooler » Dotted Background Generator » ColourLovers　↑のキャプチャはこちら » Stripe Designer » Create a Graph 他にも、カラージェネレータ、Flashジェネレータ、CSSジェネレータ、フォームジェネレータ、テキストジェネレータ、バーコードラベルジェネレータなど、たくさんありますね。 一度見てみてください。 » 55+ Extremely Useful Online Generators for Designers emobile修理中。早く戻ってきてほしーなー。mobilepointでがんばっております。

BLUEBLOTSで、ロイヤリティーフリーの写真とテクスチャが手に入るサイトが紹介されています。 ざっといくつかご紹介。 » Photocase » Freefoto » Turbophoto » Grungetextures » Texturez » Free3dstextures その他のリストは以下からどうぞ。 » 25 Sites to Download Royalty-Free Stock Photos and Textures 超いい天気ですね〜。今週もがんばりましょう。