Funky Pure CSS Accordion

HTML (Haml) + CSS (SCSS) Another pure CSS UI Piece here using radio buttons for the active states. http://codepen.io/jcoulterdesign/pen/OMmZPd

#r.#resources #reference #r [g]#webbed

textureresource reblogged

webdevdesign

decodering

zellwk.com

How to build a responsive grid system

Zell Liew:

There are eight steps to building your grid system. Here are the steps in summary:

Choose a spec to create your grid with
Set box-sizing to border-box
Create a grid container
Calculate column-width
Determine gutter positions
Create a debug grid
Make layout variations
Make your layouts responsive

Most of these eight steps are relatively straightforward once you go through them. I’ll spell out everything you need to know as we walk through each step.

#webbed #coding #r.