css

Painting with CSS

I work with oil paints a lot, mostly creating urban landscapes. An experiment crossed my mind to try to recreate these paintings using only...
Daniel Warren
4 min read

Using Animation Worklet

Houdini’s new Animation Worklet is part of a bigger initiative to bring native animations onto the web which also includes the Web Animations API...
Georgy Marcuk
7 min read

New horizons in CSS: Houdini and the Paint API

The way we write CSS is about to change. No, I don’t mean you have to change how you write your styles, but we...
Una Kravets
7 min read

Examining “squishiness” in Intrinsic Web Design

One of the highlights in the world of web design for 2018 was when Jen Simmons came up with the term Intrinsic Web Design...
HJ Chen
5 min read

Animate SVG with CSS

Editor’s note: This article was updated on 1/22/2021 Web animations are a delight. They improve the user experience, as they can provide visual feedback,...
Hope Armstrong
11 min read

Discovering the Shadow DOM

We are all fully aware of the Document Object Model (DOM). Thanks to it, we can manipulate the structure and the content of an...
Andrea Chiarelli
7 min read

History of front-end frameworks

A history of front-end frameworks including Semantic UI and others.
Michael Wanyoike
7 min read

Switching to Parcel from webpack

Take a webpack configuration that handles Sass, Babel, and more with a Parcel setup.
Sunil Sandhu
5 min read

It’s 2018 — you shouldn’t be writing vanilla CSS

A common mistake among developers is to give less importance (often, none at all) to styling when compared to other parts of their codebase....
Alcides Queiroz
10 min read

20 web design relics of the old internet

Eighteen years ago, at the turn of the Millennium, more people than ever before were buying their first computer with the expressed goal of...
Luke Harrison
9 min read

Custom responsive behavior using custom CSS properties

Custom properties have been introduced as “variables” in the CSS Variables Module in 2012. Later, “variables” were renamed “custom properties“ which according to the...
Thomas Handorf
3 min read

Advanced effects with CSS background blend modes

If a picture is worth a thousand words, then blending two pictures together must be worth many times that. Likewise, the design possibilities that...
Bennett Feely
5 min read