web製作者向けチートシートまとめ

List

• Adobe関連
  • Illustrator
  • Photoshop
  • Fireworks
  • Indesign
  • Acrobat
• HTML,CSS
  • HTML
  • 文字実体参照
  • CSS
  • HTML5+CSS3サポートブラウザ
  • Canvas
• Haml,Sass
  • Haml
  • Sass
• Vim,Zencoding
  • Vim
  • Zencoding
• javascript/jQuery
  • javascript
  • jQuery
• UNIX
• 正規表現
• 検証ツール
  • Firebug
  • Chrome Developer Tool
• ブラウザ関連
  • Chrome
  • Safari
  • Firefox
  • IE
• Mac
• 参考
• アプリ・ツール

Adobe関連(CS5-CS6)

CS5と6のチートシート上げてるけど、adobe製品なら簡単にエクスポートできると思う。例えばfireworksなら、メニューバーから[Fireworks>ショートカット>現在のセット：HTML形式でセットを書き出し]で大丈夫。ちょっとカスタマイズしてたりだとか、バージョンがわからないとかだとこれが確実。

Illustrator

• Illustrator / Default keyboard shortcuts

  日本語

• ILLUSTRATOR CS6 SHORTCUTS(for mac)

  for win

• ILLUSTRATOR CS5 SHORTCUTS(for mac)

  for win

Photoshop

• Photoshop / Default keyboard shortcuts

  日本語

• PHOTOSHOP CS6 SHORTCUTS(for mac)

  for win

• PHOTOSHOP CS5 SHORTCUTS(for mac)

  for win

Fireworks

• Fireworks CS6 Keyboard Shortcuts

• adobe fireworks cs5 keyboard shortcuts for mac

• Fireworks CS5 Keyboard Shortcuts: List/Cheatsheet

Indesign

• InDesign Help / Default keyboard shortcuts

• INDESIGN CS6 SHORTCUTS(for mac)

  for win

• INDESIGN CS5 SHORTCUTS(for mac)

  for win

Acrobat

• Keyboard shortcuts

HTML,CSS

HTML

• HTML 5 Cheat Sheet (PDF)

  PDF

• HTML Cheat Sheet

  PNG

  PDF(開くとダウンロードが始まりす)

文字実体参照

• HTML Character Entities Cheat Sheet

  HTML

  PNG

  PDF(開くとダウンロードが始まりす)

CSS

• CSS Cheat Sheet 日本語版

  PDF

• CSS3 Cheat Sheet (PDF)

  PDF

• CSS Properties Index

• CSS ShortHand Property Cheat Sheet

  ダウンロードしなくても画像を展開して見れるけど、はじめちょっと重い。画像展開後、ブラウザ一番下のバツボタンよこの斜めした矢印で拡大できる。

HTML5+CSS3サポートブラウザ

• HTML5 & CSS3 Support

Canvas

• HTML5 Canvas Cheat Sheet

  PDF

Haml,Sass

Haml

• HAML Cheat Sheet by specialbrand

Sass

• Sass (SCSS) and Compass Cheat Sheet

Vim,Zencoding

Vim

• 100 Vim commands every programmer should know

• VI (Linux Terminal) Help Sheet

  PDF

• Vim Commands Cheat Sheet

Zencoding

• zen-coding:CheatSheets

  ページ上部にPDF形式とODF形式が置いてあります。

• ZenCSSPropertiesEn

  HTML

javascript/jQuery

javascript

• JavaScript Cheat Sheet by DaveChild

jQuery

• jQuery Quick API Reference

UNIX

• Template:Unixコマンド

• ジャンル別UNIXコマンド一覧

• UNIXコマンド

正規表現

• Regular Expressions Cheat Sheet by DaveChild

• 正規表現 Cheat Sheet 日本語版

  PDF

検証ツール

firebug

• Keyboard and Mouse Shortcuts

• cheat sheet version 1.2

Chrome Developer Tool

• Chrome Developer Tools: Keyboard Shortcuts

ブラウザ関連

Chrome

• キーボード ショートカット

• Mac keyboard shortcuts

  Windows

  Linux

Safari

• Safari 6 (OS X Mountain Lion): Safari shortcuts

Firefox

• Keyboard shortcuts - Perform common Firefox tasks quickly

IE

• Internet Explorer 9 keyboard shortcuts

  Internet Explorer keyboard shortcuts

Mac

• OS X keyboard shortcuts

参考

プログラミング・デザイン関連大体なんでもあると思う。

• Cheatography

  cheatsheetの山。今回検索したらほぼ出てきた。

• overapi.com/

  API関連のcheatsheetが多い。

• All Hotkeys

  OSとブラウザが多い。

• Search Community Help

  検索ボックスの右で製品指定して、"keyboard shortcuts"で検索すればショートカットは出る。出ないやつも多い。ショートカット以外でもすごく役立つ。

• noble desktop

  adobeIndesign,Photoshop,Illustrator,Dreamweaver,flashなどのコマンドを自分のOSに合わせて見れる。

アプリ・ツール

• CheatSheet

  macApp、開いてるアプリケーションのショートカットをcmd長押しで確認できる。

• shortcutF

  shortcutを練習する場としていい。

  主にエディタ関連のものが多いけど、GmailとかExcelとかGitもある。