DEV Community

Ega Prasetya
Ega Prasetya

Posted on

Useful Cheat Sheets For Web Developers And Designers

#javascript #react #css #design

Shortcuts Design

is a small website that lists every shortcut a designer ever wants to know, all designapps in one place and in a simple and clear way.

Alt Text

https://shortcuts.design/

Ultimate Flexbox Cheat Sheet

Flexbox is a brand, spankin'new CSS Layout module with suprisingly good browser support.

Alt Text

https://sketchingwithcss.com/

Web Developers SEO Cheat Sheet

this free and downloadable document covers all of the important SEO Code and best practices that are needed by online marketers and developers.

Alt Text

https://moz.com/learn/seo/seo-cheat-sheet

CSS Grid Cheat Sheet

Another helpful tool for using CSS Grid properties.

Alt Text

https://alialaa.github.io/css-grid-cheat-sheet/

ReactJS Cheat Sheet

a very useful filterable cheat sheet for react made by michael chan.

Alt Text

https://reactcheatsheet.com/

Type Terms

is the perfect tool for designers to learn the basics of typographic terminology.

Alt Text

https://www.supremo.co.uk/typeterms/

Top comments (1)

Collapse
 
devlorenzo profile image
DevLorenzo • • Edited

Thanks for sharing
I created my list too - dev.to/devlorenzo/the-ultimate-com...

devlorenzo image

The ultimate Cheat sheets compilation (200+) - πŸ”₯🎁 / Roadmap to dev πŸš€

DevLorenzo ・ Mar 2 ・ 15 min read

#productivity #webdev #beginners #javascript

Read next

sajidrsk profile image

MistCSS : Create React components using CSS Only!! πŸš€

Sajid Sheikh -

ihesami profile image

Deploy a React application with multiple pages to Github

IHesamI -

nwill86 profile image

Let’s Connect!!

NATASHA WILLIAMS -

motinados profile image

Introducing the xlsx-kaku Library that Writes Excel Files in Node.js

motinados -