Web制作時に備えておきたい便利なチートシートのまとめ -Bootstrap, WordPress, CSS3, Git, SublimeTextなど
Post on:2015年6月11日
BootstrapやFoundationなど人気のフレームワーク、CSSの各フレームワークの比較、WordPressのテーマ作成やコピペで利用できるコード集、Gitのコマンドやフロー、iOS/Androidのグラフィックガイドライン、ChromeのデベロッパーツールやSublimeTextやEmmetなど、Web制作に役立つ便利なチートシートを紹介します。
![Web制作者必携!便利なチートシートのまとめ](http://coliss.com/wp-content/uploads-201502/2015061101.png)
紹介している主なチートシート
- Bootstrap 3, Foundation 5のチーシート
- CSSの各フレームワークの比較
- WordPressのチートシート
- iOS, Androidのデザイン用のチートシート
- jQueryのチートシート
- HTML5, CSS3のチートシート
- ファビコンのチートシート
- 検索エンジン最適化2015年版のチートシート
- Chromeのデベロッパーツールのチートシート
- SublimeText, Emmetのチートシート
- Gitのコマンド、フローのチートシート
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-01.png)
Master Cheatsheet for Twitter Bootstrap 3
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-02.png)
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-21.png)
CSS Front-end Frameworks by Comparison
Bootstrap, Foundationをはじめ、CSSの各フレームワークの仕様の比較。
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-14.png)
WordPress theme development Cheatsheet
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-15.png)
The Time Saving Copy/Paste WordPress Cheatsheet
WordPressのコピペで利用できるコードをまとめた時短用チートシート。
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-06.png)
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-05.png)
Android Cheatsheet for Graphic Designers
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-12.png)
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-17.png)
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-18.png)
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-16.png)
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-19.png)
コードを見ながら、どのように反映されるか確認できます。
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-20.png)
The Ultimate Flexbox Cheatsheet
Flexboxの基本から応用までがまとめてあります。
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-22.png)
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-08.png)
Web Developer's SEO Cheatsheet 3.0 (2015年版)
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-03.png)
Chromeのデベロッパーツールのチートシート。
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-04.png)
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-10.png)
Sublime Text Keyboard Shortcut Cheatsheet
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-11.png)
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-09.png)
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-07.png)
![チートシートのキャプチャ](http://coliss.com/wp-content/uploads-201502/2015061101-13.png)
sponsors