Web制作時に備えておきたい便利なチートシートのまとめ -Bootstrap, WordPress, CSS3, Git, SublimeTextなど

BootstrapやFoundationなど人気のフレームワーク、CSSの各フレームワークの比較、WordPressのテーマ作成やコピペで利用できるコード集、Gitのコマンドやフロー、iOS/Androidのグラフィックガイドライン、ChromeのデベロッパーツールやSublimeTextやEmmetなど、Web制作に役立つ便利なチートシートを紹介します。

紹介している主なチートシート

• Bootstrap 3, Foundation 5のチーシート
• CSSの各フレームワークの比較
• WordPressのチートシート
• iOS, Androidのデザイン用のチートシート
• jQueryのチートシート
• HTML5, CSS3のチートシート
• ファビコンのチートシート
• 検索エンジン最適化2015年版のチートシート
• Chromeのデベロッパーツールのチートシート
• SublimeText, Emmetのチートシート
• Gitのコマンド、フローのチートシート

Master Cheatsheet for Twitter Bootstrap 3

Foundation 5 Cheatsheet

CSS Front-end Frameworks by Comparison

Bootstrap, Foundationをはじめ、CSSの各フレームワークの仕様の比較。

WordPress theme development Cheatsheet

The Time Saving Copy/Paste WordPress Cheatsheet

WordPressのコピペで利用できるコードをまとめた時短用チートシート。

The iOS Design Guidelines

Android Cheatsheet for Graphic Designers

jQuery interactive Cheatsheet

HTML5/CSS3 Cheatsheet

CSS Cheatsheet

CSS3 Cheatsheet

CSS Vocabulary

コードを見ながら、どのように反映されるか確認できます。

The Ultimate Flexbox Cheatsheet

Flexboxの基本から応用までがまとめてあります。

Favicon Cheatsheet

Web Developer's SEO Cheatsheet 3.0 (2015年版)

Chrome Devtools Cheatsheet

Chromeのデベロッパーツールのチートシート。

Terminal Cheatsheet for Mac

Sublime Text Keyboard Shortcut Cheatsheet

Sublime Text Cheatsheet

Emmet Chaetsheet

Git Cheatsheet

Git flow Cheatsheet