recentpopularlog in

piperh : window   54

Prevent Page Scrolling When a Modal is Open
quite a fiddly faffy solution to the problem of scrolling page behind modal, but presumably does work.
webdesign  web  design  modal  scroll  window  js  javascript  script  css  ui 
7 weeks ago by piperh
Polypane: The browser for responsive web development and design
paid tool for showing different screen sizes for testing responsive. You see several sizes together in one window, all respond to code edits. 7 day free trial available. It's a browser, you must use it with a coding tool
webdesign  web  design  responsive  screen  size  test  browser  device  window  tool 
11 weeks ago by piperh
<base> element
make all links in a page open as target="_blank" by using <base> tag in the head
webdesign  web  design  base  html  head  code  target  blank  tab  window 
may 2019 by piperh
How to: Back-to-top button without scroll events - Signal v. Noise
intro says: Web developers: here’s an alternative way to build UI features that rely on scroll position without actually observing scroll events. Using the Intersection Observer API ...
webdesign  web  design  backtotop  back  top  scroll  browser  window  layout  intersection  observer  api  viewport 
february 2019 by piperh
The dialog element | Viget
about the native html dialog element. Sept 18, 2018. Not enough support at the moment (28.6.19) though there's a a11ydialog 'polyfill'
webdesign  web  design  dialog  popup  modal  element  window  html  native  polyfill 
september 2018 by piperh
Launchy! – An Accessible Modal Window
tabbing stays within modal window when it's invoked - needs the js file (not jquery)
webdesign  web  design  modal  launchy  window  popup  accessible  accessibility  js  javascript  script 
may 2018 by piperh
they say: Fires a one-time event whenever elements of your choice are about to scroll into the viewport. Perfect for triggering animations or for just-in-time asset loading
webdesign  web  design  js  javascript  script  scroll  viewport  animation  jit  load  loading  just-in-time  lazy  window 
april 2018 by piperh
Dialog Example
Filament Group page full of dialog modals
webdesign  web  design  modal  dialog  dialogue  window  popup 
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
picture in picture app. Allows you to show a video on top of a window while you can continue working, with see-through and click-through options. Useful for multitasking
picture  in  window  software  app  multitask  multitasking  front  see-through  click-through 
october 2017 by piperh
explosion effect behind the appearance of modal window
webdesign  web  design  css  js  javascript  script  modal  explosion  effect  window  popup 
june 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
JS Bin - Collaborative JavaScript Debugging
fr dialogmodal Most basic html, css and js necessary for dialogmodal.
Accessible modal window, from the Frend collection:
webdesign  web  design  modal  dialogmodal  html  css  js  javascript  script  window  jsbin 
january 2017 by piperh
styles for Nicolas Hoffman simple modal animated
within styles search for: STYLES FOR MODAL WINDOWS, EXAMPLES. Shows his css styles for animating his modal window examples. The page about his modal is here:
nicolas  hoffman  css  modal  simple  animated  styles  examples  window 
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
True adaptive Modal window (only HTML+CSS) – Medium
html and css only modal window. Uses checkbox hack for the toggling, I think
webdesign  web  design  html  css  modal  window 
january 2017 by piperh
A11y Dialog
accessible js-only modal window, no dependencies. Frend modal is developed from this I think. Freedom to style the css
Webdesign  web  design  css  modal  html  code  coding  window  popup  js  javascript  script  vanilla 
november 2016 by piperh
viewScroller - Fullpage scrolling plugin
js that makes a page scroll only as full browser window pages. Seems like a dodgy idea to me but maybe it might be handy one day. Browser back button will treat each js scroll page like an entire web page. Better to use a 'scrollto' type of hook?
webdesign  web  design  js  javascript  scroll  scroller  scrolling  page  window  browser 
november 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
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
Full Width Containers in Limited Width Parents | CSS-Tricks
describes techniques to make full width item even though it's in a limited width container
webdesign  web  design  margin  width  container  css  full  window  parent 
july 2016 by piperh
Intro.js - Step-by-step guide and feature introduction for your website
nice js to make a step by step guide to something on a web page. Progressively highlights the steps you want to show.
webdesign  web  design  js  javascript  vanilla  step-by-step  highlight  guide  feature  show  help  window  tooltip 
march 2016 by piperh
Remodal v1. The modal done right.
Code for a modal window. Requires jQuery. They say "done right". Works smoothly, a click outside of window closes it.
webdesign  web  design  modal  window  popup  css  responsive 
february 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
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
a responsive grid framework for building sites
css  design  framework  html  responsive  webdesign  web  mobile  window  browser  tablet  smartphone  components  plugins 
november 2012 by piperh
bPopup | Hvem glor - din bror
weird things happen on iOS when you enlarge popup with fingers - page starts to move around
jquery  popup  modal  webdesign  web  design  box  window 
september 2012 by piperh

Copy this bookmark:

to read