CSS/SASS

Last year, I wrote an article sharing Stephen Shaw’s awesome trick for simple, autogrowing textarea elements. It uses a wrapper element, CSS grid, and a sprinkling of vanilla JS, and it works wonderfully! But… if your textarea has text in it when the page loads, it doesn’t work. .autogrow { display: grid; } .autogrow::after { content: attr(data-replicated-value) " "; white-space: pre-wrap; visibility: hidden; } .autogrow textarea { resize: none; } .

The New Simple and Lighter CSS Reset

Tailwind CSS Components plugin - daisyui tailwind component library

Front-end framework with a built-in dark mode, designed for rapidly building beautiful dashboards and product pages.

Earlier this year I wrote a bit about autogrowing textareas and inputs. The idea was to make a more like a so it expands in

Simple and modern CSS framework for creating a beautiful website

A series examining modern CSS solutions to problems Stephanie Eckles (@5t3ph), a seasoned frontend developer, has been solving for 13+ years.

Search against any element for standardized and default styles from all major rendering engines (WebKit, Blink, Gecko, Trident).

A design system for building faithful recreations of old UIs.

If two or more elements are close, then the user will assume that they somehow belong to each other. When grouping multiple design elements, the user can dec...

MVP.css - No classes, no framework. Just semantic HTML and you're done.

A visual tool that provides naming-suggestions for CSS classes using BEM naming convention.

CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

A tiny modern CSS reset

A Lightweight, Responsive and Modern CSS Framework

A modern, HTML5-ready alternative to CSS resets

Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

Significa was created with the single purpose of raising the standard of quality in user-centered design by creating useful, beautiful & meaningful experiences

Materialize is a modern responsive CSS framework based on Material Design by Google.

Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.

Tips, Tricks, and Techniques on using Cascading Style Sheets.

Learn how to create knockout text to make your next site a real knockout.