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 “web design” (10)
Ethan Marcotte: Responsive Web Design Interview — The Way of Responsive Web Design | Design Interview
The EE Podcast is a web design and development podcast focusing on technical discussions, interviews and insights about ExpressionEngine, EllisLab and the EE community. Hosted by Lea Alcantara and Emily Lewis.
The rise of smart devices like the iPhone and iPad has led to an application goldrush, with companies racing to stake their claim. In the early days we saw a few lucky pioneers strike gold, but like most gold rushes, the obvious targets were quickly depleted. Digital prospectors lured by the promise of gold are now arriving to find a very different market—one rife with competition and few obvious deposits to mine.
Recent studies have shown that we tend to limit our usage to a few core applications and the bulk of apps never even get opened. So despite newspapers and magazines hailing the iPad as the saviour of the publishing industry, does it really make business sense to jump on the application bandwagon? If not, what are the alternatives?
In this keynote, Andy Budd will look at the current state of the mobile web, how we got here and where we go next. He will explore the new opportunities that have opened up for the field of user experience design, but will caution that not every mobile experience needs to start with an app.
Andy tells us the best practices to employ when building your site for your target audience. Also discover what it takes for your designs to stand out.
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.
Some of the most important design decisions happen in code. In 2009, I gave a talk at the Build conference in Belfast with what I thought was a fairly uncontroversial premise: web designers should write code. Since then, the subject has sparked more than a few debates, including a particular heated pile-on when Elliot Jay Stocks tweeted that he was "shocked that in 2010 I’m still coming across ‘web designers’ who can’t code their own designs. No excuse." In a recent interview, Jonathan Ive said "It’s very hard to learn about materials academically, by reading about them or watching videos about them; the only way you truly understand a material is by making things with it." He’s talking about product design, but the principle is just as relevant to the Web (if not more so). "The best design explicitly acknowledges that you cannot disconnect the form from the material—the material informs the form…. Because when an object’s materials, the materials’ processes and the form are all perfectly aligned…. People recognize that object as authentic and real in a very particular way." As our industry grows and roles get more specialized, it’s possible to become a "web designer" without more than a cursory understanding of the fundamental building materials of the Web: the code. Is this just the price of progress? Are the days of the web craftsman soon to be in the past? Or is a hybrid approach to web design and development something worth preserve?
- Jenn Lukas
- Ethan Marcotte
- Ryan Sims
- Wilson Miner
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.
You know you need to do user research, but how? Should you write surveys, do focus groups, or develop personas? And how do you act on what you’ve learned? We’ve been in the trenches and have concrete suggestions on what you can, and should do NOW to conduct effective user research.
Mark Trammell Digg; Juliette Melton User Experience Mgr, Lumos Labs; Nate Bolt Bolt|Peters; Carla Borsoi VP Research & Analytics, Ask.com; Andy Budd Clearleft Ltd
Continuing a popular @media tradition, the final session for day one, hosted by Jeremy Keith, will feature a handful of speakers discussing questions posed by conference attendees. Wear your flak jacket: there will be controversy!
- John Allsopp
- Hannah Donovan
- Simon Willison
- Christian Crumlish
A talk by Jon Hicks from the @media 2007 european conference