recentpopularlog in

piperh : jquery   257

« earlier  
GitHub - scottaohara/accessible_components: Listing of accessible components & patterns
a library of usable components, some vanilla, some with jquery.
Accordions, Disclosure widgets, Modal dialogues, Tab widgets, Switch toggles, Tooltips, Links, Buttons, Breadcrumbs, and maybe more
webdesign  web  design  accessible  components  js  javascript  script  jquery 
september 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
makers of js plugins (need jQuery I think) for swiping, dragging, layout, carousel. Flickity could be useful.
webdesign  web  design  isotope  flickity  metafizzy  effect  js  javascript  script  jquery  plugin  swipe  infinite  scroll  layout  carousel  slideshow  draggable  drag 
february 2018 by piperh
pagePiling.js plugin - Horizontal scroll
script that uses vertical scroll to give effect of horizontal pages sliding in. Rather elegant though can't right now see a use for it.
webdesign  web  design  js  javascript  script  jquery  scroll  horizontal  overlay  effect 
february 2018 by piperh
Solving The Double Tap Issue on iOS Devices
Useful bit of jQuery to disable iOS double tap behaviour on touch screen (uses touchend event).
I couldn't use it on bcnprints 'cos it fucks up the fancybox zooming
webdesign  web  design  js  javascript  script  jquery  ios  single  double  tap  link  touch  screen 
february 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
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
Modal Dialogs
linked from a11y. Works with IE11 (the others there don't). Micromodal (not linked from a11y) doesn't work with IE11. Requires jQuery
webdesign  web  design  accessible  modal  window  accessibility  js  javascript  script  jquery 
november 2017 by piperh
not a polyfill they say. Code that allows you to use position:sticky;
webdesign  web  design  js  javascript  script  jquery  sticky  position  polyfill 
june 2017 by piperh
Tilt.js - A tiny parallax tilt effect for jQuery
jquery plugin to allow a hover tilt effect on an element. If you place another element above it produces a kind of parallax effect.
webdesign  web  design  effect  tilt  jquery  js  javascript  script  parallax  hover  angle  animation 
june 2017 by piperh
a jquery date picker plug-in
webdesign  web  design  jquery  js  javascript  script  date  picker  plugin  calendar 
june 2017 by piperh
Sticky Sidebar jQuery
jquery plugin to include a sticky scrolling sidebar to a page. Sidebar will scroll up until it hits the top and then becomes sticky.
webdesign  web  design  jquery  js  javascript  script  scroll  sticky  sidebar  panel 
june 2017 by piperh
Jorge C. S. Cardoso on CodePen
codepen tutorials on jquery basics, also tutorials on css transitions, although when you click a title nothing happens - needs investigating
webdesign  web  design  script  jquery  learn  tutorial  basics  demos  css  transition  animation 
february 2017 by piperh
SimpleModal Demos / Eric Martin /
a jquery modal with some options. Only closes on X, not by clicking on overlay. But has a Success message that appears in the modal, so check that bit of the code for usage
webdesign  web  design  jquery  js  javascript  script  modal  overlay  window  form 
february 2017 by piperh
jQuery Modal
interesting looking modal, with useful options
webdesign  web  design  jquery  javascript  examples  howto  code  modal  window  dialogue 
january 2017 by piperh
14 jQuery Modal Dialog Boxes
some jquery (and a couple of vanilla) modals, updated late 2016
webdesign  web  design  modal  dialogue  window  popup  jquery  js  javascript  script  examples 
january 2017 by piperh
jQuery simple and accessible modal window, using ARIA - By Nicolas Hoffmann
I made this work with medicar form on job descrip page, but with a few shortcomings and it didn't retain the Success message in the modal window, but closed the window instead
webdesign  web  design  modal  window  accessible  aria  jquery 
january 2017 by piperh
JQuery Cycle Plugin - Frequently Asked Questions
malsup Cycle FAQ page - shows how to avoid the fouc that displays all slideshow images while page loads. With just a simple bit of css.
webdesign  web  design  tcycle  faq  fouc  js  javascript  jquery  script  dom  cycle  slideshow  flash  image  images 
january 2017 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
iziModal.js - Welcome
yet another modal plugin. Requires jQuery.
Quite elegant, lots of options
webdesign  web  design  modal  jquery  js  window  box  panel 
august 2016 by piperh
Bouncy Ball - Compare Web Animation Techniques
round up of code and techniques for achieving bounce
webdesign  web  design  css  js  jquery  script  bounce  effect  animation  bouncey  ball 
august 2016 by piperh
67 Open Source Modal Window Plugins Made with jQuery, JavaScript, CSS, and more!
a selection of modal window solutions. Includes fancybox (currently on Tria site) and some css only solutions.
A vanilla-js or css-only would be ideal for ph bookmarks
webdesign  web  design  modal  popup  window  jquery  js  javascript  css  selection  plugin  vanilla 
august 2016 by piperh
Lazy-Loading Images: How Not to Really Annoy Your Users
tutorial about setting up lazy loading. A jQuery method and a vanilla method using 'Blazy'.
webdesign  web  design  lazy  loading  load  image  speed  performance  optimise  optimisation  js  javascript  jquery 
july 2016 by piperh
Quick Tip: Single Character Transforms with CSS and JS
use css to transform individual characters inside a phrase. Requires jQuery
webdesign  web  design  animate  animation  css  js  jquery  character  text  transform 
june 2016 by piperh
jQuery CollagePlus - an image gallery plugin by Ed Lea
will arrange your images to fit exactly within a container. Quite slow if you don't know image sizes. Can't see when I'd need this - but still, you never know
webdesign  web  design  jquery  effect  collage  stack  masonry  images  layout  gallery  plugin 
may 2016 by piperh
datedropper is a jQuery datepicker plugin.
jquery plugin for forms to present a friendly date picker
datepicker  ui  javascript  jquery  js  date  picker  dropper  form  chooser  select  enter 
april 2016 by piperh
Select2 - The jQuery replacement for select boxes
Code for a Select list dropdown/popup using jquery. Allows one to style the list (native browser support doesn't allow styling of the select list in vanilla html/css in all browsers - only firefox I think)
webdesign  web  design  jquery  js  script  select  dropdown  list  popup 
march 2016 by piperh
GitHub - VPenkov/okayNav: The world's okayest responsive navigation
a horizontal menu that progressively goes into a sidebar as the page narrows, so you could keep the most important links still showing on the left. Requires jQuery
webdesign  web  design  responsive  navigation  menu  collapsible  progressive  jquery  js  horizontal 
march 2016 by piperh
Sliding Panels Template | CodyHouse
very nice demo of a front page to present various projects, plus a menu. There's a link back to the article showing the code. Needs jQuery
webdesign  web  design  inspiration  demo  graphic  howto  code  css  jquery  js 
march 2016 by piperh
Chocolat - jQuery responsive lightbox
nicely designed site to show the plugin, though I don't fully understand what's so special about the actual lightbox
webdesign  web  design  jquery  js  javascript  lightbox  carousel  image  gallery  slideshow 
january 2016 by piperh
ResponsifyJS – A jquery plugin that makes images truly responsive, without sacrificing anyone's face.
jquery js for making the point of interest of an image always centre in different proportions of window size. You specify the coordinates of image (top left right bottom) which you want to show always. Useful eg if you image to remain a certain min size on small screen
webdesign  web  design  responsive  image  photo  resize  subject  js  javascript  jquery  window  proportion 
january 2016 by piperh
How to deal with :hover on touch screen devices
useful code for adding 'no-touch' class to elements - so you can code for both touchscreen and mouse hover
webdesign  web  design  modernizr  touch  no-touch  touchscreen  hover  tap  drop-down  css  code  coding  responsive  menu  jquery  js  javascript 
january 2016 by piperh
CodePen - StickyStack.js
makes pages look like they're stacking up as you scroll down. Needs long scrollable pages. Probably works best with photos that cover page. requires jquery.
webdesign  web  design  jquery  js  javascript  stack  effect 
december 2015 by piperh
BGStock/jquery-background-video · GitHub
jQuery script that resolves a few background video issues - if you're loading jQuery anyway it's much easier than coding the solutions yourself. I particularly like that it lets you fade in the video, auto pause after xx seconds, and have a fallback jpg image.
webdesign  web  design  jQuery  js  javascript  video  background  script  image 
december 2015 by piperh
Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
Chosen is a jQuery plugin that makes long, unwieldy select boxes more user-friendly
webdesign  web  design  forms  input  list  select  js  javascript  jquery  box  ui  user  interface 
november 2015 by piperh
PHP and jQuery Contact Form - Codular
a more sophisticated looking form to email method using jQuery and ajax.
webdesign  web  design  form  send  email  jquery  js  script  php  howto 
october 2015 by piperh
Lazy Loading Images on the Web -Telerik Developer Network
roundup of a few lazy loading options, some with jQuery, some vanilla, but all look fairly easy to implement
webdesign  web  design  image  lazy  loading  size  time  weight  page  webpage  load  javascript  jquery  vanilla  howto  comparison 
october 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
fullscreen modal window. Can only dismiss the window by clicking on the "X", though it might be poss to style the "X" so that it covers all or a big area of the window
webdesign  web  design  modal  js  javascript  jquery  popup 
september 2015 by piperh
jQuery Popdown Plugin Demo
like a popup but pops down from top of screen. You can click anywhere to dismiss the window
webdesign  web  design  effect  jquery  popdown  popup  window  js  script 
september 2015 by piperh
Cookie Based Modal Popup Plugin For jQuery - Popup Window | Free jQuery Plugins
script installs cookie to control number of views - e.g. can set to show modal only on 1st visit
webdesign  web  design  modal  window  popup  cookie  jquery  js  javascript  plugin 
july 2015 by piperh
We Be Scrolln' | by Stephen Scaff
a jquery scroller for one-page sites using attributes as targets
webdesign  web  design  scroll  scroller  jquery  js  one-page  single-page  website  target  attribute  animate  animated 
july 2015 by piperh
jQuery Scrollify - Power steering for your scroll wheel
a jquery method for snap-to scrolling on one-page sites, for desktop and touch screen
webdesign  web  design  js  javascript  jquery  scroll  scrolling  snap  desktop  touch  screen 
june 2015 by piperh
js package for laying out in blocks which are then arranged together neatly. Blocks can be filtered and sorted. Can be used with jQuery or vanilla js
web  design  webdesign  layout  grid  filter  sort  js  javascript  vanilla  jquery  effects 
april 2015 by piperh
js (jQuery or vanilla) grid layout library, similar to isotope. They say: "It works by placing elements in optimal position based on available vertical space"
webdesign  web  design  js  javascipt  vanilla  cascading  grid  library  jquery 
april 2015 by piperh
Zepto.js: the aerogel-weight jQuery-compatible JavaScript library
lightweight alternative to jquery. Downside is lack of support for older browsers
webdesign  web  design  jquery  javascript  script  alternative  code  coding  webdev 
april 2015 by piperh
Welcome to the Modern Web
articles on various aspects and languages of web design
webdesign  web  design  tips  articles  javascript  jquery  php 
april 2015 by piperh
SlickNav - Responsive Mobile Menu Plugin for jQuery
interesting looking, simple drop down menu, allows for submenus. Seems to work OK on touch screen and desktop. Can plug in easing effects. ARIA compliant. Compatible back to IE7
responsive  menu  nav  jquery  navigation  webdesign  web  design  toggle  submenu  multi-level  collapse  dropdown 
january 2015 by piperh
« earlier      
per page:    204080120160

Copy this bookmark:

to read