Infinite scroll (endlessly scrolling websites) can be annoying when you want to get to the footer section. A common technique is to move the footer to the bottom of the sidebar – Twitter do that... but what if you don't have a sidebar? Put the footer with the header navigation?
Infinite scrolling
Infinite scrolling, also known as endless scrolling, is an approach to web design where new material is continually dynamically added to the bottom of the page as the user scrolls downward, leading to the apparent ability to scroll forever. This is in contrast to pagination, where material is divided into discrete pages.
Carousels with CSS | Blog | Chrome for Developers
Support scroll experiences with navigation buttons and markers with just a few lines of CSS.
Make accessible carousels | Blog | Chrome for Developers
How the features in CSS Overflow 5 can help you create more accessible carousel patterns.
Coding the sidebar navigation element for documentation websites
Sidebar navigation is one of the more complex components of a documentation site, and it is critical for helping users understand and find documentation. I hacked together a sidebar menu for a doc site that’s hosted on a somewhat inflexible platform, using Jekyll to generate the sidebar. Important features of a documentation sidebar include multiple levels of depth, expand/collapse options, accordion effects, fixed navigation, dynamic menu highlighting, and more.
The Navigation Bar Is an Affordance, Stop Removing It
What do you notice about the website above? It doesn’t have a navigation bar. The text links are floating in space and obscured by the background image. Navigation is there for users to find what they want. That’s hard for them to do without the navigation bar. The navigation bar is an affordance. Users rely […]
Sidenotes with CSS anchor positioning
Sidenotes positioned in the margin with CSS anchor positioning, without JavaScript. On narrow viewports and older browsers, they fall back below...
Scroll-Enhanced Experiences | Carmen Ansio | CSS Day 2024
CSS Anchor Positioning Guide | CSS-Tricks
Learn about CSS Anchor Positioning, including its syntax, properties, how it is used to position one element next to another, and even how it's used to resize elements relative to other elements.
Evolving the infinite canvas
In the digital world, especially on the web, we’re used to things being stacked vertically. Scrolling, scrolling, through boxes of content,
In Defense of Readers
As web designers, we concern ourselves with how users move from page to page, but forget the needs of those whose purpose is to be still. Learn the design techniques that create a mental space for …
Jim Nielsen (@jim-nielsen.com)
If you haven’t seen it yet the new @aworkinglibrary.com website is dope aworkinglibrary.com Lots of things to love. A few that stand out to me: - It's _fast_ - Every page has a “footer” that’s essentially just the home page — enthralled by this idea. - ❤️ the treatment for citations on post pag…
Pagefind
Pagefind is a fully static search library that aims to perform well on large sites, while using as little of your users’ bandwidth as possible, and without hosting any infrastructure.
