recentpopularlog in

piperh : zoom   27

Building a modern carousel with CSS scroll snap, smooth scrolling, and pinch-zoom | Read the Tea Leaves
css/html only carousel. Be careful, doesn't work in any browser on my iPad (feb 2019). Hacky. No continuous scroll - you have to go back when you reach final image. Authors blog design is horrible.
webdesign  web  design  scroll  carousel  vanilla  css-only  snap  pinch  zoom 
february 2019 by piperh
Swapping Images with the Sizes Attribute | Filament Group, Inc., Boston, MA
brilliant use of css and js with srcset and size to achieve zoom effect or magnifying glass on hover. Requires jQuery
Consider this for barcelonaprints instead of fancybox
webdesign  web  design  js  javascript  script  jquery  enlarge  zoom  lupe  magnifier  magnify  glass  image  srcset  size  attribute  css 
march 2018 by piperh
magnify 2.1.0 on npm -
a nice js jquery magnifying glass script. Doesn't appear to work on the Huawei, Android 7.
webdesign  web  design  magnify  magnifying  glass  lupe  zoom  enlarge  image  js  javascript  script  jquery 
january 2018 by piperh
zoom-vanilla.js 2.0.5 on npm -
a js zoomer. They say: A simple library for image zooming; as seen on Medium.
webdesign  web  design  js  javascript  script  zoom  vanilla  image  enlarge 
january 2018 by piperh
ImageViewer - An image zooming and panning plugin |
nice jQuery image zoomer and panner with small overview panel to see where you are on the image.
webdesign  web  design  js  javascript  script  jquery  zoom  pan  zooming  panning  image  viewer 
january 2018 by piperh
EasyZoom jQuery Plugin Examples
another jquery image zoom and pan script. Rather annoying action but has possibly useful adjacent window view
webdesign  web  design  zoom  pan  image  jquery  js  javascript  script  zooming  panning 
january 2018 by piperh
imgViewer2 jQuery Plugin Example
a jquery script to zoom and pan an image. Suffers from same prob as panzoom.js - not poss to swipe-scroll a touchscreen when swiping on the image (its OK when swiping off the image).
webdesign  web  design  js  javascript  script  jquery  plugin  pan  zoom  image  panning  zooming 
january 2018 by piperh
jquery script for zooming and panning an element (doesn't have to be an image). Poss for Customisable options.
Version I downloaded says v3.2.2 updated june 2017
webdesign  web  design  js  javascript  script  jquery  zoom  pan 
january 2018 by piperh
Smooth Zoom Pan - jQuery Image Viewer by VF | CodeCanyon
poss for Requires jquery, supports ios + android. For zooming and panning of images. $16. Not updated since May 2016.
webdesign  web  design  js  javascript  script  zoom  pan 
january 2018 by piperh
rems and ems, and why you probably don’t need them – Hacker Noon
article claiming that you don't ever need rem or em, but important to see the discussion comments
webdesign  web  design  rem  em  pixel  size  unit  css  accessible  accessibility  responsive  zoom  zoomable  scale  proportion 
april 2017 by piperh
[no title]
version 3 of fancybox, the jQuery modal zoom I use on tria site. There's a stackexchange answer to my question about size of zoomed image, with sample callback code. One can reduce the image to, eg, 50% of its real pixel size. Sounds good if it works and isn't slow.
fancybox  fancybox3  tria  modal  zoom  image  clickable  enlarge  reduce  responsive  pixel  size  resolution  x2  x3  density 
february 2017 by piperh
Simple Modal - Another window modal
looks interesting, check the weight of it. works on ipad.
jquery  js  javascript  modal  popup  zoom  video  iframe  simple  webdesign  web  design 
march 2014 by piperh
Text and Image Zoom
only relates to whole page zooming
page  text  image  zoom  web  design  webdesign  code  coding  ems 
september 2011 by piperh

Copy this bookmark:

to read