Search
This Might Be The Worst Thing Stephen Colbert's Ever Done
23.5.2024
I feel like I need to start with an apology. I’m so sorry. You were just minding your own business, scrolling the internet, and living your life blissfully unaware that late-night TV host Stephen Colbert recently premiered a Skibidi Toilet sketch featuring President Joe Biden’s head on CBS. And...
Valorant Player’s Rape Comments Go Viral In Twitch Clip That Shows Just How Toxic Voice Chat Can Be
15.5.2024
Everyone who’s ever played an online game with voice chat has probably experienced something that made them never want to do so again. Toxicity in online games, especially in shooters and other competitive genres, can feel as ingrained and immutable as bad weather. Companies keep saying they’re...
How One Valorant Clip Kickstarted A Conversation About Sexism In Competitive Games
12.4.2024
Last summer, I reported on major studios’ valiant (but still lacking) efforts to combat toxic voice chat (of which women are often the target) in popular competitive games like Overwatch 2, Call of Duty, and Apex Legends. And though Riot Games, the studio behind the 5v5 competitive hero shooter...
Fallout TV Series First Official Clip Is Actually Very Funny
19.3.2024
With April 11 steadily approaching, the Fallout TV series promo tour is underway. We now have our first look at a scene from the upcoming Amazon Prime Video show based on Bethesda’s RPG game series, and if its tone matches this clip, we’re in for a hilarious ride.Read more
Exclusive Halo Clip Shows Off Iconic EVA Armor, Covenant Ship
6.3.2024
Halo’s second season set up the famed Fall of Reach and delivered, but the action isn’t stopping there. As the show keeps trucking—and trying to remind folks turned off by the first season that it’s still got the juice—we’ve got an exclusive clip debut of an action sequence from the upcoming sixth...
The 15 Best Simpsons Musical Numbers
23.2.2024
The Simpsons has been on for over 30 years at this point. In that time, the show has produced some amazing episodes and some real stinkers. But let’s not forget that Fox’s hit animated show about a suburban family trying to make ends meet in Springfield has also provided us with some incredible...
Experimental On-Scroll Text Animations with SVG Clip-Path
10.1.2024
Some experiments with on-scroll typography effects using SVG clip-paths
On-Scroll Shape Morph Animations
16.11.2023
Scroll-driven shape morph animations with tilt interaction inspired by the effect seen on KPR
Image Layer Animations with Clip-Path
31.10.2023
Some ideas for speedy page transition animations with layered images using clip-path
Ideas for Image Motion Trail Animations
18.10.2023
Some ideas for mouse/touch responsive animations where images are shown along the path of the user motion
Activision Sues Popular YouTube Music Critic After He Tried Charging For TikTok Clip
28.7.2023
On July 24, Call of Duty maker Activision Blizzard filed a lawsuit in California alleging that YouTuber Anthony Fantano, a music critic who runs the immensely popular channel The Needle Drop, is misusing intellectual property law and “leveraging the popularity” of a widespread TikTok voice clip...
Coding the Sliced Image Hover Effect from Quai Network
21.6.2023
Learn how to code a similar hover animation to the one seen on the website of Quai Network
Fullscreen Clip Animation
14.3.2023
Some inspiration for clip-path animations where a fullscreen image moves into a row/grid of smaller images, morphing its shape along the way
Double Image Hover Effects with Clip-Path Animations
1.3.2023
Some ideas for hover effects using clip-path animations where the same image gets revealed in a creative way
Super Mario Bros. Movie Clip Finally Unleashes Chris Pratt's Italian Accent
9.12.2022
Hollywood was out in full force tonight at Geoff Keighley’s Not-E3, The Game Awards Game, but the award show’s most important appearance, as far as Nintendo fans were concerned, was the first ever-world premiere clip for the Super Mario Bros. Movie.Read more
Making Static Noise From a Weird CSS Gradient Bug
18.11.2022
What I will be doing here is kind of an experiment to explore tricks that leverage a bug with the way CSS gradients handle sub-pixel rendering to create a static noise effect — like you might see on a TV with no signal.
Making Static Noise From a Weird CSS Gradient Bug originally published...
CSS Grid and Custom Shapes, Part 3
11.11.2022
After Part 1 and Part 2, I am back with a third article to explore more fancy shapes. Like the previous articles, we are going to combine CSS Grid with clipping and masking to create fancy layouts for image …
CSS Grid and Custom Shapes, Part 3 originally published on CSS-Tricks, which...
Unreveal Effects for Content Previews
1.11.2022
Some explorations of page transitions using covering elements and CSS clip-paths
Fancy Image Decorations: Outlines and Complex Animations
28.10.2022
We’ve spent the last two articles in this three-part series playing with gradients to make really neat image decorations using nothing but the <img> element. In this third and final piece, we are going to explore more techniques using the …
Fancy Image Decorations: Outlines...
Holographic Trading Card Effect
26.10.2022
Simon Goellner (@simeydotme)’s collection of Holographic Trading Cards have captured our attention.
Under the hood there is a suite of filter(), background-blend-mode(), mix-blend-mode(), and clip-path() combinations that have been painstakingly tweaked to reach the desired effect....