Markup & Style Society recap

Posted by Maggie on 03/14/2008

Topics:

Along with the founders, Dan Cederholm and Ethan Marcotte, we hosted the latest meeting of the Markup & Style Society in our office on South Street Thursday night.

All told it was a great success — about fifty designers and developers from the area joined us to talk shop about building responsive, stretchy layouts, what it means to be a craftsman (or -woman) in this space, and a new method for applying progressive enhancement to web applications. Some highlights:

Ethan Marcotte (Airbag Industries, Unstoppable Robot Ninja), enlightened us in the ways of making a stretchy layout where all components — including static images, images generated from Flash (sIFR), and even embedded objects — resize with the browser.

Dan Cederholm (SimpleBits) reviewed how to apply grid-based design to stretchy layouts by using ems to specify size, and how to constrain the layout to the size of the browser window so that horizontal scrollbars don't appear (set the layout container's width to 100%).

Joshua Porter (Bokardo Design) discussed the importance of maintaining a craftsman's integrity when approaching web design and development work, and how that can have a positive effect on collaborations.

Our own Scott Jehl capped the night and presented a technique that we're refining to help us better apply progressive enhancement to our code. It's a script called testUserDevice.js, and you can learn about how it works and download it from our lab article, Delivering the right experience to the right device | Download Slides (1mb).

We were impressed with the knowledge, inspired by the enthusiasm, and energized by the positive feedback and new connections that we made. Thanks to all who attended and shared their ninja secrets. And special thanks to the folks at Freshview for the pizza and beer.

Book cover: Designing with Progressive Enhancement

Enjoy our blog? You'll love our book.

For info and ordering: Visit the book site

Comments

Thanks for being a gracious hosts and letting us see behind the curtain of some of the great work you guys are doing. It was truly inspirational ...

You guys “Get It” and its refreshing to see.

Comment by web on 03/14  at  08:59 PM

Thanks for having us. Your space was great to visit and worked well for the meeting. I also have to say that from the glimpse of Filament Group’s portfolio on the monitors in the room, I’m quite impressed with the work you’ve done.

Comment by Patrick Haney on 03/17  at  06:58 PM

Thanks for having us

Comment by Cartoon on 06/27  at  04:02 PM

thaaaaaanx goood topic :)

Comment by الحلقه الاخيره مسلسل ام الب on 09/22  at  11:38 AM

Thanks for everything, very much appreciated

Comment by feliz on 06/06  at  04:17 PM

Comment by krwetatnt on 06/08  at  09:33 AM

Thanks for having us. Your space was great to visit and worked well for the meeting. I also have to say that from the glimpse of Filament Group’s portfolio on the monitors in the room, I’m quite impressed with the work you’ve done.

Comment by بنات الثانويه on 06/20  at  01:32 AM

I also have to say that from the glimpse of Filament Group’s portfolio on the monitors in the room, I’m quite impressed with the work you’ve done

Comment by مشاهدة افلام on 06/29  at  03:34 AM

I also have to say that from the glimpse

Comment by افلام اون لاين on 06/29  at  03:35 AM

Commenting is closed for this post.

Book cover: Designing with Progressive Enhancement

Enjoy our blog? You'll love our book.

For info and ordering: Visit the book site