Articles in “HTML & CSS”
-
AutoAnimate
A zero-config, drop-in animation utility that automatically adds smooth transitions to your web app. Use it with React, Vue, or any other JavaScript application. Read Full Article
-
AnimatiSS
AnimatiSS is a tool to preview custom CSS animations and grab their code with a simple click, to paste it into your own web projects. A nice, colorful collection of CSS animations for your projects. Preview animations and click to copy their code! Read Full Article
-
Manage Accessible Design System Themes With CSS Color-Contrast()
From working with design handoffs to supporting custom themes in a design system, the CSS `color-contrast()` function can become a cornerstone for developers by enforcing accessible UIs. Read Full Article
-
A Perfect Table of Contents With HTML + CSS
A table of contents is easy to generate in word processing tools, but trickier to pull off in plain HTML and CSS. But I have an approach that works. Read Full Article
-
Customizing Color Fonts on the Web
Color fonts provide a way to add richness to your designs without sacrificing any of the many benefits of using plain text. Read Full Article
-
Min-Max-Value Interpolation Calculator
A tool that calculates the CSS clamp formula to interpolate between two values in a given viewport range. Read Full Article
-
Lesser-Known And Underused CSS Features
CSS is constantly evolving, and some cool and useful properties either go completely unnoticed or are not talked about as much as others for some reason or another. In this article, we’ll cover a fraction of those CSS properties and selectors. Read Full Article
-
Useful Tools for Creating AVIF Images
AVIF (AV1 Image File Format) is a modern image file format specification for storing images that offer a much more significant file reduction when compared to… Read Full Article
-
Improving Icons for UI Elements with Typographic Alignment and Scale
Utilizing icons in user interface elements is helpful. In addition to element labeling, icons can help reinforce a user element’s intention to users. But I… Read Full Article
-
Building a button component
A foundational overview of how to build color-adaptive, responsive, and accessible <button> components. Read Full Article