Search

Nalezeno "irl": 39

Logical Properties for Useful Shorthands

20.7.2022
Michelle Barker with my favorite sorta blog post: short, practical, and leaves you with a valuable nugget for your time. Here, she gets into logical property shorthands in CSS, particularly those that set lengths just on a single axis, … Logical Properties for Useful Shorthands originally...

Uncanny: YouTubers Recreate GTA 3 Animations IRL All Over Tokyo

5.5.2022
Life imitates art, and nowhere is this more apparent than through these YouTube videos of a guy running through the streets of Tokyo, Japan as if he were a character from Grand Theft Auto 3. While the movement is strange for a human, it will look familiar to anyone who has tried moving around in...

Kingdom Hearts 4 Sleuthers Find Sora’s Apartment IRL, And It Ain’t Cheap

15.4.2022
Kingdom Hearts stans are tearing all the meat off the bones from the recent Kingdom Hearts IV announcement trailer, picking it apart for any and all possible details about Sora’s upcoming adventure. There’s a bit of disappointment to go with the hype, like the painful revelation that our big-shoed...

QiDaoProtocol and CelsiusX Collaborate to Explore Metaverse and IRL

17.2.2022
CelsiusX aims to openly and effectively bridge the decentralized and centralized finance ecosystems. As part of Celsius’s DeFi division, the company is working on a scalable infrastructure that includes cross-chain token wrapping and bridging to increase crypto usefulness. In addition to this...

The Arcade In The Last Of Us 2 Has Seemingly Closed IRL

23.12.2021
There’s an arcade in The Last of Us Part II in which Ellie fights a bloater. It’s a tense encounter, with the scrappy avenger battling the zombie all on her own. The fight’s backdrop of gaming ruins is apparently based on a real spot in Seattle. Now, the real-life arcade, GameWorks Seattle,...

MrBeast's IRL Squid Game Sees Contestants Just Running The Red Light

29.11.2021
YouTuber James Steven “MrBeast” Donaldson’s Squid Game recreation is so popular on the video-sharing platform that its view count almost mirrors that of the hit Korean survival drama that inspired it. While it’s easy to get caught up in how accurate the non-lethal set was, it’s even easier to miss...

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...

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...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace