Bookmark These Front-End Websites Now!

I can confidently say that I mostly know what I’m doing now that I’ve been working with front-end web frameworks professionally for over two years.

Throughout this article, I’ve discovered a number of helpful resources and websites that have shown to be highly beneficial to my progress.
Here’s a list of sites that every front-end developer should bookmark (particularly those who are new to the field):

⒈ CSS-Tricks

CSS Tricks Logo

This website includes everything you need to know about CSS, including articles, videos, and my personal favorite, guidelines. I routinely go to the instructions on the subjects that provide amazing pictures and straightforward explanations whenever I’m building UI and forget how flexbox or grid function.

Always comes in handy.


css reference logo

The name says it all, but isn’t your typical documentation website. They get to to the point by displaying several CSS properties in a clear and easy-to-understand way.

Each CSS attribute has a number of examples next to it to help you quickly find the information you need.

What else do you need from reference docs?

⒊ Coolors

Coolors Example

Make your personal website stand out with a striking color scheme. This website has improved since I first used it, but my favorite feature is the ability to create your own palette (see above).

Experiment with different color combinations to find the one you like best, and then use the hex colors provided to implement them in your own projects. This is helpful not only when dealing with front-end apps, but also when creating and styling anything.

⒋ Unsplash

Unsplash Homepage

We’ve all been in that situation. You’ve completed all of the scaffolding for your app and are now ready to begin adding content. For text, it’s simple to add “Lorem ipsum…”, but for photos, you’ll need to go through the process of Googling for images and making sure they’re the right size, free, and so on.

Unsplash assists you by offering high-quality, “freely-usable” photos that are simple to use into any project or blog . When downloading photographs, you have the option of selecting the size (small, medium, or big) that ’s best.

Amazing resource for every front-end app ????.

⒌ Logo

I recently discovered It’s similar to a front-end technical blog with a large number of contributors. React, Angular, Vue, CSS, JavaScript, and other topics are covered.

Keep up with the latest technology developments, as well as articles and tutorials to help you improve your front-end abilities. It’s well worth bookmarking.

8. Brand Palettes

Google Brand Palette

Brand Palettes is a database of brands and their colors. That’s pretty much it. Nonetheless, it is a cool resource to have in your back pocket.


There are a variety of good materials available, so if you have any suggestions, please share them in the comments. Personally, I’d want to add a couple more bookmarks.

Happy Coding…

About us: Codelivly is a platform designed to help newbie developer to find the proper guide and connect to training from basics to advance

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *