Search
Trick or Treat: Will Halloween NFTs be hauntingly good or too spooky for crypto?
31.10.2021
Halloween-inspired NFTs are gaining popularity this year, but will the trend continue over time and will they prove to be great investments?
Sunday Comics: Trick Or Treat!
31.10.2021
Hello! It’s time for Kotaku’s Sunday Comics, your weekly roundup of the best webcomics. The images enlarge if you click on the magnifying glass icon.Read more
How Halloween Became a Thing in Japan
28.10.2021
When I first came to Japan in 2001, Halloween was not a thing. At all. Well, it was if you were a foreigner, but Japanese people just didn’t really get it.Read more
Conditional Border Radius In CSS
5.10.2021
Ahmad Shadeed documents a bonafide CSS trick from the Facebook CSS codebase. The idea is that when an element is the full width of the viewport, it doesn’t have any border-radius. But otherwise, it has 8px of border-radius. …
The post Conditional Border Radius In CSS appeared first...
Quickly Testing CSS Fallbacks
4.10.2021
Dumb trick alert!
Not all browsers support all features. Say you want to write a fallback for browsers that doesn’t support CSS Grid. Not very common these days, but it’s just to illustrate a point.
You could write the supporting …
The post Quickly Testing CSS Fallbacks appeared...
The Great American Road Trip, Only It's The '90s And You're A Con Artist
3.9.2021
I was born in 1991, which means that I wasn’t a teen until the early 2000s. I still think of myself as a ‘90s kid, though, because the early 2000s were just the 1990s with more internet. So The Big Con, out now on Xbox and PC, reminds me of my youth, a time when trips to the video store were...
CSS Pseudo Commas
30.8.2021
A bonafide CSS trick if there ever was one! @ShadowShahriar created a CodePen demo that uses pseudo-elements to place commas between list items that are displayed inline, and the result is a natural-looking complete sentence with proper punctuation.
CodePen Embed…
The post CSS Pseudo Commas...
After 20 Years Of Attempts, 'Impossible' Goldeneye Trick Hails New World Record
13.8.2021
For more than two decades, Goldeneye 007 players have been trying to figure out how to get the fastest time on the game’s hardest level without grabbing an out of the way piece of body armor to help them survive. Turns out all speedrunner Gus Riolo needed to skip the body armor and claim the...
Wanna see a whiter white?
11.8.2021
Heck of a CSS trick here from Dongsung Kim.
There are hidden HDR videos playing at the corners of this page. When a HDR-capable browser encounters one, it switches to HDR mode. For some reason, CSS backdrop-filter + brightness >100%
…
The post Wanna see a whiter white? appeared first...
Safari 15 Opinions
28.7.2021
It was interesting that when Safari 15 was dropping at this last WWDC, in my circles at least, I mostly heard enthusiasm. Like the colors-in-the-browser-controls stuff was a neat trick and fun to play with. And there were other …
The post Safari 15 Opinions appeared first on CSS-Tricks....
New Pokémon Snap’s ‘Obama Skip’ Is The Latest Speedrunning Trick With A Weird Name
10.7.2021
Like any sub-culture, speedrunning is known for creating its own unique vocabulary that, at times, can sound like an entirely different language. Fortunately, we have folks like Abyssoft to act as our Sherpas and guide us up the treacherous speedrunning mountain. His latest video explains...
Body Toggle
6.7.2021
I appreciate the clarity of this trick that Mikael Ainalem posted over on Reddit:
It’s a one-liner that toggles the class on the <body> so you can mock up different states and toggle between them on click.
<body onclick="this.classList.toggle("active");"
Could …
The post...
The Trick to Enable Printify Shipping Notifications for Orders in WooCommerce? Customer Notes.
2.7.2021
This is a super niche blog post. But it’s been on my list forever to write down because this caused me grief for far too long.
The setup is that you can use WooCommerce to sell things on a WordPress …
The post The Trick to Enable Printify Shipping Notifications for Orders...
Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries
3.6.2021
A little while back, Chris shared this nice hexagonal grid. And true to its name, it’s using —wait for it — CSS Grid to form that layout. It’s a neat trick! Combining grid columns, grid gaps, and creative clipping …
The post Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media...
proxy-www
24.5.2021
I like a good trick. What if… a URL was… a promise… that fetched said URL?
www.codepen.io.then((response) ={
console.log(response);
});
That’s what @justjavac did with JavaScript Proxys. A clever trick, that. Don’t @ me about the practicality. Trick…
The post...
JSON in CSS
21.5.2021
Jonathan Neal tweeted a heck of a little CSS trick the other day, putting JSON inside CSS and plucking it out with JavaScript. Valid values for custom properties are quite liberal! So this looks for a CSS rule (e.g. a …
The post JSON in CSS appeared first on CSS-Tricks.
You can support...
I Have Nothing But Shame: I'm Trying To Trick Pokémon Go
19.5.2021
I have reached my lowest ebb. As I write these words, out the corner of my left eye I can see the eternal rocking motion of my cell phone as it sways within its cradle. I have become all things terrible. I have fallen. I’m trying to trick Pokémon Go into thinking I’m far less lazy than I am.Read...
Skate 3’s Sickest Trick Is A Rube Goldberg Machine
10.5.2021
“Do a kickflip!” Yeah, yeah, yeah. How about this: “Create an elaborate Rube Golberg machine and then use it to do the sickest trick maybe ever!” Reddit user Skate3Tommy would probably be, like, “Okay.”Read more
Skate City Filled The Skate-Sized Hole In My Heart
7.5.2021
Help, I can’t stop playing Skate City, a lo-fi skateboarding game that landed on consoles and PC yesterday following a period of exclusivity on Apple Arcade.Read more
Creating Colorful, Smart Shadows
4.5.2021
A bona fide CSS trick from Kirupa Chinnathambi here. To match a colored shadow with the colors in the background-image of an element, you inherit the background in a pseudo-element, kick it behind the original, then blur and filter it. …
The post Creating Colorful, Smart Shadows appeared...