Cover image for Unique resources for web developers (html, CSS, font, color)

Unique resources for web developers (html, CSS, font, color)

ahmedatefae profile image Ahmed Atef Updated on ・3 min read

Before you going on!

Every day I find new references in various categories and this makes me confused to decide which and when to use
I will now prepare this article to choose the reference most relevant to its genre.

Note: know that each reference here has a unique aspect of any other reference in the same category, and I will update it when I find any other good reference.


Alt Text MDN Reference I use this reference all the time for HTML and HTML5
Alt Text webSiteSetUp for our hands, very good pdfs and images


Alt Text MDN Reference reference for CSS and CSS300
Alt Text Animate.css CSS library that lets you understand CSS animation and add it easy
Alt Text can I use support tables for front-end technologies for desktop or mobile browsers.
Alt Text Responsive Grid System this website Generate html and CSS codes for a responsive web content.
Alt Text clippy Tool for making clip-paths


Alt Text Google Fonts Best resource for free and easy-to-use web fonts. Has an enormous library of fonts.
Alt Text Fontsquirrel The best, 100% free fonts for commercial use. Another well-known huge font library.
Alt Text MyFonts Very largest library of premium fonts


Alt Text Flat UI Colors use it before starting your project for choosing a flat design color.
Alt Text Material Palette Inspired in material design. Generate your palette and download it and with some icons if you need.
Alt Text UI Gradients A collection of gradients for you to choose from and downloadable too.
Alt Text grayscale You can set generate your whole palette so that each color has the same range of color values Kevin Kirchner
Alt Text 97palettes collection of the primary colors for the most used applications Ami Amigo


If you have any good, and unique references feel free to add them to the comments.

I hope that I have fulfilled the importance of this topic, don't forget to see the following updates for this article.

If there is any question, please feel free and contact me or leave it in the comments.

To see similar works and also very important for every developer or cognitive researcher, you can do so by following me on different social networks.
👉 YouTube, Twitter, LinkedIn 👈

Posted on by:

ahmedatefae profile

Ahmed Atef


👨‍💻 Software development is my passions as if it in my 🧬


Editor guide

Have you tried grayscale.design for generating a color palette? It's amazing!

You can set generate your whole palette so that each color has the same range of color values—which means you can swap any color with another of the same color value and maintain your contrast ratio.

In other words, you could design a site in grayscale to get the contrast just right, then drop in these generated colors of the same color value and keep your contrast!


No, I haven't used it before; I tried it and loved it very much.
I will include it in the article with your name if there is no problem.
Thanks 👍


Totally fine with me. Thanks!


Exquisite 👌


I actually created it. Thanks!

I like the concept of this website, which collects the primary colors together for the most used applications.

Thanks! Man. Please share it so more people could use.


happy to help🤝


Nice resources thanks for sharing.


Happy to help