DEV Community

Cover image for Cheat Sheets that always save my time during web development πŸš€
Mahesh Patidar
Mahesh Patidar

Posted on • Originally published at Medium

Cheat Sheets that always save my time during web development πŸš€

During Coding I often forget exact properties and at that time searching on google take time at least for me ( because I don't know about you πŸ˜πŸ˜…).

So I always prefer cheatsheets because in 90% of cases I got my answer from them.

So today I'm going to share a list of top cheatsheets that save my time during development.

1. HTML Cheatsheet -

This Cheat Sheet contains useful code examples and developer tools, markup generators, and more on a single page.

This is a helpful quick guide for those who already know how to work with these languages.

2. CSS Cheatsheet -

This Cheat Sheet contains the CSS properties, text-shadow generators, color picker, and some common code snippets.

3. Grid Layout -

This one is not only a time saver but it is really a lifesaver because whenever I'm working with grid layout, most of the time I need a cheat sheet.

4. FlexBox -

Another visual-based cheat sheet for CSS flexbox, this one contains all the flexbox properties with visual examples.

5. JavaScript -

This Cheat Seet contains useful code examples on a single page. Find code for JS loops, variables, objects, data types, strings, events, and many other categories.

6. JavaScript -

This cheat sheet contains basic to advanced concepts. ES6+, simple explanations, DOM API, Event loop, functions, array, object, Type and so much more.

7. React -

This single cheat sheet contains various code examples to boost your react development.

8. Git -

This cheat sheet contains a list of handy git commands to make your life easier!

Conclusion -

Cheat Sheets are best for taking quick references and boosting productivity. I hope you found this article useful and you enjoyed the reading.

Let's connect with me on

Top comments (58)

Collapse
 
xkrishguptaa profile image
Krish Gupta

Cool List! But I think this tool (GitExplorer) should also deserve a spot :)

Collapse
 
ali6nx404 profile image
Mahesh Patidar

Thanks for amazing suggestion πŸ˜‡

btw this list is build on my personal use and i don't knew about this πŸ˜‡

Collapse
 
organizedfellow profile image
Jaime Aleman
Collapse
 
youngshittu profile image
YoungShittu

Thanks πŸ™

Collapse
 
ali6nx404 profile image
Mahesh Patidar

thank you πŸ˜‡

Collapse
 
youngshittu profile image
YoungShittu

Really? 😲 If you know how very helpful this post is to me, you won't be thanking me. Thanks a bunch. 🀝

Collapse
 
mhbaando profile image
Kamaal Abshir

cool ! thanks for sharing, it really amazing

Collapse
 
stonec0der profile image
Cedric Megnie

thanks for sharing

Collapse
 
ruhovora_63 profile image
Ruhovora

thanks bro

Collapse
 
jorawarsinghnijjar profile image
Jorawar Singh Nijjar

Awesome! I really appreciate that.

Collapse
 
terrencesiow profile image
TerrenceSiow

Thanks for sharing. It’s very helpful.

Collapse
 
ali6nx404 profile image
Mahesh Patidar

My Pleasure πŸ˜‡

Collapse
 
shivaramkrishna profile image
Shivaram Ayyalasomayajula

Thanks for sharing Mahesh

Collapse
 
ali6nx404 profile image
Mahesh Patidar

My Pleasure πŸ˜‡

Collapse
 
vaderloopdev profile image
Leonardo Esteves

muchas gracias!... oro puro!.. Saludos!

Collapse
 
ali6nx404 profile image
Mahesh Patidar

My Pleasure πŸ˜‡

Collapse
 
sheikhprotik profile image
improtik

Thank you so much

Collapse
 
ali6nx404 profile image
Mahesh Patidar

Welcome πŸ˜‡

Collapse
 
tcamargo89 profile image
Thiago Ramos Camargo

Nice.
Thanks for sharing.

Collapse
 
herculeskan profile image
Carlos E. Lara

Thank you so much. It was very helpful

Collapse
 
mdmarufsarker profile image
Md. Maruf Sarker

Thanks 😊

Collapse
 
alaobeidat profile image
Ala Obeidat

Thanks