Search

Nalezeno "Navigation": 58

Grid Flow Animation


A loading and navigation animation where thumbnails "flow" into a grid

Remove Trackers


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


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


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


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


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


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


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


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


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


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


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


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


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…


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

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