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

479 116

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

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

Top comments (58)

Collapse
 
kkrishguptaa 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
 
jjaimealeman 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 😇

AWS Q Developer image

Your AI Code Assistant

Generate and update README files, create data-flow diagrams, and keep your project fully documented. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay