2020年1月22日プログラミングをしていると、「あれ、どうだったかな?」とリファレンスを確認する場面が結構出てきます。そんな時に、サクッと確認できるのが「チートシート」です。チート(cheat)とは、広義にはコンピュータゲームにおいて、本来とは異なる動作をさせる行為である。狭義には、ゲームを優位に進めるために制作者の意図しない動作をさせる不正行為(インチキ)を指す。制作者が意図して組み込んだ裏技や、改造行為そのものを含む場合もある。WilipediaWeb上には素晴らしいチートシートが数多く公開されているので、Web制作に便利そうなチートシートをまとめてみました。SheetPDFダウンロードが可能で、HTMLタグと実装のコードがまとめられたサイトです。英語なので少しわかりにくいかも。@IT画像、PDFファイルのダウンロードが可能です。HTMLタグ一覧がまとめられています。CSS→HTML/CSSクイックリファレンスとりあえず困ったらここを見る感じですw→CSS3プロパティ&ブラウザ対応一覧CSS3の各ブラウザの対応一覧です。Webクリエイターボックスflexboxのチートシートといえば、Webクリエイターボックス様。わかりやすく日本語化されていて、これ一つでOKかも。→CSSセレクタのチートシート|weblikerいつもお世話になっているwebliker様のセレクタチートシート図解+コピペ可なので、理解を深めるのに最適かも。Cheatsheetコンテナの要素を揃えるテクニックをまとめたチートシートです。要素を揃えるのに困ったら、とりあえずこれをみる。CheatsheetCSSGridについて簡潔にまとめられています。SheetSassのチートシートです。こちらは、PDFダウンロードが可能。→WordPressチートシート|WebクリエイターボックスWebクリエイターボックス様はWordPress構築に便利なチートシートも公開されています。PDFダウンロード可能です。CheatSheetFontAwesomeのアイコンを一覧で確認できるチートシート。AlliPhoneやAndroidなどのスマホの解像度がまとめられたサイトiPhoneXRも掲載されているので、最新の情報に更新されている様子です。印刷orブクマして作業効率UPネットで公開されているチートシートは、PDFでダウンロードできるものも多いです。印刷してすぐに見れるようにしておくか、ブックマークに入れて整理しておくといいですね。BlogスポンサーリンクスポンサーリンクSearchWebコーダーKohei8年勤めた職場を退職し、完全未経験からWebコーダーに転職しました。