Search
UK crypto industry publishes Travel Rule navigation guide
6.6.2024
The Travel Rule requires crypto businesses to collect, verify and share information about digital asset transactions with another crypto company
Hades 2's Biggest Early Access Patch Yet Just Made A Bunch Of Weapons Stronger
4.6.2024
Just a month into Hades 2's Early Access launch, the acclaimed action-RPG is already getting its second update, and it’s a major one. Patch 2 is full of dozens of buffs and bug fixes, as well one change that reduces how often final boss Chronos is “patently unfair.” Read more
Recent Design Finds: Compact Navigation
28.4.2024
A little collection of website menus that are compact and open into nifty boxes or shapes
Gate.io Announces Launch of Innovative Inscription Launchpad and Navigation Services
30.1.2024
Jan 30th, Panama City – Gate.io, a leading digital asset trading platform, is proud to announce the launch of its innovative Inscription Launchpad and Navigation service. Designed for blockchain innovators and investors, it leverages Web3 technology to provide a straightforward, all-in-one...
Grid Flow Animation
27.7.2023
A loading and navigation animation where thumbnails "flow" into a grid
Building a Scrollable and Draggable Timeline with GSAP
3.1.2022
Learn how to build a scrollable and draggable horizontal timeline using GSAP's ScrollTrigger and Draggable plugins.
The post Building a Scrollable and Draggable Timeline with GSAP appeared first on Codrops
Remove Trackers
15.12.2021
Earlier this week, I tried out a starter theme for a blog platform. The theme had loads of nice default features: pretty typography, fancy navigation, dark mode widget… and a couple of default trackers I really don’t want just sitting …
Slideshow with Filter Reveal Effect
17.11.2021
A slideshow page layout with a filter enhanced navigation effect.
The post Slideshow with Filter Reveal Effect appeared first on Codrops
Icon Glassmorphism Effect in CSS
8.11.2021
I recently came across a cool effect known as glassmorphism in a Dribble shot. My first thought was I could quickly recreate it in a few minutes if I just use some emojis for the icons without wasting time …
The post Icon Glassmorphism Effect in CSS appeared first on CSS-Tricks. You...
Using CSS Shapes for Interesting User Controls and Navigation
4.8.2021
Straight across or down, that’s the proverbial order for user controls on a screen. Like a list of menu items. But what if we change that to a more fluid layout with bends, curves, and nooks? We can pull it …
The post Using CSS Shapes for Interesting User Controls and Navigation appeared...
Layout with Reveal Animations and Content Preview
28.7.2021
Some experimental reveal animations on typographic elements as repeating pattern for a website design.
The post Layout with Reveal Animations and Content Preview appeared first on Codrops
How to Code the K72 Marquee Hover Animation
30.6.2021
Learn how to recreate the direction-aware marquee menu hover effect seen on the website of K72 by Locomotive.
The post How to Code the K72 Marquee Hover Animation appeared first on Codrops
Inline to Menu Link Animation
23.6.2021
An experimental inline-to-menu-link animation based on a concept by Matthew Hall.
The post Inline to Menu Link Animation appeared first on Codrops
Creating a Smart Navbar With Vanilla JavaScript
5.4.2021
Sticky, or fixed, navigation is a popular design choice because it gives users persistent access to navigate the site. On the other hand, it takes up space on the page and sometimes covers content is a way that’s less than …
The post Creating a Smart Navbar With Vanilla JavaScript appeared...
In Praise of the Unambiguous Click Menu
18.3.2021
I still remember my excitement when I learned how to build a hover-triggered submenu with just CSS. (It was probably after reading this 2003 article from A List Apart.) At the time, it was a true CSS trick. Seriously. …
The post In Praise of the Unambiguous Click Menu appeared first...
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...
A Super Flexible CSS Carousel, Enhanced With JavaScript Navigation
5.3.2021
Not sure about you, but I often wonder how to build a carousel component in such a way that you can easily dump a bunch of items into the component and get a nice working carousel — one that allows …
The post A Super Flexible CSS Carousel, Enhanced With JavaScript Navigation appeared first...
How We Improved the Accessibility of Our Single Page App Menu
25.2.2021
I recently started working on a Progressive Web App (PWA) for a client with my team. We’re using React with client-side routing via React Router, and one of the first elements that we made was the main menu. Menus …
The post How We Improved the Accessibility of Our Single Page App Menu...
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...
I Saw Two Mega Menus Today…
2.2.2021
One was the footer of an (older) U.S. Government website. The other was the navigation for AWS services from the AWS Console.
The post I Saw Two Mega Menus Today… appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter