recentpopularlog in

abberdab : slider   8

Simple Swipe With Vanilla JavaScript | CSS-Tricks
I used to think implementing swipe gestures had to be very difficult, but I have recently found myself in a situation where I had to do it and discovered the reality is nowhere near as gloomy as I had imagined.

This article is going to take you, step by step, through the implementation with the least amount of code I could come up with. So, let's jump right into it!
javascript  css  gallery  slider  sliders  slideshow  touchscreen  mobile 
april 2018 by abberdab
Designing The Perfect Slider – Smashing Magazine
When we think about a slider, we usually imagine an image gallery slider, or the infamous carousel, or perhaps off-canvas navigation, with the overlay sliding in from the side. However, this article is not about those kinds of sliders. Instead, we’ll look into the fine details of designing better slider controls for selecting a value or a range of values. Think of price range sliders, 360-degree-view sliders, timeline sliders, health insurance quote calculators, or build-your-own-mobile-plan features.

In all of these use cases, a slider is helpful because it allows users to explore a wide range of options quickly. For precise input, a slider can never beat a regular input field, but we can use a slider to nudge our customers to explore available options and, hence, aid them in making an informed decision.
slider  ux  forms  range  input 
july 2017 by abberdab
Gallery CSS
Gallery Pure CSS, not a script to be found Custom controls are an #anchor away Its just HTML
noscript  css  carousels  slider  gallery  slideshow 
august 2016 by abberdab
Creating a Slider Control with the HTML5 Range Input | Developer Drive
In this tutorial we will create a basic HTML5 range input slider to resize an image, with a JavaScript function updating elements in the page as the user alters the range. At the moment, Internet Explorer and Firefox do not support the range input, but the WebKit (Safari and Chrome) and Opera browsers do.
html5  slider  input  forms 
march 2013 by abberdab
Coda Slider Effect | jQuery for Designers - Tutorials and screencasts
Content slider effect, degrades to simple internal anchored text.
slider  coda  effect  jquery  css  navigation  animation  dev  www 
may 2009 by abberdab

Copy this bookmark:

to read