MILK編集部モノづくりのヒントになるような記事をお届けします。タグやプロパティをすべて記憶することはベテランのデザイナーでも難しいものです。わからないタグやプロパティなどをいちいち検索して調べていると開発に時間がかかってしまいます。そんなときに役立つのがチートシートです。チートシートを使えば素早く目的のものを見つけ、より効率的な開発を行うことができます。HTML、CSS、Bootstrap、WordPress、ツールに関するものを紹介します。タグがまとめられているチートシートです。すべてのタグが簡潔にまとめられており、非常に見やすいです。タグをまとめたチートシートです。関するあらゆる情報がまとめられています。アトリビュートやメソッドついてまとめられているチートシートです。Toolsダウンロードページフォームで情報を入力し様々なコードを生成できるジェネレータ。カードに対応しており、実用的なWebサイトを制作する上で非常に役立ちます。セレクタやプロパティがまとめられているチートシートです。覚えるのに役立ちそうです。関するあらゆる情報がまとめらているチートシートです。セレクタ名やプロパティ名が思い出せないときに重宝しそうです。メディアクエリのチートシートです。タブレットやスマホなどのレスポンシブ対応を行うときに便利です。メディアクエリの雛型として使えそうです。使用したアニメーションのチートシートです。ファイルにすべて記述してあるので、そのままコピペして使用できます。基本的な記述方法がまとめられているチートシートです。デザイン初心者の方におすすめです。パステル調で印刷して貼りたくなるようなかわいいデザインです。コードのサンプルがいくつかまとめられているので、そのままコピペで使用できます。コードが並べて表示されています。関するドキュメントやプロパティ、メソッドなどがまとめられているチートシートです。ドキュメントを確認することができます。まとめたリファレンスです。ドキュメントを見ることができます。正規表現パターンをまとめたものです。コンパクトにまとめられているので、目的の正規表現を探しやすいです。3のチートシートです。クラス名一覧やそれぞれのスクリーン幅でのグリッドの情報がまとめられています。4のチートシートです。各要素をクリックするとコードスニペットとデザインのプレビューが表示されるので、それを確認しつつコードをコピペして使用することができます。アイコンのチートシートです。表示できる機能があります。コピーボタンがあるので簡単にコードをコピペして使うことができます。使う関数やテンプレートファイルがまとめられています。コードも扱うという方におすすめです。テンプレートファイルやよく使われる関数がまとめられたチートシートです。記事表示のループやナビゲーションメニューの表示のコード例もあり、非常に便利です。こちらは日本語で書かれているので、英語が苦手な方におすすめです。デベロッパーツールのショートカットキーがまとめられたチートシートです。コマンドのチートシートです。コマンド毎に簡単な説明が記述されているので、使うときに非常に便利です。バージョン管理している方におすすめです。制作で役立つチートシートとサービスを紹介しました。ブックマークしてコピペして使ったり、印刷してデスクや壁に貼ったりして活用してみてください。MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。