📖 Mobile First Web Design /
Module: Form and Inputs

Handling touches

  1. Click Delay 60%
  2. Carousel library: Slick 60%
  3. Carousel library: Swiper 60%
  4. Native CSS Carousel with Scroll Snap 60%
  5. Hammerjs 60%
  6. :hover and Sub-menu 60%

📖 Mobile First Web Design / Form and Inputs / Handling touches

:hover and Sub-menu

One challenge that mobile device faces is the hover sub-menu button by using :hover and :active CSS. That’s because we don’t have mouse over event on the links and UI elements. They are either tapped or not.

In this test, we test how different mobile web browsers behaves when tapping on the link with :hover.
←Prev Next→

 

You’re reading Handling touches in Form and Inputs