Latest resources for frontend developers #12

An online HTML editor where you can easily select what you want to add to your HTML and copy-paste the code.

Shade park is an open-source javascript library for creating interactive 2D and 3D shades.

Avvvatars is a free avatar generator for react that generates a unique avatar for each user.

An extensive 12-week free online course on web development for beginners with instructors from Microsoft's Azure Cloud Advocates.

Visual difference is a Figma plugin that allows you to compare snapshots of different elements to compare them visually and detect differences.

With this online builder, you can easily create customer journeys for your use cases, the tool also has different templates to inspire you.

A code snippet of a colorful curved illustration with an infinite and nice animation only with HTML and CSS.

Readable is an IDE extension to auto-generate meaningful comments for your code.

Skill icons is an online tool to easily and visually display your skills on your Github profile with images.

CodeSandbox Projects is an online code editor to build your projects with streamlined collaboration and a large number of add-ons to help you get started on your next project.

In this Codepen you will find a pure CSS code snippet of a loader with a skateboard-like animation.

Open Source Alternative is an application directory with over 250 open source alternatives to some of the most popular SaaS applications.

with this JavaScript library, you can easily add an emoji picker to your application.

SingleFile is a web browser extension compatible with most popular browsers that allows you to save an entire web page in an HTML file.

This code snippet is a search bar with a clever intro animation and no javascript at all.

a11yphant is an online tool to learn the basics of web accessibility step by step with interactive and fun challenges.

A list of 14 small but useful developer tools with a clean user interface, from a JSON formatter to a CSS compressor.