The CSS Grid Layout Module — Flexible Structures for Content

I often suggest that designing with a grid is a good idea. Developing them in html and css sometimes feels like a hack, though. Developers certainly build grids for use online and there are a variety of frameworks you can use that do the work for you. Still, wouldn’t it be nice to have some native css for creating grids?

Continue reading

The CSS Regions Module — Control Where Content Flows

Would you like more control of your content and how it flows through your layout? Would you like an easy way to create more complex layouts? How about an easy way to independently style sections of a document, without complicated css rules that overwrite each other? If you answered yes to any of these questions, then css regions might be what you’re looking for.

Continue reading

4 Reasons Why You Should Design With A Grid

What’s the big deal about designing with a grid and why should we use them? Do we need to use them? What benefits do grids add to a design?

Continue reading

Can I Still Use Px?

Moving from static to flexible layouts involves a move from absolute to relative measurements. That generally means giving up px in favor of ems for vertical measurements and % for horizontal measurements. A question that continues to get asked is whether or not it’s ok to still use px here or there.
Continue reading

Flexbox Revisited: The New Syntax For Flexible Boxes

Last summer I wrote about the css flexible box model. At the time I mentioned how the spec was changing and offered syntax for both the old and “new” specs. Those “new” specs didn’t last long. A newer spec has taken it’s place and I wanted to run through flex layout model again to have more accurate information here.
Continue reading