DEV Community

Dillon Barnes
Dillon Barnes

Posted on

5

Useful Tools for Front-end Developers

When working on the front-end for my websites, I constantly flick back and forth and look for various websites to help me with what I need. So, here's a list of sites for future me and also for you!

  1. MDN - https://developer.mozilla.org/en-US/

    • By far one of the most useful websites for frontend devs is MDN. Contains all HTML elements, CSS attributes, etc and a lot of information about them.
  2. Can I Use? - https://caniuse.com

    • Check browser compatibility for CSS attributes, APIs or HTML elements that you plan to use.
  3. CSS Tricks - https://css-tricks.com/guides/

    • CSS Tricks has loads of useful guides on everything CSS. There are amazing cheatsheets for Flex and Grid as well as many other useful things.
  4. HTML, CSS and JS Cheatsheets - https://htmlcheatsheet.com/

    • Lots of useful reference for all 3 languages.
  5. React Cheatsheet - https://devhints.io/react

  6. Tailwind CSS Docs - https://tailwind.com/docs

    • Tailwind is a great CSS library that provides a lot of flexibility. The documentation is great to refer too!

That's all I can think of now, but I'll try to update this when I think of more! If you have any you use, leave them in the comments and I'll add them!

Hope it helps,

Dillon

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more