How to use the flexbox layout method (part 1)

With every new revision of CSS, a plethora of new, exciting attributes come to light;  one of which being the understated display: flex approach.

The flexbox layout model has been floating around the web for a little while now, each time with its own variation on the approach (some outdated, such as the display: box or display: flexbox method).

In today’s guide, we’ll be discovering the advantages of utilising the flexbox technique in our own layouts.

Some great features of the new model include:

  • Easy ratio-based sizing; no need to touch your HTML
  • Reorder with a breeze by using integers within the stylesheet
  • Applies to all child elements within a correctly defined parent
  • No more clearfixes!

 

Stay tuned for next time, where we’ll be taking a look on how to take this even further, and turn your flexbox layout into a fully-fledged responsive design! 

 

Have you used the flex box approach to layout? Do you prefer a different method? Let us know in the comments.

Featured image/thumbnail, flexible image via Shutterstock.

Smashing Book Bundle: 6 eBooks for only $24!

Source

Posted in Blog | Comments Off on How to use the flexbox layout method (part 1)

ReDiscovery: An Art Show Inspired by Daft Punk

ReDiscovery: An Art Show Inspired by Daft Punk

This post is dedicated to an upcoming exhibit taking place in our backyard here in San Francisco in honor of Daft Punk and the release of their new album Random Access Memories. We first posted about the new album a couple weeks back with a tutorial on the sleek poster design. Earlier this week we did a snappy post surrounding the punk movement in line with the theme of this year’s Met Gala in NYC. It just seems fitting to keep the conversation alive and we are eagerly anticipating what is sure to be a mind blowing gallery exhibit. If you’re in SF, be sure to it check out. If you aren’t, we’ve pulled together a handful of our favorite works by talented artists that were inspired by this legendary French duo.

h

“With their modern disco sound and blend of house, funk, electronic and techno music, Daft Punk puts on one of the world’s most popular DJ performances. Their musical talent is matched only by the extraordinary visuals of their live performances. Daft Punk’s highly anticipated Random Access Memories is their fourth studio album and the first since the 2005 release of Human After All. “

Gauntlet Gallery’s “ReDiscovery” debuts on May 18th with an opening night reception from 7pm to 10pm. The show will be on view until June 15th, 2013. Located at 1040 Larkin Street in San Francisco, Gauntlet Gallery’s hours are 12-7pm Tuesday through Saturday, and by appointment.

ReDiscovery: An Art Show Inspired by Daft Punk

ReDiscovery: An Art Show Inspired by Daft Punk

ReDiscovery: An Art Show Inspired by Daft Punk

ReDiscovery: An Art Show Inspired by Daft Punk

ReDiscovery: An Art Show Inspired by Daft Punk

ReDiscovery: An Art Show Inspired by Daft Punk

ReDiscovery: An Art Show Inspired by Daft Punk

ReDiscovery: An Art Show Inspired by Daft Punk

ReDiscovery: An Art Show Inspired by Daft Punk

ReDiscovery: An Art Show Inspired by Daft Punk

ReDiscovery: An Art Show Inspired by Daft Punk

ReDiscovery: An Art Show Inspired by Daft Punk

Posted in Blog | Comments Off on ReDiscovery: An Art Show Inspired by Daft Punk