How To Create Horizontal Scrolling Containers

By Medium - 2018-10-22

Description

As a front end developer, more and more frequently I am given designs that include a horizontal scrolling component. This has become especially common on mobile to help reduce the vertical height of…

Summary

As a front end developer, more and more frequently I am given designs that include a horizontal scrolling component.
For a horizontal element, by default, we won’t have that smooth scrolling.
Now we have the buttery smooth scrolling on a horizontal container.

Topics

UX (0.25)
Backend (0.16)
NLP (0.09)

Similar Articles

A Complete Guide to Flexbox

By CSS-Tricks - 2020-12-03

Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and ...

CSS Scroll Snap - Ahmad Shadeed

By Ahmad Shadeed Blog - 2020-12-11

An in-depth article on CSS scroll snap, why to use, how it works, and lots of examples.

Too Many SVGs Clogging Up Your Markup? Try `use

By CSS-Tricks - 2021-03-10

Recently, I had to make a web page displaying a bunch of SVG graphs for an analytics dashboard. I used a bunch of , and

10 Tools for UX Writers and Content Designers | Bootcamp

By Medium - 2021-02-26

These 10 essential tools help UX writers and content designers resonate with their audience.

What is a Wireframe? This UX Design Tutorial Will Show You.

By freeCodeCamp.org - 2020-09-04

The first step to designing a website: wireframe it. A good wireframe can give you the vision for the entire layout and functionality of your website. It can also serve as the first stage of a design. ...

The Devil's Albatross - An algorithmic layout technique

By 9elements Blog - 2021-01-04

Learn how to build an algorithmic layout that switches from two centered elements to a spaced-out flex layout.