Cheat Sheets for Web Developers

The front-end development evolves with incredible speed. Now it's a challenge to remember all the syntax, methods, or commands of a programming language, framework, or library. Here is where cheat sheets come in. They are great, intuitive resources that help you quickly find what you need.

In this post, I want to share some of the most useful cheat sheets or references I've found it, and I use it daily.

General

https://goalkicker.com - Programming Notes for Professionals books. It includes a lot of frameworks / programming languages. Probably the best and concise cheat sheets I've found.

https://devdocs.io - multiple API documentations in a fast, organized, and searchable interface.

Accessibility

https://learn-the-web.algonquindesign.ca/topics/accessibility-cheat-sheet

https://lab.abhinayrathore.com/aria-cheatsheet

https://www.w3.org/TR/wai-aria-practices

HTML

https://digital.com/tools/html-cheatsheet

https://htmlreference.io

https://quickref.me/html

https://dev.w3.org/html5/html-author

CSS

https://cssreference.io

https://quickref.me/css

https://devdocs.io/css

CSS Snippets

Grid - A simple visual cheatsheet for CSS Grid Layout

Flex - A simple visual cheatsheet for flexbox

Javascript

JavaScript Snippets

https://javascript.info

https://www.javascripttutorial.net/es-next

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference

Typescript

https://rmolinamir.github.io/typescript-cheatsheet

https://github.com/sindresorhus/type-fest

https://www.freecodecamp.org/news/advanced-typescript-types-cheat-sheet-with-examples

https://www.sitepen.com/blog/typescript-cheat-sheet

Git

Git Command Explorer

Git Snippets

Design Patterns

https://www.patterns.dev/posts

https://refactoring.guru/design-patterns