Web 2.0 Vector Icons とても綺麗で芸術性の高いweb2.0アイコンセット「Web 2.0 Vector Icons」。 次のような綺麗なアイコンがベクター形式で配布されています。 形式はeps形式のようです。 関連エントリ 高品質なベクターアイコンセットいっぱい 40種類の種類色々ベクター形式フリーアイコンセット ベクター形式の汎用の矢印アイコンセット 165のフリーなWeb2.0風ベクターアイコン

Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に

Simpletip - A simple jQuery tooltip plugin ツールチップを作るのならこれかもという多機能jQueryプラグイン「Simpletip」 色々なツールチップライブラリがありますが、Simpletipはカスタマイズ性に富んだツールチップライブラリとなっています。 基本 単純なツールチップ クリックで閉じるツールチップ ちょっとリンクが切れちゃってますが、画像なんかも埋めこみ可能。特定のHTMLを埋められるみたい。 ポジション マウスの左、右、上、下、に表示というポジショニングが可能。以下は左の例 他にもabsoluteで位置指定をしたりもできます。 エフェクト ツールチップの文字がアニメーションしつつズームイン フェードインなんかの機能もあるみたい。 関連エントリ JavaScriptを使わずCSSのみでシンプルなツールチップ実装 カスタマイズの自由度が

11 Tutorials for Business Card Design | Vandelay Design Blog クールな名刺を作る際のチュートリアル集が公開。 かなり奇抜なデザインが多く、デザイナーの方なんかが持っておくとデザインのスキルをアピールを出来るだけでなく、覚えてもらえそうな名刺を作れそう。 Design a Print Ready Business Card for Designers Making a Grungy Business Card Making a Print-Ready Business Card Using Only Photoshop 全部見る 最近は家庭用プリンタでもきちんとした印刷が出来るのでありがたいですね。 関連エントリ 凄くクールな名刺を作成するPhotoShopチュートリアル

CoolTips ? Neat tooltips under the mouse CoolTips is a lightweight unobtrusive JavaScript web-browser tooltips replacement technique. 半透明でクールにフェードするツールチップ実装ライブラリ「CoolTips」。 次のような角丸のツールチップがフェードアウトでクールに現れます。 title 属性に設定した値を出してくれるようです。 使い方は最初にライブラリを読み込んでおき、後は、ツールチップの色の設定などを調節するだけのようです。 デザイン性の高いサイトなんかにデフォルトで使えそうなツールチップライブラリですね。 関連エントリ JavaScriptツールチップライブラリ24個

8 Sites with Excellent jQuery Navigation | Build Internet! jQueryをナイスにナビゲーションに活用したサイト集。 jQueryを巧みに活用して、JavaScript で本当に出来ているの？と思ってしまうほどのサイト集です。jQueryをうまく使う際の参考にできそう。 Carrot Creative 一見、普通のHTMLサイトですが、ヘッダーのメニューをクリックすると・・・ 色々なところが凝っていて参考になる上、動きが楽しい。 Aviary 角丸ドロップダウンメニューがカッコいい。アニメーションなどの仕掛けも。 WP Coder 一部画面遷移を同一画面内ポップアップ表示 Matt Dempsey 内容がスライドのようにダイナミックに切り替わる Bright Creative 画面内をクールにスライドさせるＵＩ 全部見る フルスクラ

How to Create High Quality Metal 3D Text in Photoshop - PSDTUTS 高級感のあるクールな3Dテキストを作成するPhotoshopチュートリアル。 次のようにカッコいい３Ｄテキストを作成するチュートリアルです。 きちんと立体感が出せていて参考にできそうですね。 関連エントリ プロレベルのサイト作成時に使える実用Photoshopチュートリアル集 2008年、使えるPhotoshopテキストエフェクトチュートリアル集 PhotoShopで美しいボタンを作るチュートリアル39個 プロレベルのPhotoshopチュートリアル集 ド迫力の３Ｄテキストを作成するPhotoshopチュートリアル

VistaIcons.com - Download iVista Icon Pack 2 : Free Vista Style Icons, Free Icon Sets and Windows Vista Desktop Icons iVista Icon Pack 2 contains 92 high quality (256x256 pixels) icons; PNG and ICO formats.ハイクオリティなVista風アイコンセット９２種「iVista Icon Pack 2」。 次のようなきれいなアイコンが配布されています。 PNG、ICO形式で格納されていて使いやすいです。 関連エントリ フリーな芸術的クオリティのアイコンセット フリーのお天気アイコン集いろいろ アイコンを探すのに便利なサイト色々 美しいアイコンセット集2008

My CSS Menu - Menu Generator - horizontal menu, vertical menu スタイルされたクールなメニュージェネレーター「My CSS Menu」。 次のようなメニューをオンラインで作成できるツールが公開。 単なる1階層ではなく、複数階層ＯＫのメニューです。 こういうメニューをさくっと作りたい場合は使えますね。 関連エントリ デザイン性に優れたCSSメニュー集 もうサイトのメニュー作成には困らない！多種多様なサイトメニュー配布サイト「Styled Css Menus」 使えるCSSメニューいろいろ CSSで作成されたサイトのメニューサンプル集 CSSのクールなメニューをオンラインで簡単生成「CSS Menu Generator」

サイトデザインにそのまま使えそうなPhotoshopデータが入手できる「ThemeForest」 2008年12月24日- PSD Templates - ThemeForest サイトデザインにそのまま使えそうなPhotoshopデータが入手できる「ThemeForest」。 サイトデザインの際に、まずPhotoshop等でモックアップを作成してデザインに落としていきますが、モックアップが最初から殆ど出来上がっていたとするとサイト作成完了までの時間は大幅に上がるはず。 例えば、以下のようなPhotoshopデータが入手できます。 DuoTone Package Darkness Portfolio theme Blue Esoteric Blog Theme green Violet_Girl 現在６２種類から選べるようになっていて、サイトにあったデザインも探せそうです。 これらは、フリ

25 Photoshop Tutorials for Web Designers - Six Revisions プロレベルのサイト作成時に使える実用Photoshopチュートリアル集。 ページ全体だけではなく、ヘッダーやナビゲーション等、パーツによって個別に別れているので使いやすそうです。 テンプレート作成のチュートリアル Photoshop Paper Texture from Scratch How to Create a Grunge Web Design Design an Awesome Band Website Template ナビゲーション作成のチュートリアル Design Watercolor Effect Menu Glossy-Style Carbon Fibre Navigation Buttons CSS Menu With Icons サイトヘッダー作成のチュ

CakePHP 1.2 でモバイルサイトを構築する最初の手順まとめ (ラボブログ) CakePHP 1.2 でモバイルサイトを構築する手順のリンクがまとまってます。 こうしたメジャーなフレームワークの、携帯サイト作成用プラグインがあったらいいな、と思ってしまいました。 関連エントリ 第2回CakePHP勉強会発表資料 CakePHPカンファレンスが10/25(土)に開催 CakePHPを使いたくなる5つの特徴 CakePHPによって実装されたECサイト集

50 Most Beautiful Icon Sets Created in 2008 | Noupe 美しいアイコンセット集2008とういことで今年も多数のアイコンが配布されましたね。 OldSchool Icon Set Archigraphs Porcelain Icons I-KID ICONS FOR IPHONE Socialize Icons Distortion Icons Merry Christmas Icons Coquette Icons Turqua 3d Isometric Vector Icon Pack Free Glossy Blogging Icons Set for Bloggers Free Glossy Blogging Icons Set for Bloggers Finance and Applications Icon Set Icon Ed

12 Free High Quality Icon Sets | Spoonfed Design フリーな芸術的クオリティのアイコンセット。まだまだ良いものは沢山あるみたいです。 Function Icon Set Practika: A Free Icon Set FRESH Jonas Rask Icons Affel Concept Icons Mac Icons Smashing Royal Icon Set Autumn Breeze Icons 全部見る これはアートですね 関連エントリ フリーのお天気アイコン集いろいろ ウェブサイトに使えるアイコンセットのまとめサイト 高品質なベクターアイコンセットいっぱい サイトに使えそうな可愛いアイコンセット「Rinoa icon set」 アイコンを探すのに便利なサイト色々

29 Most Useful Texture Packs of 2008 | Web Design Ledger 2008年のもっとも使えるテクスチャ29画像集まとめ、というエントリがあがっていたので紹介。 2008年でもっとも使える、かどうかは分かりませんが、木目や錆、繊維、絨毯風の模様など、多数あって今回も色々と応用できそうです。 vintage grunge textures color grunge textures Large Paper Grunge Textures Anatomy of a Dumpster: 12 Textures rust textures Grunge II Texture Pack Old Grunge Photo Texture Pack TEXTURES PACK 1 15 Old Book Cover Textures 17 More Old

Styled Css Menus - High Quality Web Based Professional Css Menus: allmenus もうサイトのメニュー作成には困らない！多種多様なサイトメニュー配布サイト「Styled Css Menus」。 ということで次のようなメニューのサンプルダウンロードが可能なサイトのご紹介。 ダウンロードページ CSSなのでちょっとスタイルを変えてオリジナルにしてみるのも良さそう。 CSSメニューでいうと、次の関連エントリも参考にできます。 デザイン性に優れたCSSメニュー集 使えるCSSメニューいろいろ CSSで作成されたサイトのメニューサンプル集 CSSのみでクールな階層メニュー作成サンプル CSSのクールなメニューをオンラインで簡単生成「CSS Menu Generator」

piksels − Photoshop Browser Templates Mac、Win等のブラウザのPhotoshopテンプレート集。 サイトに使うスクリーンショットにブラウザをあてはめれば、よりブラウザ画面であることを分かりやすく伝えることが可能です。 Windowsを使っている方はMacの窓を用意するのって大変で、逆にMacの人がWindowsの枠を用意するのも大変、ということでPhotoshopテンプレートが配布されてます。 チュートリアルとか、サイトの説明の時に使えば分かりやすくなりそうなので覚えておきたいですね。 ダウンロードはこちらで

Best of CSS Design 2008 2008年のCSSベストデザインサイト集という特集。 これは、と思う物をピックアップしてみました。最新のデザインを見ることで勉強になりますね。 Let It Bleed Vermont Coffee Works Digital Mash Good DrupalCon, DC Future of Web Apps - Miami 2009 Future of Web Design - NYC 2008 Tennessee - Fall Tennessee - Spring Tennessee - Summer Tennessee - Winter LightCMS The First Twenty Luke Larsen Design Disease Adaptd Jason Santa Maria Electricurrent Mochi A

100 Free High-Quality XHTML/CSS Templates | Developer's Toolbox | Smashing Magazine プロレベルでハイクオリティなXHTML/CSSテンプレート集。 本当にフリーなのか？というクオリティのテンプレート集が色々。 Package Consultant Environmental Brand Internet Jobs Internet Music Greefies Squick Design Harvest 全部見る 毎回驚きですが、今回もすごいです。 デザインの仕事も減ってしまいそうで怖い。 関連エントリ CSSテンプレート配布サイト色々まとめ デザインされたフリーのCSSテンプレート集 フリーのビューティフルなCSSテンプレート沢山「Css 4 Free」

50 Gorgeous Navigation Menus | Vandelay Website Design サイトを美しく魅せるゴージャスナビゲーション集。 重厚で美しいデザインのナビゲーションの特集です。 Housing Works Nuttersmark Paiko Good Soh Tanaka 参考にしてエレガントなメニュー作りに役立てましょう。 関連エントリ ナビゲーション実装に使える、Ajaxライブラリ/サンプル集 階層ナビゲーション実装ライブラリ集 クールなナビゲーションメニューを作成するCSS＆HTMLサンプル CSSベースの超クールなナビゲーション集 CSSでdigg風のナビゲーションを実装サンプル