Articles in “HTML & CSS”
-
What If Our Sliders Actually Slid?
In this article, Jhey Tompkins explores one of GreenSocks’ newest plugins alongside React to create an impractical whimsical spin on a well-known native element: “. Read Full Article
-
Under-engineered multi-selects
Others in this sorta-series: Under-Engineered Custom Radio Buttons and Checkboxen Under-Engineered Toggles Under-Engineered Toggles Too Under-Engineered Text Boxen Under-Engineered Responsive Tables Under-Engineered Select Menus Under-Engineered Dependenc… Read Full Article
-
CSS Toggles Explainer & Proposal
There are many use-cases where an interaction (click/gesture) on one element toggles a ‘state’ that can be shared with other elements. This can range from toggling light… Read Full Article
-
Building a combined CSS-aspect-ratio-grid
Recently I was faced with the following problem. I had to build a layout that consists of several rows. In each row are two images with a fixed aspect ratio. The two images should have the same height and fill the entire row. Read Full Article
-
Contextual Spacing For Intrinsic Web Design
Learn how to coexist with that unpredictability by using adaptive, contextual spacing techniques. We’ll construct a starter set of custom properties for gap, margin, and padding. Read Full Article
-
Loaders
Free loaders & spinners for your next project. Built with HTML, CSS and a soupçon of SVG. Available for copypasta or as a tree-shakeable React component library. Read Full Article
-
Creating Realistic Reflections With CSS
In design, reflections are stylized mirror images of objects. Even though they are not as popular as shadows, they have their moments — just think about the… Read Full Article
-
You don’t need a UI framework
Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they’ll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out this way. Let’s talk about it. Read Full Article
-
Ordering CSS declarations
I was reading Eric’s recommendation to organize your CSS declarations alphabetically: Read Full Article
-
Deep Dive into Text Wrapping and Word Breaking
Let’s talk about the various ways we can control how text wraps (or doesn’t wrap) on a web page. CSS gives us a lot of tools to make sure our text flows the way… Read Full Article