Nailing the Perfect Contrast Between Light Text and a Background Image
The site stores your drawing IDs in localStorage so you’ve got basic CRUD functionality right there. I bet the whole … Read article “zerodivs.com”
Friction Logs
The main idea is simple: You write your main rule using CSS variables, and then use :nth-of-*() rules to set these variables to something different every N items. If you use enough variables, and choose your Ns for them to be prime numbers, you reach a good appearance of pseudo-randomness with relatively small Ns.
Bold on Hover… Without the Layout Shift
This is a neat interactive page by Ville V. Vanninen to reference the names of things in the CSS syntax. I feel like the easy ones to remember are “selector,” “property,” and “value,” but even as a person who writes about CSS a lot, I forget some of the others. Like the property and value together (with the colon) is called a declaration. And all the declarations together, including the curly brackets (but not the selector)? That’s a declaration … Read article “CSS Vocabulary”
When do you use inline-block?
With this API, you have access to stock market data both current and historical. Got an idea for an … Read article “marketstack: A Market Data API”
Open Prioritization
Cassie Evans made a lovely illustration of herself and then used Greensock to add a flourish of animations to polish it off. Cassie wrote a series of posts about how she did it:
Bootstrap 5
I had that exact feeling this past month … Read article “WooCommerce on CSS-Tricks”
Five 5-minute Videos from Ethan on Design & Accessibility
The title of this Sara Soueidan article speaks to me. I’m a big fan of the idea that some CSS is best applied globally, and some CSS is best applied scoped to a component. I’m less interested in how that is done and more interested in just seeing that conceptual approach used in some fashion.
Let’s Make a Multi-Thumb Slider That Calculates The Width Between Thumbs
CSS still can’t animate to auto dimensions.
Adding a Custom Welcome Guide to the WordPress Block Editor
Last November some of their crew came out and shot some photos and video with me, which was cool and fun and made me feel famous lolll.
#189: Notion for Personal & Public Use
In JavaScript, we can access the value with getComputedStyle and getPropertyValue: