mmt digital at kentico connection london 2013 - responsive web design
DESCRIPTION
MMT Digital presented at Kentico Connection London 2013 on how we have built responsive Kentico websites.TRANSCRIPT
![Page 1: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/1.jpg)
How we used Kentico to build responsive sites
by Ilesh Mistry
![Page 2: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/2.jpg)
• Ilesh Mistry
• MMT Digital
• Senior Kentico Developer
• Blog - http://www.mmtdigital.co.uk/Ilesh-Mistry
• Kentico Certified Developer
![Page 3: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/3.jpg)
#KenticoConnection & @ileshmistry
![Page 4: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/4.jpg)
Presentation Summary
• The technical approach we take when
building fully responsive websites
• Content Centric RWD
• 2 recent projects
![Page 5: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/5.jpg)
This used to be the web
![Page 6: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/6.jpg)
These are today’s devices
![Page 7: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/7.jpg)
Research
![Page 8: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/8.jpg)
![Page 9: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/9.jpg)
![Page 10: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/10.jpg)
![Page 11: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/11.jpg)
![Page 12: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/12.jpg)
What clients want?
![Page 13: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/13.jpg)
![Page 14: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/14.jpg)
Adobe Edge Reflow
![Page 15: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/15.jpg)
Mobile First!
![Page 16: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/16.jpg)
![Page 17: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/17.jpg)
Media Queries
![Page 18: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/18.jpg)
![Page 19: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/19.jpg)
![Page 20: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/20.jpg)
![Page 21: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/21.jpg)
![Page 22: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/22.jpg)
![Page 23: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/23.jpg)
Future?
![Page 24: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/24.jpg)
MMT Responsive Images Web Part
Mobile Desktop
Coming soon! On the Kentico Marketplacehttp://www.mmtdigital.co.uk/KenticoConference2013/ResponsiveImages.htm
![Page 25: MMT Digital at Kentico Connection London 2013 - Responsive Web Design](https://reader033.vdocuments.net/reader033/viewer/2022052412/55963ae31a28aba6738b45fe/html5/thumbnails/25.jpg)
Any Questions?
http://www.mmtdigital.co.uk/Ilesh-Mistry
https://twitter.com/ileshmistry
https://www.facebook.com/ilesh.mistry
http://www.linkedin.com/profile/view?id=183619151
https://plus.google.com/u/0/105422789000147010995