2008年09月08日

知らないと損をするWeb制作で便利なショートカット表一覧集

Webデザイナーになる為には、まず色の基礎知識、フォトショやイラレなどの使い方、コーディング方法･･･様々ありますが、そんなときに役立つチート表のサイトがこちら。

※ごめんなさい、全部英語です･･･。でもショートカットを知るだけなら差し障りは無いかな。

◆Photoshop：ショートカットチート表

■http://morris-photographics.com/photoshop/shortcuts/#pscs3

→全塗り、レイヤー統合は良く使う。
※リンク先にCS2とCS3用のPDFがあるので落とすべし。英語わかんねーYO!とか気にすんな！

◆Photoshop：レイヤーパレットキーショートカット

■http://livedocs.adobe.com/en_US/Photoshop/10.0/help.html?content=WS7D245964-27B4-403e-82D5-DDD1CB19A82B.html

→レイヤー独自のショートカットだ。アレ？あのレイヤーどこだっけ？って時間は無駄無駄無駄だぞ！1秒たりとも無駄をなくせ！

◆Photoshop：ツールボックスリファレンス

■http://simplephotoshop.com/photoshop_tools/index.htm

→わざわざ、マウスを持っていく手間を省く。モニターサイズがワイドでやたら大きい奴は、これで手間をはぶけ！

◆Photoshop：選択ツールリファレンス

■http://www.creativetechs.com/iq-staging/photoshop_lasso_tool_cheatshee.html

→微妙な選択の精度を上げる。

◆Photoshop：ブラシツールリファレンス

■http://www.creativetechs.com/iq/photoshop_brush_tool_cheatsheet.html

→WEBではあまりブラシは使わないが、画像作りに。

◆色：RGB Hex カラーチャート

■http://www.addedbytes.com/cheat-sheets/colour-chart/

→色見本的なもの。

◆色：16進カラーチャート

■http://www.veign.com/downloads/guides/qrg0006.pdf

■http://www.visibone.com/color/hexagon3x.html

■http://www.funky-chickens.com/hex.html

→デザイン時にはあまり意識はしないんですけどね、大手企業サイトなんかは、細かい色の指定がありますよ。

◆色：Webセーフカラーチャート

■http://www.pagetutor.com/common/bgcolors216.html

→昔はWEBセーフカラーなんてものがあってですね･･･。今は･･･どうなんだろう気にした事はありません。

◆色：ブラウザセーフカラーチャート

■http://www.cookwood.com/html4_4e/examples/appendices/colorcharthex.html

◆フォント：フォントチャート

■http://www.visibone.com/font/

◆フォント：マックウインドウズの対応フォントチャート

■http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

→微妙にマックとWinの違いがある。

◆コーディング：CSSチャートシート

■http://www.christianmontoya.com/2007/11/12/blueprint-css-cheat-sheet/

→コーディングも意識しておいたほうが、無茶苦茶なデザインをするな！って言われなくて済む。

◆コーディング：XHTMLキャラクターリファレンス

■http://www.christianmontoya.com/2007/11/12/blueprint-css-cheat-sheet/

→あまり意識はしてないのですが、正確には（W3C的に）このような記述方法がよいです。

◆コーディング：DreamWeaverリファレンス

■http://www.uwsp.edu/it/ApplicationSupport/appSuppDocsImages/referenceGuides/dreamweaver-quick-reference-cs3.pdf

→僕は実はDreamWeaver使わないんですけどね。じゃ何使うかって？サクラエディタですよｗ。Weaver重いし、時々落ちるから。

その他他のチート一覧はこちらにあります。

■http://sixrevisions.com/resources/cheat_sheets_for_web_designers/

やはり、日常で使っていないショートカットは直ぐに忘れてしまいますね。

【関連】

■| ＾＾ |秒刊SUNDAY | もうアプリ要らない！WEB開発に使えるFirefoxのアドオン１１個

■| ＾＾ |秒刊SUNDAY | ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集