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

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

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

top of page

©2017 coliss