recentpopularlog in

piperh : slider   79

Glider.js - A fast, lightweight carousel alternative
a sort of substitute for a carousel (they say). Doesn't have infinite loop. Manual image change slider with touch feature
webdesign  web  design  slider  carousel  glider  js  javascript  script  slideshow 
december 2018 by piperh
GitHub - pehaa/beerslider: A vanilla JS keyboard accessible plugin for any before-after comparison
vanilla js script for making an over-image slider to compare two different overlaid images, "before and after" type
webdesign  web  design  image  comparison  slider  before  after  compare  js  javascript  script 
october 2018 by piperh
Beer Slider Responsive & Accessible Before-After Slider – Demo – PEPSized
js (vanilla or jQuery) code to make a sliding image reveal, for comparing two overlaid images.
webdesign  web  design  slider  comparator  compare  slide  image  photo  split  comparison  reveal  overlay  js  javascript  script 
september 2018 by piperh
CSS Playground - Interactive Playground for CSS
playground for testing the effects of different css values using sliders. Also gives you the values of your adjustments.
webdesign  web  design  css  playground  slider  test  play 
september 2018 by piperh
Swiper - Most Modern Mobile Touch Slider
swipe capable slider - their own webpage is NOT responsive, though maybe the slider itself is, I don't know. Sliding action has a nice transition effect but not as great as they claim.
webdesign  web  design  swipe  touch  carousel  gallery  slide  slider  framework  js  javascript  script 
january 2018 by piperh
Untitled Slider
nice slider change effect for images
webdesign  web  design  slider  carousel  effect  css  animate  animation  image 
january 2018 by piperh
How To Create a Slideshow
great vanilla js slideshow at w3schools, with captions and dots and poss to put anything in the dot divs (eg, numbers, thumbnails. Returns to beginning at the end, and vice versa. Used it for MediCarrera logo presentation. Also, automatic version.
webdesign  web  design  slideshow  js  javascript  script  vanilla  image  gallery  slider 
june 2017 by piperh
CSS sidebar toggle - SB
css-only slide-in sidebar (eg, for a menu) using translateX and checkbox. Smooth action (google recommend this type of transition and say don't use width 0 to 100 cos it causes redraws). Actually it isn't css only - there's some js for changed checkbox state
web  design  webdesign  code  css-only  css  checkbox  accessible  menu  sidebar  toggle  slide  slider 
april 2017 by piperh
Carousels Don't Have to be Complicated - The Media Temple Blog
roundup of simple carousels, mostly vanilla js, one with jquery, a couple with no script at all.
webdesign  web  design  css  carousel  html  javascript  js  vanilla  chris  coyier  slideshow  slider 
november 2016 by piperh
CSSslidy
vanilla js and css slideshow. Allows for captions.
webdesign  web  design  js  javascript  vanilla  slider  slideshow  carousel  image  css 
october 2016 by piperh
lory
vanilla js slideshow. Can also use jQuery. Can accommodate multiple width slides.
They say: Touch enabled minimalistic slider, Hardware accelerated transitions.
webdesign  web  design  slider  slideshow  js  javascript  vanilla  touchscreen  touch  carousel  image  slide 
october 2016 by piperh
slick - the last carousel you'll ever need
versatile, jquery based carousel. Responsive, swipeable, and allows mouse dragging of slides and various other handy options
webdesign  web  design  slider  carousel  slideshow  jquery  js  javascript 
october 2016 by piperh
CodePen - Pure CSS3 slider
pure css only slideshow, no dependencies
webdesign  web  design  slider  slideshow  fancy  css  image 
november 2015 by piperh
Components · Formstone
collection of jQuery components. slider, carousel, navigation etc. They don't all work well on touch screen (or even that well on desktop). Check carefully before using.
webdesign  web  design  library  components  jquery  js  script  navigation  carousel  slider  cookie  tooltip 
october 2015 by piperh
wallop – not just a slider
modern (2015), js only lightweight slider, no jquery
webdesign  web  design  css  javascript  js  slider  carousel  slideshow 
october 2015 by piperh
Creating an Animated Product Slider with Sequence.js
for touch support needs another js link. Check out total weight - possibly not lightweight. Actions are nice and smooth
webdesign  web  design  slider  slideshow  animate  js  javascript  presentation 
september 2015 by piperh
Flickity
Could be just the thing for Tria responsive site.
Touch friendly, responsive slider carousel. Uses css and js - seems optional to use vanilla js or jquery. Allows flicking using mouse and cursor (though can't see when that would be a good idea).
webdesign  web  design  carousel  touch  touchscreen  screen  css  js  javascript  responsive  slider  gallery 
march 2015 by piperh
Creating responsive, touch-friendly carousels with Flickity | CSS-Tricks
a responsive, touch friendly carousel package - css and js. Could be good for Tria responsive site
webdesign  web  design  carousel  touch  touchscreen  screen  css  js  javascript  responsive  slider  gallery 
march 2015 by piperh
Implementing Off-Canvas Navigation For A Responsive Website | Smashing Magazine
"... by transitioning elements with 3-D transforms, the browser can generate render layers that are hardware-accelerated. There’s no need for JavaScript to worry about style or m-q breakpoints. JavaScript need only interpret user interaction and apply classes to maintain states - CSS defines the visual changes." Smooth on mobile.
webdesign  web  design  navigation  responsive  off-canvas  menu  css  nav  slide  slider 
august 2014 by piperh
non jQuery Slider, pure CSS image slider
as Miles Cruikshank points out, it has a huge 2600-line style sheet weighing 96kb. So there's no saving over jQuery especially if the site is loading jQuery anyway for other reasons
css  web  design  webdesign  slider  gallery  slideshow  image 
june 2014 by piperh
SelectNav.js - responsive drop-down menu - pure JavaScript
at narrow screens menu becomes a Select list. Could be useful but not pretty - depends on browser defaults for style of Select button and popup list
webdesign  web  design  responsive  hidden  menu  slider  toggle  javascript 
march 2014 by piperh
WOW Slider : jQuery Image Slider & Gallery
impressive-looking image slider, does everything, even claims to work without script. Probably big files, but there are some nice fancy effects
jquery  slideshow  javascript  gallery  slider  web  design  webdesign  image  css  responsive  touch  swipe 
november 2012 by piperh

Copy this bookmark:





to read