recentpopularlog in

piperh : horizontal   24

Adaptive Photo Layout with Flexbox | CSS-Tricks
nice lightweight css-only way to achieve a sort of masonry-type layout of photos.
Uses flexbox and object-fit
webdesign  web  design  code  coding  css  masonry  layout  flex  flexbox  gallery  images  horizontal 
5 weeks ago by piperh
fullPage.js | One Page Scroll sections Site Plugin
vanilla js for creating pages with snapping vertical scroll, and also allows horizontal scrolling slideshow type. Lots of extensions, including with continuous and with bullet position markers. Responsive.
webdesign  web  design  js  javascript  script  vanilla  css  fullpage  single  page  scroll  vertical  horizontal 
may 2019 by piperh
Creating Horizontal Scrolling Containers the Right Way [CSS Grid]
step by step code howto for making a horizontally scrolling part of a page, Netflix style
webdesign  web  design  css  horizontal  scroll  scrolling  grid 
october 2018 by piperh
Priority Nav Scroller - Priority+ navigation in a horizontal scrollable container with controls
Priority Nav Scroller is a plugin for the priority+ navigation pattern. When the navigation items don’t fit on screen they are hidden in a horizontal scrollable container with controls.
Responsive - when window is wide enough, the arrows disappear.
webdesign  web  design  navigation  horizontal  scroll  priority  scroller  nav  js  javascript  script 
july 2018 by piperh
Scroll Div Content Horizontally Using JavaScript
script for horizontal scrolling on hover. I considered it forAnthony's Bcn mural but there's no auto scroll - it requires a user action like hover or tap. It does work on touch screen.
webdesign  web  design  js  javascript  script  horizontal  vertical  scroll 
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
Horizontal lines around centered content
codepen example of flexbox to achieve horizontal rules either side of centred content
webdesign  web  design  flex  flexbox  rules  css  example  code  coding  horizontal 
august 2016 by piperh
The Ultimate Flexbox Cheat Sheet
simple, clear flexbox layout examples with code and result.
webdesign  web  design  css  flex  flexbox  align  centre  vertical  horizontal  layout  webdev  code  coding 
july 2016 by piperh
CSS Vertical Center with Flexbox
a david walsh flexbox vertical centering example
webdesign  web  design  css  flex  flexbox  centre  center  justify  vertical  horizontal  example 
may 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
Demo #1: horizontally and vertically centered container - even in IE/win.
Georg Gunlaug demo of vertical centering of element with no declared height
webdesign  web  design  css  table  centre  center  vertical  horizontal  browser  centering 
june 2015 by piperh

Copy this bookmark:

to read