recentpopularlog in

piperh : hide   19

How to Create and Animate Rotated Overlays | Codrops
A tutorial on how to create and animate rotated overlays, or "reveal" elements, for interesting page transition effects.
webdesign  web  design  reveal  hide  transition  page  effect  rotate  overlay  animated 
june 2019 by piperh
Creating sliding effects using sticky positioning | CSS-Tricks
Using position: sticky to show and hide elements within a container. A sort-of poor man's parallax. No support in IE but otherwise good.
webdesign  web  design  css  sticky  position  fixed  show  hide  slide 
september 2018 by piperh
Designing The Perfect Accordion – Smashing Magazine
detailed look at design for expanding accordion menus and items, especially (I think) on mobile
webdesign  web  design  accordion  menu  expand  collapse  expanding  collapsing  slideout  ui  ux  show  hide  toggle 
june 2017 by piperh
Completely CSS: Progressively Collapsing Navigation | Kenan Yusuf
example of a menu with progressively hidden items using only css.
'More' always shows so you must always have at least 1 hidden item otherwise it's confusing
webdesign  web  design  navigation  menu  flexbox  css  nav  responsive  hide  hidden  progressively  example 
july 2016 by piperh
That One Privacy Guy's VPN Comparison Chart
comparison table of VPN providers. Very technical, badly designed table, difficult to use.
internet  privacy  vpn  provider  security  comparison  bbc  connection  connect  uk  hide  hidden 
april 2016 by piperh
Hide your header on scroll - Headroom.js
vanilla js and (and jquery version) for a header that slides out of view on scroll down and reappears on scroll up.
js  javascript  webdesign  web  design  header  show  hide  scroll  heading  page  head 
april 2015 by piperh
Floatbox - javascript effects library and lightbox clone
this was the js I used previously on Tria site for modal popups. I had version 5.4, now on v6.1.0 (19 Jan 2016).
floatbox  js  javascript  popup  effects  library  slideshow  gallery  fade  script  image  html  webdesign  web  design  multimedia  video  code  coding  enlarge  cycle  thumbnail  hide  show  tooltip  modal  non-modal  i-frame 
september 2012 by piperh

Copy this bookmark:





to read