Top 10 sites / extensions you should use if you are a Frontend Developer 😎

#webdev #html #css

CssGradient

Here you will find gradients of all kinds so that your website is at another level from simple to complex gradients, in addition to all the css code

Color Picker🎈

Look for that color that you like from your favorite website

Glyphy

Glyphy es una sencilla herramienta en línea que te permite copiar fácilmente caracteres y símbolos especiales (también conocidos como glifos) al portapapeles de tu dispositivo para que luego puedas pegarlos en cualquier documento o aplicación que desees.

Haikei.app

This is my favorite, you can generate patterns like: globs, waves, Blurry Gradients etc.

Ray.so

Transform your code to an impressive and very colorful card

IcoMoon

Find all the icons for your website in svg, png and even imported css formats

Neumorphism.io

Create awesome shadows ready to implement in all your Css

ANDI

ANDI is like having an expert at your side, helping you ensure your website is meeting accessibility standards. Include ANDI in screenshots during your manual accessibility review. Use ANDI during development to help you build accessible websites.

Whether you're an accessibility expert or you're new to Section 508 compliance, ADA compliance, or WCAG standards, you should definitely check out ANDI.

Editor.md 🍳

Editor.md is a markdown Editor if you don't know much about md this tool will help you, it will be used to make descriptions of your GitHub file or make notes

React Developer Tools

React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.