A Short Curated List of Front-End Cheatsheets

This is just a short curated list of front-end cheatsheets I've put together. This is by no means a comprehensive list for all web development areas. I'm just addressing the main technologies I use at this point in time. I will probably come back and update it as I find more interesting cheatsheets in my web development travels. (Updated April 2022)

HTML — HyperText Markup Language

• HTML5 Tag Cheatsheet (PDF)
• Codecademy HTML Cheatsheet

CSS3

• Complete CSS3 Cheatsheet (PDF included)
• CSS-Tricks CSS Almanac
• CSS Flexbox
• CSS Grid

• CSS3 Animations

• SASS

• Bootstrap 4

JavaScript

• Modern JS Cheatsheet - an amazing Github repo
• JavaScript Cheatsheet (PDF included)

ReactJS

• The React Cheatsheet for 2022 + Real World Examples
• React.js Cheatsheet

Accessibility

• WCAG Accessibility Audit
• Accessibility Cheatsheets

SEO - Search Engine Optimization

• Moz's SEO Cheatsheet
• Neil Patel's On-Page SEO Cheatsheet

IDEs

• VSCode
• Sublime Text
• Atom
• Emmet Official Cheatsheet
• Emmet

Console

• Console Cheatsheet for JavaScript Developers

Git and GitHub

• An Interactive Git Cheatsheet
• Github Education Cheatsheet

Markdown

• Markdown official Cheatsheet

If you've made it this is far, this is a super useful bonus collection of FREE programming notes..

• GoalKicker

I almost shed a tear of happiness, when I found it just now!

That's all for now! If you have any suggestions/feedback please let me know.. and on to the next one!