Search
hhhelpers
6.12.2021
I was just going on about how many awesome little helper sites there are out there, and now I’ve ran across another wonderful little hive of them. Sébastien Noël, under the name fffuel, has created a whole bunch of great …
Low framerate in Safari on M1 Mac
3.12.2021
John James Jacoby:
I recently noticed that animations in Safari were stuttering pretty badly on my M1 powered 2020 MacBook Air, and dove in to figure out why.
The why:
This wasn’t a bug. This was a feature.…
Fractional SVG stars with CSS
2.12.2021
Some ⭐️⭐️⭐️⭐️⭐️ star rating systems aren’t always exactly even stars. Say you want to support rating something 2.25 stars. To do that you could “fill” the shape of the stars partially. I like this idea by Samuel...
Dock Life: Using Docker for All The Things!
1.12.2021
I think if you’re a DevOps person in any capacity, the utility of Docker is very clear. Your things run in containers that are identical everywhere. Assuming Docker is working/running, the code will execute in a reliably consistent way whether …
We Analyzed 425,909 Favicons
29.11.2021
This is a neat idea for a research project. The big map is fun, but the research had some tidbits in it worth looking at.
The average favicon network request takes 130ms, at least from our speedy cloud instance.
…
The post We Analyzed 425,909 Favicons appeared first on CSS-Tricks. You...
Which SVG technique performs best for way too many icons?
23.11.2021
Tyler Sticka digs in here in the best possible way: by making a test page and literally measuring performance. Maybe 1,000 icons is a little bit of an edge case, but hey, 250 rows of data with four icons in …
The post Which SVG technique performs best for way too many icons? appeared first...
Reimagine Atomic CSS
19.11.2021
I’m not the biggest fan of Atomic CSS myself. I don’t like all the classes. I like to express my styles in CSS because I find CSS… good. But I appreciate that a lot of people seem to like it, …
The post Reimagine Atomic CSS appeared first on CSS-Tricks. You can support...
The Gap (Design Engineering)
17.11.2021
Egor Kloos describes a situation where a (purely visual) designer asks for some changes to a component. There is a misunderstanding where the (code monkey) developer implements the change exactly as requested—but really what was required was both a bug …
The post The Gap (Design Engineering)...
Line length revisited: following the research
16.11.2021
Mary Dyson produces nitty gritty research on the long-accepted notion that shorter line lengths are more legible than longer ones. The study finds that shorter lines do not necessarily lead to faster reading. If you’re looking for a definitive answer …
The post Line length revisited:...
3 out of 4 of the Top Smart Contract Tokens Outpaced Ethereum’s 12 Month Gains
13.11.2021
While the price of bitcoin has been volatile during the last seven days, a number of smart contract platforms have been performing far better this week. Statistics indicate that the total value locked (TVL) in decentralized finance (defi) is $267 billion and the TVL held on Ethereum commands...
Semantic menu context
11.11.2021
Scott digs into the history of the <menu> element. He traced it as far back as HTML 2 (!) in a 1994 changelog. The vibe then, it seems, was to mark up a list. I would suspect the intention …
The post Semantic menu context appeared first on CSS-Tricks. You can support CSS-Tricks...
cleanup.pictures
10.11.2021
Nice domain, eh? Does just what it says on the tin: cleans up pictures. You draw over areas of the image you want cleaned up, and it does its best using weird science. It’s like Photoshop’s Spot Healing Brush…
The post cleanup.pictures appeared first on CSS-Tricks. You...
Detecting Specific Text Input with HTML and CSS
9.11.2021
Louis Lazaris breaks down some bonafide CSS trickery from Jane. The Pen shows off interactivity where:
You have to press a special combination of keys on a keyboard.
Then type a secret password.
From there, a special message pops …
The post Detecting Specific Text Input with HTML and...
Chainlink (LINK) Shows Strength to Create a New All-time High!
8.11.2021
Chainlink makes a comeback from the lower levels after taking support from $23. Taking cue of its trendline support and consistent uptrend, we can expect the Chainlink price to continue to move upwards towards $50 levels. But this price action can only be seen once LINK can surpass the resistance...
Introducing Svelte, and Comparing Svelte with React and Vue
4.11.2021
Josh Collingsworth is clearly a big fan of Svelte, so while this is a fun and useful comparison article, it’s here to crown Svelte the winner all the way through.
A few things I find compelling:
One of the
…
The post Introducing Svelte, and Comparing Svelte with React and...
Fixing the Drift in Shape Rotations
4.11.2021
Steve Ruiz calls this post an “extra-obscure edition of design tool micro-UX,” but I find it fascinating! If you select a bunch of elements in a design tool, then rotate then, then later select those same elements and try to …
The post Fixing the Drift in Shape Rotations appeared...
The Legend Of Zelda: Ocarina Of Time Almost Had Portals Before Portal
2.11.2021
If you took a portal to an alternate universe, you might find yourself living in a timeline where The Legend of Zelda, not Portal, popularized the use of live portals in video games. As spotted by VGC, ex-Nintendo dev Giles Goddard recently showed off an early tech demo of The Legend of Zelda:...
Majora’s Mask Is A Masterpiece Of Existential Horror
29.10.2021
The first thing that comes to mind when I think of The Legend of Zelda: Majora’s Mask is that horrifying moon. It’s ominous, always smiling, a reminder that death is an inevitability for everyone. It lingers in the background, like a shadow against a wall, waiting to strike. If, after three days...
Okhsv and Okhsl
28.10.2021
There is an old Russian fable where Okhsv and Okhsl are on a rowboat and Okhsv says to Okhsl, “What are the known shortcomings of HSL and HSV color pickers in design applications?” I kid, I kid. But really, what …
The post Okhsv and Okhsl appeared first on CSS-Tricks. You...
Okhsv and Okhsl
28.10.2021
There is an old Russian fable where Okhsv and Okhsl are on a rowboat and Okhsv says to Okhsl, “What are the known shortcomings of HSL and HSV color pickers in design applications?” I kid, I kid. But really, what …
The post Okhsv and Okhsl appeared first on CSS-Tricks. You...