Latest resources for frontend developers #16

chalk.ist is a tool to create stunning images from your source code, adjust different parameters such as programming language and theme, and download the image in PNG with just a few clicks.

One of my favorite Chrome extensions, SVG Gobblers allows you to view all the SVG elements on a website and download the ones you want with a single click.

Tabler Icons is an open-source library of over 1,900 pixel-perfect icons with customizable strokes and sizes to make the iconography of your next project shine.

Reasonable Colors is a free and open-source color system for creating accessible and good-looking color palettes with ease.

This code snippet is a nice image effect on hover using the CSS mask and filter properties and without JavaScript.

A free collection of 24 copy/paste loaders and spinners for your next Rect project, built with modern HTML and CSS.

Frontend practice is a website with real company websites to recreate and improve your UI coding skills, the different projects are sorted by difficulty and have some notes to help you in the process.

Feedback fin is an open-source, fully customizable, and lightweight tool to collect feedback on your website easily with just a few lines of code.

20minJS is a podcast about Javascript and the frontend world with special guests in each episode.

Stylify is a CSS library that allows you can write CSS in a class of an HTML element and the library generates utility-first classes and the necessary styles.

Pulsetic is a monitoring tool to get alerts of your website downtime by SMS, Slack, Telegram, email, or phone call.

PicMo is a basic JavaScript library to add an emoji picker to your project, it is just built-in javascript and can be used with any framework.

TailwindPdf is a tool to generate PDFs or images from your HTML code with the help of the CSS framework TailwindCSS.

This code fragment is an example of an underlined text with a wavy animation when you stop hovering the mouse over the text.

Typographic Scale Calculator is a tool that will help you to achieve a balanced and beautiful typographic system and to obtain a harmonious typographic scale.

MassCode is an open-source tool to manage and organize all your code snippets in a multi-level folder system, tag support, and a great code editor.

BlobsIcons is a collection of more than 300 beautiful and colorful icons, in 2 styles and free.

Easy responsive images is a tool that helps you to create modern responsive images simply, the tool generates the necessary HMTL, CSS, and JavaScript code and images to get a good lighthouses score.

Having trouble choosing a name for color variables? The color name generator can help you with that, with more than 26,000 color names and ready code for different languages (SASS, Less, CSS).