Join us for a Meetup centered around responsiveness!
Fast and Responsive Images from Sergey Chernyshev (truTV)
Responsive design is taking the world by a storm and every team is converting their site to be on mobile or preparing to do that soon.
Few people however realize performance implications of this new approach to web development and one of the issues is images which represent more then 60% of all network payload and can congest wireless networks with data unnecessary for display on naturally smaller screens than desktop.
This issue gave birth to various Responsive Images techniques which are used to display “just right” size of the image for user’s device. There are several aspects of the issue that need to be considered, from formats and resolutions to content management and implementation code.
Responsive Emails, from Design to Development from Michelle D'Netto (Etsy)
At Etsy, our tracking metrics tell us that more than 50% of our emails are opened on mobile devices. This means we need to rethink the way we design and build our emails to accommodate a growing list of multi-width devices and their distinct rendering quirks.
We want our readers to have the best possible experience when they view our emails, so we’re experimenting with new techniques that move away from desktop-orientated, fixed-width designs and incorporate more flexible layouts that look good on every client, including iPhones, iPads, Android, Webmail and more.
We’ll walk you through a recent case study whereby 'building specifically for mobile' influenced the design and development decisions we ultimately made. We'll also highlight the value of a simple, two-column layout and show you ways to code for mobile to achieve pixel perfect emails that look great across a multitude of phones, tablets and desktop devices.
We MUST close the RSVP 48 hours before the event (Monday, March 9th) due to security requirements.
Remember: If you're interested in giving a talk focused on core CSS, JS, HTML, or modern browser features, we'd love to hear from you!