chrisnajman / css-horizontal-media-scroller

Scroll images and other media using CSS grid. Accessible.

permalink
/index.html

Website (Git Pages)

CSS Horizontal Media Scroller

Features

• Scroll snapping
• Screen-reader- and keyboard-navigation-friendly scrolling

Images: Why Psycho?

I recently rewatched Psycho and, struck by the number of scenes involving mirrors, I made some screenshots. Then I started on this little project and needed some dummy content...

Installation

In a folder on your computer:

• git init
• git remote add origin [e-mail]:chrisnajman/css-horizontal-media-scroller.git
• git pull origin main

Credits

• Tutorial: Create a horizontal media scroller with CSS, by Kevin Powell
• [PNG to WEBP conversion] (https://www.photopea.com/)

Related

• Github repository
• This page is built with my One-page site template, where more information can be found about Node.js and Webpack.