SlideShare uma empresa Scribd logo
1 de 25
How we used Kentico to build responsive sites
by Ilesh Mistry
• Ilesh Mistry
• MMT Digital
• Senior Kentico Developer
• Blog - http://www.mmtdigital.co.uk/Ilesh-Mistry

• Kentico Certified Developer
#KenticoConnection & @ileshmistry
Presentation Summary
• The technical approach we take when
building fully responsive websites
• Content Centric RWD
• 2 recent projects
This used to be the web
These are today’s devices
Research
What clients want?
Adobe Edge Reflow
Mobile First!
Media Queries
Future?
MMT Responsive Images Web Part

Mobile

Desktop

Coming soon! On the Kentico Marketplace
http://www.mmtdigital.co.uk/KenticoConference2013/ResponsiveImages.htm
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
ilesh.m@mmtdigital.co.uk

Mais conteúdo relacionado

Semelhante a MMT Digital at Kentico Connection London 2013 - Responsive Web Design

Top 10 CMS Features to Increase Traffic & Revenue from Mobile, Schemas, Voice...
Top 10 CMS Features to Increase Traffic & Revenue from Mobile, Schemas, Voice...Top 10 CMS Features to Increase Traffic & Revenue from Mobile, Schemas, Voice...
Top 10 CMS Features to Increase Traffic & Revenue from Mobile, Schemas, Voice...Search Engine Journal
 
PhoenixInfomedia WebAndMobileDevelopmentProposal-Jan2015 (1)
PhoenixInfomedia WebAndMobileDevelopmentProposal-Jan2015 (1)PhoenixInfomedia WebAndMobileDevelopmentProposal-Jan2015 (1)
PhoenixInfomedia WebAndMobileDevelopmentProposal-Jan2015 (1)Alice Smith
 
Business Aspects of the IoT: Making Products Smart
Business Aspects of the IoT: Making Products SmartBusiness Aspects of the IoT: Making Products Smart
Business Aspects of the IoT: Making Products SmartDominique Guinard
 
Branding SharePoint for Evolving Internet Devices
Branding SharePoint for Evolving Internet DevicesBranding SharePoint for Evolving Internet Devices
Branding SharePoint for Evolving Internet DevicesEric Overfield
 
Online Marketing Bootcamp - Mobile | October 2014
Online Marketing Bootcamp - Mobile | October 2014Online Marketing Bootcamp - Mobile | October 2014
Online Marketing Bootcamp - Mobile | October 2014Media Matters
 
Reprotec uk presentation
Reprotec uk presentationReprotec uk presentation
Reprotec uk presentationRichard Kelly
 
Social media: tools and ‘mocial’ by Paul Wilkinson #sm4b
Social media:tools and ‘mocial’ by Paul Wilkinson #sm4bSocial media:tools and ‘mocial’ by Paul Wilkinson #sm4b
Social media: tools and ‘mocial’ by Paul Wilkinson #sm4bWorkplace Trends
 
Karmatech Mediaworks Credentials
Karmatech Mediaworks CredentialsKarmatech Mediaworks Credentials
Karmatech Mediaworks CredentialsSakshi Sindhani
 
Why should we care about Digital Accessibility?
Why should we care about Digital Accessibility?Why should we care about Digital Accessibility?
Why should we care about Digital Accessibility?Matthew Deeprose
 
Frontier cities
Frontier citiesFrontier cities
Frontier citiesFabMob
 
Skapa Carthage College 2017-01-16
Skapa Carthage College 2017-01-16Skapa Carthage College 2017-01-16
Skapa Carthage College 2017-01-16Erik Ekholm
 
Effectiveness of social media in core engineering industries
Effectiveness of social media in core engineering industriesEffectiveness of social media in core engineering industries
Effectiveness of social media in core engineering industriesVikram Roy
 
Web 2.0 & 3.0 technologies & SoLoMo
Web 2.0 & 3.0 technologies & SoLoMoWeb 2.0 & 3.0 technologies & SoLoMo
Web 2.0 & 3.0 technologies & SoLoMoJake Aull
 
IMS social media marketing
IMS social media marketingIMS social media marketing
IMS social media marketingIms Pl
 
What is the Economic Case for Machine Translation?
What is the Economic Case for Machine Translation?What is the Economic Case for Machine Translation?
What is the Economic Case for Machine Translation?kantanmt
 
Articul agency presentation
Articul agency presentationArticul agency presentation
Articul agency presentationDenis Slabakov
 
PSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOURPSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOURTerminalfour
 

Semelhante a MMT Digital at Kentico Connection London 2013 - Responsive Web Design (20)

Top 10 CMS Features to Increase Traffic & Revenue from Mobile, Schemas, Voice...
Top 10 CMS Features to Increase Traffic & Revenue from Mobile, Schemas, Voice...Top 10 CMS Features to Increase Traffic & Revenue from Mobile, Schemas, Voice...
Top 10 CMS Features to Increase Traffic & Revenue from Mobile, Schemas, Voice...
 
PhoenixInfomedia WebAndMobileDevelopmentProposal-Jan2015 (1)
PhoenixInfomedia WebAndMobileDevelopmentProposal-Jan2015 (1)PhoenixInfomedia WebAndMobileDevelopmentProposal-Jan2015 (1)
PhoenixInfomedia WebAndMobileDevelopmentProposal-Jan2015 (1)
 
Business Aspects of the IoT: Making Products Smart
Business Aspects of the IoT: Making Products SmartBusiness Aspects of the IoT: Making Products Smart
Business Aspects of the IoT: Making Products Smart
 
Branding SharePoint for Evolving Internet Devices
Branding SharePoint for Evolving Internet DevicesBranding SharePoint for Evolving Internet Devices
Branding SharePoint for Evolving Internet Devices
 
Get 2 Give1
Get 2 Give1 Get 2 Give1
Get 2 Give1
 
Online Marketing Bootcamp - Mobile | October 2014
Online Marketing Bootcamp - Mobile | October 2014Online Marketing Bootcamp - Mobile | October 2014
Online Marketing Bootcamp - Mobile | October 2014
 
Reprotec uk presentation
Reprotec uk presentationReprotec uk presentation
Reprotec uk presentation
 
Muhammad Shebl CV
Muhammad Shebl CVMuhammad Shebl CV
Muhammad Shebl CV
 
Social media: tools and ‘mocial’ by Paul Wilkinson #sm4b
Social media:tools and ‘mocial’ by Paul Wilkinson #sm4bSocial media:tools and ‘mocial’ by Paul Wilkinson #sm4b
Social media: tools and ‘mocial’ by Paul Wilkinson #sm4b
 
Karmatech Mediaworks Credentials
Karmatech Mediaworks CredentialsKarmatech Mediaworks Credentials
Karmatech Mediaworks Credentials
 
Why should we care about Digital Accessibility?
Why should we care about Digital Accessibility?Why should we care about Digital Accessibility?
Why should we care about Digital Accessibility?
 
Frontier cities
Frontier citiesFrontier cities
Frontier cities
 
Skapa Carthage College 2017-01-16
Skapa Carthage College 2017-01-16Skapa Carthage College 2017-01-16
Skapa Carthage College 2017-01-16
 
Effectiveness of social media in core engineering industries
Effectiveness of social media in core engineering industriesEffectiveness of social media in core engineering industries
Effectiveness of social media in core engineering industries
 
Web 2.0 & 3.0 technologies & SoLoMo
Web 2.0 & 3.0 technologies & SoLoMoWeb 2.0 & 3.0 technologies & SoLoMo
Web 2.0 & 3.0 technologies & SoLoMo
 
Deck
DeckDeck
Deck
 
IMS social media marketing
IMS social media marketingIMS social media marketing
IMS social media marketing
 
What is the Economic Case for Machine Translation?
What is the Economic Case for Machine Translation?What is the Economic Case for Machine Translation?
What is the Economic Case for Machine Translation?
 
Articul agency presentation
Articul agency presentationArticul agency presentation
Articul agency presentation
 
PSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOURPSEWEB 2013 - Make it responsive - TERMINALFOUR
PSEWEB 2013 - Make it responsive - TERMINALFOUR
 

Mais de MMT Digital

Moving beyond the mechanics of Agile processes to supercharge your teams
Moving beyond the mechanics of Agile processes to supercharge your teamsMoving beyond the mechanics of Agile processes to supercharge your teams
Moving beyond the mechanics of Agile processes to supercharge your teamsMMT Digital
 
Agile & Lean for Project Delivery
Agile & Lean for Project DeliveryAgile & Lean for Project Delivery
Agile & Lean for Project DeliveryMMT Digital
 
With so many CMS Platforms available, who should you choose which one to use?...
With so many CMS Platforms available, who should you choose which one to use?...With so many CMS Platforms available, who should you choose which one to use?...
With so many CMS Platforms available, who should you choose which one to use?...MMT Digital
 
Responsive Web Design: How to maximise your content for devices that haven't ...
Responsive Web Design: How to maximise your content for devices that haven't ...Responsive Web Design: How to maximise your content for devices that haven't ...
Responsive Web Design: How to maximise your content for devices that haven't ...MMT Digital
 
Winning Strategies - Agile: Release to market with minimum fuss and maximum s...
Winning Strategies - Agile: Release to market with minimum fuss and maximum s...Winning Strategies - Agile: Release to market with minimum fuss and maximum s...
Winning Strategies - Agile: Release to market with minimum fuss and maximum s...MMT Digital
 

Mais de MMT Digital (6)

Moving beyond the mechanics of Agile processes to supercharge your teams
Moving beyond the mechanics of Agile processes to supercharge your teamsMoving beyond the mechanics of Agile processes to supercharge your teams
Moving beyond the mechanics of Agile processes to supercharge your teams
 
Agile & Lean for Project Delivery
Agile & Lean for Project DeliveryAgile & Lean for Project Delivery
Agile & Lean for Project Delivery
 
With so many CMS Platforms available, who should you choose which one to use?...
With so many CMS Platforms available, who should you choose which one to use?...With so many CMS Platforms available, who should you choose which one to use?...
With so many CMS Platforms available, who should you choose which one to use?...
 
Responsive Web Design: How to maximise your content for devices that haven't ...
Responsive Web Design: How to maximise your content for devices that haven't ...Responsive Web Design: How to maximise your content for devices that haven't ...
Responsive Web Design: How to maximise your content for devices that haven't ...
 
Agile on Tap
Agile on TapAgile on Tap
Agile on Tap
 
Winning Strategies - Agile: Release to market with minimum fuss and maximum s...
Winning Strategies - Agile: Release to market with minimum fuss and maximum s...Winning Strategies - Agile: Release to market with minimum fuss and maximum s...
Winning Strategies - Agile: Release to market with minimum fuss and maximum s...
 

Último

Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRdollysharma2066
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 

Último (20)

Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 

MMT Digital at Kentico Connection London 2013 - Responsive Web Design