recentpopularlog in

dirtystylus : layout   62

Common Responsive Layouts with CSS Grid (and some without!)
If you're learning how and when to use CSS grid, I've built some common layouts for you to try out.
rwd  css  css:grid  layout  grid  webdesign  webdev 
november 2017 by dirtystylus
Better way to theme paragraphs edit page [#2870463] |
I eventually wrote a really cool function for traversing down $variables arrays/objects for a string and replacing it with the reference to call that string. (Feel free to steal this everyone, it's awesome):
drupal  drupal7  module:paragraphs  layout  contentadmin  debugging 
june 2017 by dirtystylus
Chris Coyier on Twitter: "Easy way to toggle back and forth between your Grid Layout and fallback layout."
Easy way to toggle back and forth between your Grid Layout and fallback layout.

[place an x in “grid”, an old Mike Abato trick)
css  css:grid  tips  by:chriscoyier  layout  testing  browser  devtools  webdesign  webdev 
march 2017 by dirtystylus
CSS Writing Mode
Lay out text horizontally or vertically
css  layout  text  via:zeldman 
august 2016 by dirtystylus
CSS containment | justmarkup
It’s a primitive for isolating style, layout, and paint. The contain property allows developers to limit a specific DOM sub-tree and the rest of the document; You can think of it like an iframe. Much like an iframe, this boundary establishes a new layout root, ensuring that DOM changes in the sub-tree never trigger reflows in the parent document.
css  layout  webdesign 
april 2016 by dirtystylus
Absolute Positioning Inside Relative Positioning | CSS-Tricks
Resetting the positioning for child elements by setting position on parent.
css  webdesign  layout 
april 2014 by dirtystylus
Dive into Flexbox - Bocoup
Authors have long been using tables, floats, inline-blocks, and other CSS properties to lay out their site content. However, none of these tools were designed for the complex webpages and webapps we are making nowadays. Simple things like vertical centering require work. Complex things like flexible grid layouts are so hard that it’s considered ambitious to roll your own, hence the success of CSS grid frameworks. Still, if so many projects needs to do these things, why can’t it just be easy? Flexbox aims to change all that.
css3  layout  css:flexbox  webdesign  rwd 
january 2013 by dirtystylus

Copy this bookmark:

to read