ウェブ制作者に必ず役立つ!iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ

ウェブ制作、主にフロントエンドの開発者に役立つチートシートを紹介します。

順番は、iOS, HTML5, CSS, jQuery, WordPress, .htaccess, Git です。
HTML5での美しいコードの書き方、Sass、Zen Coding、jQueryのパフォーマンス、Gitの使い方などもありますよ。

チートシートのキャプチャ

The iOS Design Cheat Sheet

iPhone4, iPadなどのスクリーンサイズ、解像度、各アイコン・バーのサイズをまとめたチートシート。

チートシートのキャプチャ

HTML 5 Visual Cheat Sheet

HTML5の要素や属性をまとめたチートシート。HTML4との違いがひと目でわかるよう、HTML5で新しく追加されたものはピンク、サポートされないのはグレーで表示されています。
上記ページでダウンロードできない場合は「Flickr」から。

チートシートのキャプチャ

HTML5 Quick Reference Guide

HTML5, HTML4対応のチートシート。
各要素とその説明、HTMLのバージョン(4はグレー地)、属性が簡潔に記されています。

チートシートのキャプチャ

HTML5 Pocket Books

iPhoneなどの小さい画面用のHTML5のチートシート。

チートシートのキャプチャ

HTML5 Cheat Sheet - Tags

HTML5の要素が簡潔に見やすくまとめられています。

チートシートのキャプチャ

HTML5 Cheat Sheet - Event Handler Attributes

HTML5のイベントハンドラをまとめたもの。

チートシートのキャプチャ

HTML5 Cheat Sheet - Browser Support

IE8をはじめ、各モダンブラウザ、スマフォなどのHTML5の対応状況。

チートシートのキャプチャ

HTML5: Past, Present& Future

HTML5の過去、現在、未来をまとめたもの。

チートシートのキャプチャ

Periodic Table of the Elements

HTML5の要素を元素記号表風にしたもの、URLを入力するとそこで使用されているものがハイライトされます。

チートシートのキャプチャ

What Beautiful HTML Code Looks Like

HTML5を使って、どのように美しいコードを書くかまとめたもの。

チートシートのキャプチャ

CSS3 Quick Reference Guide

CSS3でサポートされているプロパティとその値、疑似クラス・疑似要素、セレクタのチートシート。
それぞれタイプやモジュールごとにグルーピングされています。

チートシートのキャプチャ

Sass (SCSS) and Compass Cheat Sheet

Sassの基本的な記述をまとめたチートシート。

チートシートのキャプチャ

zen-coding CheatSheets

Zen Codingの構文や省略形をまとめたもの。

チートシートのキャプチャ

CSS3 Simple Shapes – Cheat Sheet

CSS3を使った四角・三角・丸・ハートなどの作り方のまとめ。

チートシートのキャプチャ

The CSS2 Help Sheet

CSS2.1をベースにCSSの基本をまとめたチートシート。

チートシートのキャプチャ

jQuery 1.7 Visual Cheat Sheet

jQuery 1.7対応のAPIのチートシート。2012年2月のアップデート版です。

チートシートのキャプチャ

jQuery Selectors

jQueryのセレクタの記述方法のまとめ。
※ダウンロードは要登録(無料)

チートシートのキャプチャ

jQuery Selectors

jQueryのセレクタを検証できるオンラインサービス。

チートシートのキャプチャ

jQuery Performance Tips Cheat Sheet

jQueryのパフォーマンスに関するTipsをまとめたチートシート。

チートシートのキャプチャ

jQuery Mobile UI Cheat Sheet

jQuery Mobileを使って実装するUIエレメントとコードのまとめ。

チートシートのキャプチャ

WordPress Cheat Sheets: Theme Anatomy Model

WordPressのテーマファイルの構造をまとめたチートシート。

チートシートのキャプチャ

WordPress Cheat Sheets: Template Heirarchy Map

WordPressが各ページのテンプレートをどのように処理しているかのまとめ。

チートシートのキャプチャ

WordPress Cheat Sheets: The Loop Visual Model

WordPressでのループのフローのまとめ。

チートシートのキャプチャ

WordPress Cheat Sheet: The Loop Code Snippet

WordPressのループ内に使うコードのスニペット。

チートシートのキャプチャ

WordPress 3.0 Cheat Sheet (All Short Codes)

WordPressで使える全てのショートコードをまとめたもの。
※PDF版は配布終了、たぶん画像版だけ(WordPress-3.0-Sheetsheet.png

チートシートのキャプチャ

The Ultimate WordPress Cheatsheet

上記のWordPressの全てをまとめたと言ってもいいくらいのチートシート。

チートシートのキャプチャ

WordPress Visual Cheat Sheet

Visual Cheat SheetシリーズのWordPress2.8版です。
※PDF版の直リンク「WordPress-Visual-Cheat-Sheet.pdf

チートシートのキャプチャ

SEO for WordPress

WordPressにおけるSEOに効果があるノウハウのまとめ

チートシートのキャプチャ

Apache 2 .htaccess Cheat Sheet

Apache2の.htaccessの各種設定のチートシート(PDF)。

チートシートのキャプチャ

htaccess Cheat Sheet

こちらも同じ、よく使う.htaccessの各種設定をまとめたもの(オンライン)。

チートシートのキャプチャ

mod_rewrite Cheat Sheet (V2)

RewriteRule, RewriteCond に特化したチートシート。

チートシートのキャプチャ

Git cheat sheet

Gitの使い方をまとめたチートシート。
Git cheat sheet (日本語版)

top of page

©2017 coliss