Modern CSS Solutions is a series by frontend developer Stephanie Eckles examining modern CSS approaches to common frontend problems. Articles cover topics such as custom properties, container query units, CSS math functions, selectors, accessibility upgrades, and testing browser feature support with fallbacks and build tools. A companion site, SmolCSS, offers minimal snippets for modern layouts and components.
react-spring is an animation library for React that uses spring physics rather than duration and curve parameters. It supports fluid UI and interaction animations, SSR, and runs animations without re-rendering via an imperative API.
Icon Horse fetches favicons for any website from a single URL usable in an img tag. It offers sensible fallbacks when no icon exists and caches icons for speed. A free Hobby plan allows up to 1,000 icons per month without an account.
ColorHexa is a free color tool that provides information about any color and generates matching color palettes, such as complementary, analogous, triadic, tetradic and monochromatic schemes. Users enter a color value and it offers a detailed description and converts it to equivalent formats including Hexadecimal, RGB, CMYK, HSL, HSV and CIE-LAB.
Astrodotbuild is a developer resource for coding, documentation, communities, security research, or software tools.
An online tool that converts JPG, PNG, GIF and BMP bitmap images to SVG vector graphics, described as a free alternative to Vector Magic. The site lists multiple conversion styles and instant download with no registration required. Supported files have a maximum size of 10MB, and free conversions are limited to five, after which access requires contacting the operators.
WhatUnit is a tool that helps users decide which CSS length unit to use. It presents a flowchart that can be panned by clicking and dragging and zoomed with ctrl/cmd plus mouse wheel.
Community notes
Be the first to share how this project worked for you.
Sign in with a verified account to leave a review or join the discussion.
Sign in to reviewKeep exploring
react-spring is an animation library for React that uses spring physics rather than duration and curve parameters. It supports fluid UI and interaction animations, SSR, and runs animations without re-rendering via an imperative API.
Icon Horse fetches favicons for any website from a single URL usable in an img tag. It offers sensible fallbacks when no icon exists and caches icons for speed. A free Hobby plan allows up to 1,000 icons per month without an account.
ColorHexa is a free color tool that provides information about any color and generates matching color palettes, such as complementary, analogous, triadic, tetradic and monochromatic schemes. Users enter a color value and it offers a detailed description and converts it to equivalent formats including Hexadecimal, RGB, CMYK, HSL, HSV and CIE-LAB.
Astrodotbuild is a developer resource for coding, documentation, communities, security research, or software tools.
An online tool that converts JPG, PNG, GIF and BMP bitmap images to SVG vector graphics, described as a free alternative to Vector Magic. The site lists multiple conversion styles and instant download with no registration required. Supported files have a maximum size of 10MB, and free conversions are limited to five, after which access requires contacting the operators.
WhatUnit is a tool that helps users decide which CSS length unit to use. It presents a flowchart that can be panned by clicking and dragging and zoomed with ctrl/cmd plus mouse wheel.
