Ethan Marcottee explains responsive web design. He also takes us through his own process to building a responsive site which includes applying media queries and designing for the mobile.
Tagged with “responsive” (4)
Ethan Marcotte: Responsive Web Design Interview — The Way of Responsive Web Design | Design Interview
With responsive design designers need to rethink the process they go through to work with clients and developers to create successful visual designs. Rather than creating traditional comps, style tiles are a deliverable that help you to communicate with your client, establish a visual language and work iteratively with developers. In this presentation, Samantha will explain how to reinvent your process to leverage Style Tiles as a deliverable.
Samantha Warren is an experienced designer, speaker, and writer who leverages a diverse background in artistic mediums to create compelling and functional web experiences. Focused on designing for content, she is passionate about using the web as a vehicle to tell compelling stories while creating accessible user-experiences. She has been published in .net Magazine and has presented at various industry events, including Design Day in Pittsburgh Pennsylvania and the South By Southwest Interactive Festival in Austin Texas.
Currently Samantha is the Design Director at Phase2 Technology where she uses her past experience working with brands like National Geographic and Choice Hotels International to help non-profits, publications, and associations tell their stories online.
In her personal time she talks about design and the web on her blog, BadAssIdeas.com and spends time with her cross-eyed cat, Grace.
In episode three of Using Blue we talk with Jeremy Keith of Clearleft about how HTML5 snuck up on him, responsive web design, catch phrases and catch phrases.
We head down a great path of discussion with Jeremy while we talk about:
- Buzz words in the industry.
- How maybe UX and design are really the same thing.
- Brian Rieger and his work on yiibu.com
- How content management systems need to structure their content.
- Responsive web design as the most exciting thing to hit the web, maybe ever.
- Is Drupal a CMS or is it a framework?
- How naming conventions in Drupal can cause confusion.
- Who is Drupal really going after as their target audience.
- The concept of Drupal distributions.
- Native apps vs the mobile web with progressive enhancements. Jason Grigsby has a good post on how you can’t link to an app and the issues with that.
- The mobile first approach that Luke Wroblewski writes and talks about and we love.
- Getting into the browser as fast as possible. Essentially designing in the browser whenever possible.
- Style tiles as an excellent communication tool in the design process.
- The upcoming dConstruct conference. An excellent conference in Brighton, UK on September 2, 2011.
- Also the Brighton Digital Festival.
Ethan’s methods use media queries, fluid grids and other CSS3 elements to create beautiful and adaptable designs across a variety of platforms. Recently, he discussed his techniques during a UIE Virtual Seminar, The How and Why of Responsive Design. Ethan and Adam Churchill address some questions from that seminar in this podcast.