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”
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”
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.
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”
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”
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:
I had that exact feeling this past month … Read article “WooCommerce on CSS-Tricks”
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.
CSS still can’t animate to auto dimensions.
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.
In JavaScript, we can access the value with getComputedStyle and getPropertyValue: