Created

May 21, 2013

Best Practice Mobile First & Responsive Design Session at CQCON 2013

Posted by Bruce Lefebvre

It's a romantic idea: a website capable of detecting the exact device it's being rendered upon and bringing forth a page perfectly tailored to its environment and network characteristics. Every pixel (or em) of available viewport real estate is accounted for. Staples of the individual device user interfaces - such as leatherbound skeuomorphism on the iFamily or clean, grid based UI on Windows - are included to give your page that native feel. Device features including touch gestures and geolocation are included for those device groups which support it. Each piece of hardware your client wishes to support is accounted for. 

However, the device manufacturers have other agendas. They want to make them smaller, then larger, up the pixel density, and make them wearable. TVs can now browse the Internet. Game consoles, too. New web enabled devices are entering the market faster than ever and their users expect your website to be usable. How can you keep up?

Enter responsive web design. In 2010, Ethan Marcotte wrote an article on A List Apart [0] that would launch RWD into the spotlight. In this article he outlined what it meant to be responsive and detailed the "three technical ingredients" necessary for RWD:

  • fluid grids
  • flexible images
  • media queries

With the momentum behind RWD picking up steam, we at Adobe began fielding questions on the best practices for implementing a mobile first site with Adobe CQ, now part of Adobe Experience Manager (AEM). 

I hope that you will join me @CQCON 2013 where I will present patterns for responsive design in Adobe Experience Manager and explain how to provide a media-rich HTML5 experience that is performant on low bandwidth connections. AEM's Geometrixx Media reference application, delivered in full source code with the product, demonstrates these techniques. I'll dive into how we used mobile first design principles, adaptive images and progressive enhancement to create it, and discuss the pitfalls that we encountered along the way.

[0] http://alistapart.com/article/responsive-web-design

file

COMMENTS

  • By olivia promo land - 12:24 PM on Apr 05, 2014   Reply
    merci pour les informations de cet article il faut continuer ainsi
    • By Short Layered Hairstyles - 4:35 PM on Apr 10, 2014   Reply
      Really great post, Thank you for sharing This knowledge.Excellently written article, if only all bloggers offered the same level of content as you, the internet would be a much better place. Please keep it up!
    • By best crm systems - 11:32 AM on Apr 08, 2014   Reply
      very good post on netwroking and manufacturing has been posted here. It had relevant content and a good set of networking details were given by you guys. Hope to see more from you guys. Share more and post more
      • By Conforama - 11:39 AM on Apr 08, 2014   Reply
        Really good job the website is fabulous thanks you
        • You should post on the format for the blog. You can introduce it's major opportunity. Your blog findings would multiply your browsers
        • By Low Rise Forming - 5:41 AM on Apr 10, 2014   Reply
          It had relevant content and a good set of networking details were given by you guys. Hope to see more from you guys. Share more and post more
          • By download psiphon 3 - 1:57 PM on Apr 11, 2014   Reply
            Really great post, Thank you for sharing This knowledge.Excellently written article, if only all bloggers offered the same level of content as you, the internet would be a much better place. Please keep it up!
            • By girlfriend activation system review - 8:43 AM on Apr 12, 2014   Reply
              it truly amazes me on how you come up with that conclusion. simply astonishing.
              • By lisa olson - 2:21 PM on Apr 13, 2014   Reply
                zes me on how you come up with that conclusion. simply astonishing.
                • By diễn đàn seo - 3:24 PM on Apr 15, 2014   Reply
                  are included to give your page that native feel. Device features including touch gestures and geolocation are included for those device groups which support it. Each piece of hardware your client wishes to support is accounted for.
                  • Really great post, Thank you for sharing This knowledge.Excellently written article, if only all bloggers offered the same level of content as you, the internet would be a much better place. Please keep it up!
                    • By ebay gift cards - 11:35 AM on Apr 17, 2014   Reply
                      Melita's withdrawals Which Begun Friday-had arrived at the point that the obstetrician to the boss' disposal prescribed That we go to the clinic. We September aside a few minutes to keep away from this weekend's nor'easte present.
                      • By free skype credit voucher - 11:42 AM on Apr 17, 2014   Reply
                        Thanks for sharing this interesting blog with us.My pleasure to being here on your blog..I wanna come beck here for new post from your site.
                        • By www.bckpacker.com - 12:04 PM on Apr 17, 2014   Reply
                          hanks for the nice blog. It was very useful for me. I'm happy I found this blog. Thank you for sharing with us,I too always learn something new from your post.
                          • By shooting games - 6:13 AM on Apr 18, 2014   Reply
                            Really great post, Thank you for sharing This knowledge.Excellently written article, if only all bloggers offered the same level of content as you, the internet would be a much better place. Please keep it up!
                            • By phần mềm quản lý bán hàng - 8:28 AM on Apr 18, 2014   Reply
                              Thank you for sharing This knowledge.Excellently written article
                              • By gold bullion wealth - 10:32 AM on Apr 21, 2014   Reply
                                he obstetrician to the boss' disposal prescribed That we go to the clinic. We September aside a few minutes to keep away from this weekend's nor'easte present.
                                • By vitamin c serum - 3:05 PM on Apr 21, 2014   Reply
                                  Family or clean, grid based UI on Windows - are included to give your page that native feel. Device features including touch gestures and geolocation
                                  • By Fiverr Banner Design Service - 8:25 PM on Apr 21, 2014   Reply
                                    he obstetrician to the boss' disposal prescribed That we go to the clinic. We September aside a few minutes to keep away from this weekend's nor'easte present
                                    • By free gold codes - 11:46 AM on Apr 22, 2014   Reply
                                      Congress behind the invoice here expect the rate would be about the same, with judges arranging digital monitoring for the most risky violators.
                                      • By free xbox gold membership - 11:52 AM on Apr 22, 2014   Reply
                                        I wish to show thanks to you just for bailing me out of this particular trouble.As a result of checking through the the net and meeting techniques that were not productive, I was thinking my life was done.
                                        • By free microsoft points codes - 11:57 AM on Apr 22, 2014   Reply
                                          I read few posts on this website and I think that your web blog is real interesting and has got circles of fantastic information Keep up the fantastic work, I read few posts on this website and I think that your web blog is real interesting and has got circles of fantastic information
                                          • By everyday roots review - 1:22 PM on Apr 22, 2014   Reply
                                            Thanks for sharing this interesting blog with us.My pleasure to being here on your blog..I wanna come beck here for new post from your site.
                                            • By everyday roots review - 1:36 PM on Apr 22, 2014   Reply
                                              Thanks for sharing this interesting blog with us.My pleasure to being here on your blog..I wanna come beck here for new post from your site.
                                              • By free games download - 9:43 PM on Apr 23, 2014   Reply
                                                he obstetrician to the boss' disposal prescribed That we go to the clinic. We September aside a few minutes to keep away from this weekend's nor'easte present.

                                                ADD A COMMENT