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

Image of Datadog

How to Diagram Your Cloud Architecture

Cloud architecture diagrams provide critical visibility into the resources in your environment and how they’re connected. In our latest eBook, AWS Solution Architects Jason Mimick and James Wenzel walk through best practices on how to build effective and professional diagrams.

Download the Free eBook

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 πŸ˜‡

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

πŸ‘‹ Kindness is contagious

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

Okay