Search
CSS Grid and Custom Shapes, Part 1
15.8.2022
In a previous article, I looked at CSS Grid’s ability to create complex layouts using its auto-placement powers. I took that one step further in another article that added a zooming hover effect to images in a grid layout…
CSS Grid and Custom Shapes, Part 1 originally published...
Zooming Images in a Grid Layout
8.8.2022
Creating a grid of images is easy, thanks to CSS Grid. But making the grid do fancy things after the images have been placed can be tricky to pull off.
Say you want to add some fancy hover effect to …
Zooming Images in a Grid Layout originally published on CSS-Tricks, which is part of...
Plus: Two weeks of Steam madness in one!
1.10.2021
We're zooming ahead to analyze the big wins and losses
Plus: leave your Cris Tales at Death's Door?
16.7.2021
Zooming through the top Steam titles for next week!
How to Get a Pixel-Perfect, Linearly Scaled UI
15.7.2021
Dynamically scaling CSS values based on the viewport width is hardly a new topic. You can find plenty of in-depth coverage right here on CSS-Tricks in articles like this one or this one.
Most of those examples, though, use …
The post How to Get a Pixel-Perfect, Linearly Scaled UI appeared...
Plus: the post-Summer Sale (semi)-rush of game Hype!
10.7.2021
There's more stuff zooming out of the gate
Can JavaScript Detect the Browser’s Zoom Level?
21.4.2020
No, not really.
My first guess was that this was intentionally not exposed in browsers because browsers intentionally don’t want us fighting it — or making well-intentioned but bad-outcome decisions based on that info. But I don’t see any evidence of that.
StackOverflow answers paint...
Reduced Motion Picture Technique, Take Two
21.6.2019
Did you see that neat technique for using the <picture> element with <source media=""> to serve an animated image (or not) based on a prefers-reduced-motion media query?
After we shared that in our newsletter, we got an interesting reply from Michael Gale:
What about folks who love...