recentpopularlog in

piperh : height   46

Multi-column manipulation: Every Layout
shows how you could use 100vh to make a column page overflow horizontally instead of vertically. + Interesting details about about css column
webdesign  web  design  column  css  height  width 
7 weeks ago by piperh
Changes on CSS Grid Layout in percentages and indefinite height - Rego's Everyday Life
serious browser developer's look at % in layout and how browsers calculate it. Possibly brain hurty stuff
webdesign  web  design  css  width  height  percent  percentage  grid  layout 
august 2018 by piperh
Methods for Equal Height Columns by Craig Fox on CodePen
there's a nice tip about flex: if you specify flex-wrap:wrap; the rows will distribute into the number of columns you want
webdesign  web  design  code  coding  css  html  equal  height  columns  methods 
july 2017 by piperh
CSS Viewport Units: A Quick Start — SitePoint
sitepoint guide to viewport units. Interesting aside about scroll bars eating into 50vw. Handy tip for centering vert and horiz using vh and vw
webdesign  web  design  vw  vh  viewport  units  size  width  height  css  responsive 
march 2017 by piperh
Neat uses for CSS’s awesome viewport units –
some useful tips, some silly. Nice way to make font size responsive
webdesign  web  design  css  vw  vh  width  height  type  font  size  responsive  fluid  font-size 
july 2016 by piperh
Use CSS to Specify the Aspect Ratio of a Fluid...
neat article showing a way to maintain aspect-ratio of an element using only css and padding. Author acknowledges Thierry Koblentz
webdesign  web  design  proportion  aspect  ratio  css  size  width  height  padding 
april 2016 by piperh
Sticky Footer — Solved by Flexbox — Cleaner, hack-free CSS
a flexbox solution for flexible height sticky footer. I haven't tried it yet (April 15, 2016)
webdesign  web  design  flex  flexbox  sticky  footer  flexible  height  css  html 
april 2016 by piperh
Responsive, Flexible-Height Sticky Footers in CSS – Galen Gidman
flexible height sticky footer. Author says put a div inside 'table row' to get round unexpected table padding and margin issues.
At end of page he says use flexbox if compatibility is OK.
webdesign  web  design  sticky  footer  flexible  height  table  technique  code  css  html 
april 2016 by piperh
Vanilla js package for equalising column heights
webdesign  web  design  equal  height  column  js  javascript  equalise 
february 2016 by piperh
100% Height Div with 2 lines of code : Mike Does Web
2 lines of javascript that force a div to have 100% height, but doesn't work well for me on Lagence.
javascript  100%  height  code  coding  webdev  webdesign  web  design 
march 2014 by piperh

Copy this bookmark:

to read