Search
Once, He Was At The Mercy of Snipers and Explosions IRL. Now He's A Fortnite Pro.
5.11.2021
It isn’t always easy turning tragedy into triumph, but Mounir “33 Mony” Mkhallati is no stranger to that odyssey. Once a child during a tumultuous time in Syria, 33 Mony has gone on to earn some $60,000 since competing in the pro Fortnite gaming circuit and joining esports organization Team 33.Read...
Skyrim IRL TikTok Star Arrested, Charged With Murdering His Wife & Her Friend
28.10.2021
Ali Nassar Abulaban, aka JinnKid, is the actor behind Skyrim In Real Life, a series of incredibly popular TikTok videos. He was arrested last week and charged with murdering two people, including his wife.Read more
Rare But Limited PS5, Xbox Best Buy Restock Sees Excruciatingly Long Lines IRL
23.9.2021
Since the PlayStation 5 and Xbox Series X/S went on sale last fall, Best Buy hasn’t sold next-gen consoles at its brick-and-mortar locations, citing safety concerns around covid-19. That changed on Wednesday, when the big box retailer said it would sell a limited supply at stores across the country...
Friday's Best Deals: Xbox Games and Gift Cards, Surface Pro 7, Champion Hoodies, Ulta Lash Products, Sony a7 III Camera, Trifo Robot Vacuum, Oculus Quest, and More
19.2.2021
Sales on Xbox games and gift cards plus the Surface Pro 7 lead Friday’s best deals.Read more
A Utility Class for Covering Elements
26.12.2020
Big ol’ same to Michelle Barker here:
Here’s something I find myself needing to do again and again in CSS: completely covering one element with another. It’s the same CSS every time: the first element (the one that needs to be covered) has position: relative applied to it....
Irregular-shaped Links with Subgrid
16.7.2020
Michelle Barker covers a situation where you need offset rectangles part of a clickable area. The tricky part is having just the rectangles be clickable. That rules out using some parent element and making the whole larger encompassing rectangle clickable, which is a common (but equally tricky)...
Exciting Things on the Horizon For CSS Layout
8.5.2020
Michelle Barker notes that it’s been a heck of a week for us CSS layout nerds.
Firefox has long had the best DevTools for CSS Grid, but Chrome is about to catch up and go one bit better by visualizing grid line numbers and names.
Firefox supports gap for display: flex, which is great,...
Different Approaches to Responsive CSS Motion Path
24.4.2020
As a follow-up to Jhey’s recent post on responsive motion paths, Michelle Barker notes that another approach could be to just transform: scale() the whole dang element.
The trade-off there is that you’re scaling both the path and the element on the path at the same time; Jhey’s...
Re-creating the ‘His Dark Materials’ Logo in CSS
11.1.2020
The text logo has a slash cut through the text. You set two copies on top of one another, cropping both of them with the clip-path property.
What's interesting to me is how many cool design effects require multiple copies of an element to do something cool. To get the extra copy, at least with...
7 Uses for CSS Custom Properties
27.12.2019
I find all seven of these quite clever and useful.
I particularly like using custom properties when you can sneak a variation into a place where you'd normally have to re-declare a whole big chunk of code.
.some-element {
background-color: hsla(
var(--h, 120),
var(--s, 50),
var(--l...
What We Want from Grid
27.2.2019
We felt spoiled with CSS grid for a minute there. It arrived hot and fast in all the major browsers all at once. Now that we're seeing a lot more usage, we're seeing people want more from grid.
Michelle Barker lists hers wants (and I'll put my commentary after):
Styling row and column gaps. I've...