recentpopularlog in

piperh : margin   11

Everything You Need To Know About CSS Margins — Smashing Magazine
Rachel Andrew on margins. "In particular, we will be looking at how margins interact with each other, and how margin collapsing actually works."
webdesign  web  design  css  margin  property  element  code  coding  collapse 
19 days ago by piperh
Use Padding and CSS Calc to match your left margin
align a natural div box with an absolutely positioned item, using css calc
webdesign  web  design  css  calc  left  margin  padding 
4 weeks ago by piperh
Editorial Layouts, Floats, and CSS Grid | Rob Weychert
shows how css grid doesn't accommodate text wrap around images - you end up using a float like always, which seems to undermine the usefullness of grid. (I can't believe this use case wasn't an important consideration in the implementation of grid).
See addendum linked to Rachel Andrew and css exclusions (currently only in Edge)
webdesign  web  design  css  grid  code  coding  width  columns  float  wrap  around  text  editorial  layout  gutter  margin 
november 2018 by piperh
CSS Environment variables; how to deal with the software bezel of iPhone X – Ben Frain
article about coding for the iphone X screen: rounded corners and invasive black tab.
iphonex  iphone  X  bezel  border  margin  padding  screen  indent  apple  css  ios  safari 
november 2017 by piperh
11 things I learned reading the flexbox spec – Hacker Noon
article relating the flexbox specs in a readable way and some of the problems you can encounter with flex items. Some v handy tips
webdesign  web  design  css  flex  flexbox  specification  layout  margin 
may 2017 by piperh
CSS Shorthand Syntax Considered an Anti-Pattern – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
interesting article about how shorthand css can sometimes reset other properties with undesired or not-understood consequences. Be careful with shorthand
webdesign  web  design  css  shorthand  property  background  margin 
december 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
Quick Tip: How z-index and Auto Margins Work in Flexbox
useful flexbox resource: explains z-index and margins
You can use z-index on flex items
webdesign  web  design  flex  flexbox  css  layout  z-index  margin 
july 2016 by piperh

Copy this bookmark:

to read