This week Dave Olsen and Erik Runyon join us to discuss how their respective universities (West Virginia and Notre Dame) are approaching the mobile web through a combination of server-side detection and responsive design. We talk about how they built their new sites, whether user-agent detection is evil and how responsive design gets implemented at a large university.
Need to make your site mobile-friendly but have limited resources? Consider a responsive retrofit! Emily and Lea talk about all the different ways a site can be made mobile-friendly, including the process of retrofitting, how to decide whether a complete redesign is necessary instead, and samples of all the mobile projects in between to fit the goals of the audience AND your client.
Fresh Squeezed Mobile is Breaking Development’s channel to get fresh ideas out there about mobile web development and design.
This week, we flip the table as Jeff Bruss puts Tim on the hot seat to talk about responsive design. We talk about Google’s stance on responsive design, retina displays, the importance of proper planning for a responsive project and whether "caughten" is a word.
Responsive web design allows the notion of “one web” to be a reality. Designers are increasingly able to sell to their organization the idea of delivering content to multiple platforms. Putting it into practice is another story.
Jason Grigsby, co-founder of Cloud Four, says that it is easier to sell the idea of responsive web design than to do it well. Simply shifting the layout of your design to fit different screen widths is only half of the battle. Page weight is another consideration.
A huge part of mobile experience is performance. Though connectivity speeds are increasing on mobile, shrinking your desktop site to fit on a mobile screen isn’t the best option. Jason says that this is an often overlooked aspect of responsive design. Most of the concern is around how a site renders on various devices, but the importance should fall on the entire experience.
More types of devices are accessing your web content everyday. Have you figured out how to accommodate them? Ethan Marcotte is leading the charge in this area, with his work on Responsive Design, which can help your content scale and adapt to new devices.
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.
This week we were joined by Brad Frost, a web designer and developer who is doing a lot these days for the responsive web design movement. He’s created things like Mobile Web Best Practices and This Is Responsive.
We talk about (roughly in order):
Q & A
- What are our go-to WordPress plugins? (these)
- Life beyond the final breakpoint
- Isn’t adaptive design better?
- How do you deal with a grid when you start with mobile first?
- Ems, rems, percentages, etc. in responsive design, including media queries. (Link about using em’s for breakpoints)
- What is a good UI/UX conference to go to?
- How do you deal with the “view desktop version | view mobile version” thing?
- Who’s responsive design would be better? Batman or Flash?
The proliferation of mobile devices has made it necessary to rethink your web experiences. The mobile phone and tablet, along with retina displays, have substantially changed how a user experiences your design. Responsive web design has emerged as a solution in some cases, but even though connection speeds on mobile networks are increasing, performance remains an issue.
Luke Wroblewski has a wealth of experience with the mobile web. He suggests that the definition of “mobile” itself is blurring as devices continue to evolve. Rather than designing for device specifications, Luke says it’s more important to think about the context in which these devices are being used.
During his virtual seminar, Organizing Mobile Web Experiences, the audience asked some great questions. Luke joins Adam Churchill to cover some of those questions in this podcast.
When you talk about “mobile”, does that include both phone and tablet? Is it better to use responsive web design than a separate mobile site? What are the benefits of native mobile applications vs. responsive UIs? How do account for different use cases when employing responsive web design? Does quality become an issue with the code base increasing to make sites adaptive? Should you make decisions on breakpoints based on content or device? Should you design differently for small screens and small windows?
This week, Guy Podjarny joins us to talk about mobile performance. We discuss the unique performance constraints of mobile networks, the tools available to gauge the performance of your site, carrier transcoding and the state of performance for responsive sites.