デザイン系ツールまとめ
一箇所にないと忘れてしまうので
画像
- iconfinder
- アイコン検索サイト
- http://www.websiteicons.net/
- アイコン
- famfamfam.com: Home
- アイコン
- http://www.ndesign-studio.com/resources/mini-pixel-icons/
- アイコン2006/10/03追加
- Mini Icons | urlgreyhot
- アイコン2006/11/04追加
- Bullet Madness - free bullets project at Stylegala
- いろんな人が作ったアイコン2006/11/04追加
- Sweetie | Free icon set
- アイコン2006/11/04追加
- graphicPUSH: Free icons and free icon sets for web designers.
- アイコン2006/11/04追加
- kostenlose downloads Images GIF JPG JPEG Webdesign
- アイコン2006/11/04追加
- 300 Images From 1800 Sites
- アイコン2006/11/04追加
- mIcons kostenlose Icons
- アイコン2006/11/04追加
- Crystal Clear - Wikimedia Commons
- CreativeCommonsなアイコン。綺麗。
- ICON EDITOR
- アイコンを作成できる。2006/11/04追加
- aspneticons.com -- free icons for ASP.NET web applications
- アイコン(gif)2006/11/10追加
- DHTML Site - Free 16x16 Icons
- アイコン2006/11/14追加
- http://www.favicon.jp/
- FavIcon from Pics -- free, instant favicon for your site
- favicon2007/02/01追加
- http://209.59.146.86/favicon/index.php
- favicon2007/02/01追加
- Charming Printed Books on Front-End, UX, A11y — Smashing Magazine
- favicon2007/02/01追加
- http://deltatangobravo.com/archives/2004/march/favourite
- favicon2007/02/01追加
- 窓の杜 - 【今日のお気に入り】手軽に画像の角を丸くできる「角丸君」v1.0.0
- 画像を角丸にしてくれる
- Cornershop - Rounded Graphics for CSS Box Corners
- 4隅の角丸画像作成2006/11/11追加
- RoundedCornr: Rounded Corner and Gradient Generator
- 角丸画像作成2007/01/08追加
- BittBox » Free Fading Corner Images
- グラデーション付きの角丸画像。Photoshopファイルもあるらしい。
-
- Slash(斜め線)、Strip(横線)、Dot(縦線)、グラデーションに対応している。超便利
- msig.info - このウェブサイトは販売用です! - Easy money リソースおよび情報
- Web2.0風ロゴ作成
- Logo Maker : Web 2.0 Stylr
- Web2.0風ロゴ作成。こっちの方がオススメ。2006/10/03追加
- Logo Maker | Make a Free Logo | LogoMaker.com
- ロゴ作成2006/10/27追加
- Buttonator
- しゃれたボタンを作成。2006/10/21追加
- Web 2.0 free buttons maker! - The program (Photoshop, hosting php-gd2)
- イカしたボタンジェネレーター。
- BigHugeLabs: Do fun stuff with your photos
- 写真に色々な加工を施す。要Flickrアカウント
- Ajaxload - Ajax loading gif generator
- Ajaxを使用したサービスによくある待ち画像を生成
- AJAX Activity indicators | Animated GIFs designed to indicate your site is doing something
- 待ち画像サンプル集。なんかちょっとダサイ…。
フォント
- Account Suspended
- 10,000以上のフリーフォントを掲載しているサイト。画像も作成可能。
- フリーフォント最前線
- 目的別に探したい場合はこちらのほうが早いかも
- Account Suspended
- ダウンロードランキングを参照してる。とても参考になる。
CSS
-
- 角丸のためのHTML/CSSを自動生成してくれるサイト
- http://applestooranges.com/blog/post/css-for-bar-graphs/?id=55
- CSSでのグラフ
- Webデザインの際に参考になる50サイト
- Christopher Ware – Nashville Designer, Developer, & Creative Leader
- CSSメニュー
- Christopher Ware – Nashville Designer, Developer, & Creative Leader
- CSSメニュー(タブ)
- http://www.aplus.co.yu/adxmenu/intro/
- CSSメニュー(プルダウン) その1
- Pure CSS menus
- CSSメニュー(プルダウン) その2
- Listamatic: one list, many options - Using CSS and a simple list to create radically different list options
- CSSメニュー色々
- Daily V2 Promo Code Deals from Rounded
- CSSで角丸2006/12/20追加
- OverZone Software - CSS Tab Designer
- タブメニューツール。
- CSS-Based Navigation Menus: Modern Solutions | Smashing Magazine
- CSSまとめ - 萌え理論ブログ
- クールなメニュー色々。
Javascriptライブラリ
デザインテンプレート
サムネイル
- http://www.huddletogether.com/projects/lightbox/
- サムネイルをページ上に拡大表示。
- http://www.huddletogether.com/projects/lightbox2/
- 上記Ver2.0。スライドショーの機能が追加。prototype.js/scriptaculous.js依存。
- iBox
- 個人的なオススメ。サイズが軽くJavascriptライブラリ非依存。
- http://jquery.com/demo/thickbox/
- jQuery依存。スライドショー、外部ファイル表示、インライン表示と多機能。
- http://orangoo.com/labs/GreyBox/
- 外部ページをエフェクト表示。かっこいい。
- HeartRails Glance | リンク先 「チラ見」 サービス
- リンク先のサムネイルを表示。綺麗。
配色
- http://www.colorjack.com/studio/
- HTMLカラー作成
- http://cow.neondragon.net/stuff/reflection/
- 今流行の鏡に映った感じの画像を擬似的に見せるJavascript
- jmblog.jp - Web2.0っぽいグラデーションのコツ
- カラーチャート
- http://colormixers.com/mixers/cmr/
- カラーミキサー。配色を考えるときに便利。
- 4096 Color Wheel Version 2.1
- これも同じ感じ。選択した色を7つまで保存可能。
- ColorMatch.dk
- Color Blender
- Color Picker | Online HTML Color Picker - ColorSchemer
- http://color.sharewonders.com/
- 使い方はよく分かりませんが、エフェクトがよかったです。
- Color Trends + Palettes :: COLOURlovers
- サイト全体の配色を考えるのに便利。
- ColorJack: Sphere
- 破綻のない配色を自動的に考えてくれる。
その他
- Check Browser Compatibility, Cross Platform Browser Test - Browsershots
- 各ブラウザでの見映えを確認。時間かかる
- Loading...
- Safariだけならこっちで
- ブラウザ上で動作する画像処理サイト - devworks
- http://www.dia-chronie.com/tools.html
- http://www.dia-chronie.com/link.html
- ColorZilla Extension for Firefox and Mozilla
- Firefoxの拡張。カラーピッカー。
- 日本語で読めるものを中心に - Webデザインのリンク集 | lush life*
- http://www.hereticanthem.com/webtools/315/
- http://www.hereticanthem.com/webtools/316/
- http://jmblog.jp/archives/114
- 無料で使える大きめアイコン素材集 10サイト – DesignWalker
- 日本の伝統色を組み合わせてみた – DesignWalker
- お手本にしたい Web デザインのギャラリー10選 :: Love & Design ::
- イケサイ ウェブデザイナーのWEBデザインデータベース