DEV Community

Cover image for Cheat Sheets for Web Developers
Alexandru Bereghici
Alexandru Bereghici

Posted on • Edited on • Originally published at bereghici.dev

15 2

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. 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

Top comments (1)

Collapse
 
sidanand67 profile image
Sidharth Anand

Saved it.
A very useful post.

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more