Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Notes

18 Articles
{
,

}
Direct link to the article Unleash the Power of Scroll-Driven Animations
animation Scroll Driven Animation

Unleash the Power of Scroll-Driven Animations

I’m utterly behind in learning about scroll-driven animations apart from the “reading progress bar” experiments all over CodePen. Well, I’m not exactly “green” on the topic; we’ve published a handful of articles on it including this neat-o one by Lee …

Oct 21, 2024 Updated on Jan 6, 2025
Direct link to the article CSS Masonry & CSS Grid
layout

CSS Masonry & CSS Grid

An approach for creating masonry layouts in vanilla CSS is one of those “holy grail” aspirations. I actually tend to plop masonry and the classic “Holy Grail” layout in the same general era of web design. They’re different types of …

Sep 30, 2024
Direct link to the article CSSWG Minutes Telecon (2024-08-21)
specifications view transitions

CSSWG Minutes Telecon (2024-08-21)

View Transitions are one of the most awesome features CSS has shipped in recent times. Its title is self-explanatory: transitions between views are possible with just CSS, even across pages of the same origin! What’s more interesting is its …

Aug 30, 2024
Direct link to the article The “Other” C in CSS
accessibility

The “Other” C in CSS

I think it’s worth listening to anything Sara Soueidan has to say. That’s especially true if she’s speaking at an event for the first time in four years, which was the case when she took the stage at CSS Day …

Aug 28, 2024
Direct link to the article Basic keyboard shortcut support for focused links
accessibility Links & URLs semantics

Basic keyboard shortcut support for focused links

Eric gifting us with his research on all the various things that anchors (not links) do when they are in :focus.

Turns out, there’s a lot!

That’s an understatement! This is an incredible amount of work, even …

Aug 23, 2024 Updated on Aug 27, 2024
Direct link to the article CSSWG Minutes Telecon (2024-08-14)
animation popover transition

CSSWG Minutes Telecon (2024-08-14)

I was just going over the latest CSSWG minutes (you can subscribe to them at W3C.org) and came across a few interesting nuggets I wanted to jot down for another time. The group discussed the CSS Values, CSS Easing, and …

Aug 16, 2024
Direct link to the article HTML Attribute to Allow/Disallow Handwriting Input
forms specifications standards

HTML Attribute to Allow/Disallow Handwriting Input

A new explainer for a new HTML attribute to handle handwritten inputs. Like this:

<input type="text" handwriting="true" ... <input type="text" handwriting="false" ... <textarea handwriting="" ... <!-- evaluates to "true" --<div contenteditable handwriting="true"...</div<!-- maybe? --

The primary use …

Aug 12, 2024
Direct link to the article CSS Functions and Mixins Module Notes
csswg functions mixins

CSS Functions and Mixins Module Notes

Most days, I’m writing vanilla CSS. Thanks to CSS variables and nesting, I have fewer reasons to reach for Sass or any other preprocessor. The times I reach for Sass tend to be when I need a @mixin to loop …

Jul 31, 2024 Updated on Aug 1, 2024
Direct link to the article “If” CSS Gets Inline Conditionals
custom properties selectors

“If” CSS Gets Inline Conditionals

A few sirens went off a couple of weeks ago when the CSS Working Group (CSSWG) resolved to add an if() conditional to the CSS Values Module Level 5 specification. It was Lea Verou’s X post that same day that …

Jul 9, 2024 Updated on Jul 19, 2024
  • Newer
  • 1
  • 2

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top