Search
LittleBigPlanet Servers Closed After Hackers Post Hateful Messages
24.5.2021
For a while now, PS3 platformer LittleBigPlanet has been under attack, its servers repeatedly the target for people with nothing better to do than annoy whatever fanbase is left for a game that was first released in 2008.Read more
I Love This Fighting Game’s Ridiculous Continue Screen
1.5.2021
The fighting game adaptation of Hokuto no Ken (known as Fist of the North Star in the west) has provided some of the most over-the-top competitive moments of all time. But when a Twitter acquaintance shared a screenshot of its continue screen a week ago, I still wasn’t psychologically prepared...
Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling
14.4.2021
I‘m not sure how this one came about. But, it‘s a story. This article is more about grokking a concept, one that’s going to help you think about your animations in a different way. It so happens that this particular …
The post Going “Meta GSAP”: The Quest for “Perfect” Infinite Scrolling...
Prime 2D Is The Coolest Metroid In Over A Decade
5.4.2021
A group of independent developers known as Team SCU recently released a demo for Prime 2D, an impressive side-scrolling remake of 2002’s Metroid Prime that has been in the works for over 15 years. After spending some time with it, I can say it was definitely worth the wait, even if Nintendo’s...
The Best Music Ever Made (For A McDonald’s Game)
2.4.2021
Welcome to Morning Music, Kotaku’s ongoing hangout for folks who love video games and the cool-ass sounds they make. You deserve a break today, so we’re kicking off the weekend with something tasty from McDonald’s… McDonald’s Treasure Land Adventure that is, a game that plays and sounds better than...
Platinum Games Announces First Game For New Neo-Classic Arcade Brand
2.4.2021
This is Sol Cresta. It will be released this year as a download title on the Nintendo Switch, the PlayStation 4, and Steam.Read more
Killer Loops With South Asian Flair Helped Skyblazer Stand Apart
29.3.2021
Welcome to Morning Music, Kotaku’s ongoing hangout for folks who love video games and the cool-ass sounds they make. We haven’t been covering many chiptunes lately, so today let’s start remedying that by checking out a somewhat unknown SNES gem with a sound all its own.Read more
Nobody Saves The World Is A New Action-RPG From The Guacamelee! Devs
26.3.2021
Drinkbox Studios, the makers of popular brawler Guacamelee!, have a new game on the way. It’s an action role-playing game called Nobody Saves the World.Read more
Table of Contents with IntersectionObserver
11.3.2021
If you have a table of contents on a long-scrolling page, thanks to, say, position: fixed; or position: sticky;, the IntersectionObserver API in JavaScript is the perfect companion to highlight items in the table of contents when corresponding content …
The post Table of Contents with...
How to Create a Shrinking Header on Scroll Without JavaScript
16.2.2021
Imagine a header of a website that is nice and thick, with plenty of padding on top and bottom of the content. As you scroll down, it shrinks up on itself, reducing some of that padding, making more screen real …
The post How to Create a Shrinking Header on Scroll Without JavaScript appeared...
Beautiful accessibility with Floating Focus
15.2.2021
Imagine if your :focus styles animated from element to element as you tab through a site. Like the focus ring up and flew across the page to the next element. The spirit of it is similar to smooth scrolling: it’s …
The post Beautiful accessibility with Floating Focus appeared first...
Sonic the Hedgehog 2 Unsurprisingly Officially Titled Sonic the Hedgehog 2
10.2.2021
The Sonic sequel has a name. Please, try not to be too surprised.Read more
A table with both a sticky header and a sticky first column
10.2.2021
We’ve covered that individual <table> cells, <th> and <td> can be position: sticky. It’s pretty easy to make the header of a table stick to the top of the screen while scrolling through a bunch or rows (like this …
The post A table with both a sticky...
Weekly Platform News: The :not() pseudo-class, Video Media Queries, clip-path: path() Support
5.2.2021
Hey, we’re back with weekly updates about the browser landscape from Šime Vidas.
In this week’s update, the CSS :not pseudo class can accept complex selectors, how to disable smooth scrolling when using “Find on page…” in Chrome, Safari’s …
The post Weekly...
“Cancelable” Smooth Scrolling
2.2.2021
Here’s the situation: Your site offers a “scroll back to top” button, and you’ve implemented smooth scrolling. As the page scrolls back to the top, users see something that catches their eye and they want to stop the scrolling, so …
The post “Cancelable”...
On-Scroll Letter Animations
20.1.2021
A small set of examples showing how letters can be animated on scroll.
The post On-Scroll Letter Animations appeared first on Codrops
Fixing Smooth Scrolling with Find-on-Page
13.1.2021
Back when we released the v17 design (we’re on v18 now) of this site. I added html { scroll-behavior: smooth; } to the CSS. Right away, I got comments like this (just one example):
… when you control+f or
…
The post Fixing Smooth Scrolling with Find-on-Page appeared first...
Creating an Infinite Auto-Scrolling Gallery using WebGL with OGL and GLSL Shaders
5.1.2021
A tutorial explaining how to build an infinite auto-scrolling gallery using WebGL with OGL and GLSL Shaders.
The post Creating an Infinite Auto-Scrolling Gallery using WebGL with OGL and GLSL Shaders appeared first on Codrops
How to Use the Locomotive Scroll for all Kinds of Scrolling Effects
16.12.2020
I was recently looking for a way to perform scrolling effects on a project and I stumbled on the Locomotive Scroll library. It lets you perform a variety of scrolling effects, like parallax and triggering/controlling animations at scroll points.
You might also call it a “smooth scrolling” library...
Horizontal Smooth Scroll Layouts
8.12.2020
Some ideas for horizontal smooth scrolling layouts powered by Locomotive Scroll.
The post Horizontal Smooth Scroll Layouts appeared first on Codrops