Since January 2012, mobile email opens have increased a whopping 63% and now make up 44% of all opens. Synonymous with this trend has been a growth in articles about mobile design approaches, and tips on how to make emails that are optimized for viewing in all environments. While we’ve written numerous posts on the topic, there are tons of great articles and resources from other sources, too.
Adioso used to be accessible on mobile devices in the flick-panning, pinch/zooming kind of way. Then I joined the team last October as a designer and gave the frontend a complete overhaul. The result? an improved aesthetic, but a worse experience for our mobile users. The penny dropped during one of our team planning meetings.
Like the quest for the Holy Grail, Web developers have been searching for a magical solution that will make every website shine on any and every device. It appears that, if not the actual Grail itself, they have come upon something that takes them leagues closer to that elusive goal. It’s Responsive Web Design, or RWD, and in the past year it has been picking up tremendous momentum as the go-to solution for getting content onto an ever-growing and ever-more-disparate pool of Web devices. - See more at: http://www.keynote.com/benchmark/mobile_wireless/article-racing-toward-responsive.php#sthash.fZoCtyap.dpuf
Responsive Web design is a lot more than the latest development technique for websites. It’s a dramatically different way of conceiving, strategizing, designing and developing websites. Implemented to its full extent, it redefines both the way teams interact and the workflow of the project. And it’s an approach that needs to have performance baked into the process. Brad Frost is one of the industry’s leading thinkers, speakers, and authors on the topic of responsive Web design. Benchmark recently caught up with Brad to get his views on the state of responsive Web design and what it means for performance. - See more at: http://www.keynote.com/benchmark/mobile_wireless/interview-brad-frost.php#sthash.LJgwQolj.dpuf
Only a lazy blogger didn't post about responsive design. Internet is full of tutorials, articles, guides on how to create a responsive design. But what if you still can't design an adaptive website? What if you don't know where to start?
In May 2010 Ethan Marcotte (@beep) wrote the seminal article, Responsive Web Design. At first I took a dim view of the piece. Most of my mobile experience at the time was in developing mobile-optimized experiences that relied on browser-detection & serving separate templates. Honestly, it worked for me as a, primarily, server-side dev and it worked well. To me, responsive web design seemed like a front-end solution that didn’t take into account many of the issues facing mobile developers… apart from screen width that is.
This extremely simple demo is meant to show how Detector & Mustache can be combined to create a Responsive Web Design + Server Side Component (RESS) System. By using the requesting browser's Detector family classification a responsive template & partials that match the browser's features are rendered server-side via Mustache. Choose a different layout below to see how this page & the included images change depending upon the browser family.Click here to edit the title
Pure is ridiculously tiny. The entire set of modules clocks in at 4.2KB* minified and gzipped, without forgoing responsive styles, design, or ease of use. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes.
* We can add correctly :) the numbers above are individual module sizes; when grouped together gzipping compresses them even more.