Successfully reported this slideshow.
Kentico CMS 7 : Mobile webdevelopmentJuraj Hrinik, jurajh@kentico.com
Kentico CMS 7 – Ramp Up WebinarsDate                      Title                            Registration linkAugust 30, 201...
New features• Mobile device detection    – Detected by user agent    – Support for external service (51degrees.mobi)• Devi...
Existing features• Conditional layouts    – Layout switched by macro expressions• CSS design changes    – Auto generated C...
Mobile device detection• Detection by user agent from client device• Two ways to detect:    – Kentico specified XML for us...
Device profiles• Category of similar devices    – No need to define design for each device• Multiple type of detection    ...
Automatic layout transformation• For shared layouts• You can define if layout is convertible and number of web part zones•...
Custom device layout• Separated layout definition for each device profile• Perfect solution for complex designs• Ability t...
Conditional layouts• CMSConditionalLayout   – Special layout control   – Specify visibility of layout through macro expres...
CSS design changes• Device profile name in body CSS    – For better design capabilities• CSS3 media queries    – Not Kenti...
Questions
Useful links•   http://www.smashingmagazine.com/guidelines-for-mobile-web-development/•   http://www.w3.org/TR/mobile-bp/
ContactJuraj Hrinik• e-mail: jurajh@kentico.com• twitter: @hrinik• web: http://denver.kentico.com• blog: http://devnet.ken...
Upcoming SlideShare
Loading in …5
×

Kentico CMS 7 – Mobile web development

2,395 views

Published on

Mobile development is requirement for any modern websites. Kentico CMS has always been an innovator with their support of mobile devices. Learn how version 7 extends support for mobile developers and dynamic sites. In this session we'll lookat how the power of mobile comes to Kentico CMS 7.

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

Kentico CMS 7 – Mobile web development

  1. 1. Kentico CMS 7 : Mobile webdevelopmentJuraj Hrinik, jurajh@kentico.com
  2. 2. Kentico CMS 7 – Ramp Up WebinarsDate Title Registration linkAugust 30, 2012 (8-9 AM Kentico CMS 7 – Achieving Register herePST) Marketing SuccessAugust 28, 2012 (8-9 AM Kentico CMS User Group Register herePST) Presents: Here Comes Version 7! For more information – go to http://bit.ly/LRsDJP
  3. 3. New features• Mobile device detection – Detected by user agent – Support for external service (51degrees.mobi)• Device profiles – Category of similar devices• Automatic layout transformation – Switches between shared layouts automatically according to current device profile• Custom device layout – Define completely new layout for device profile
  4. 4. Existing features• Conditional layouts – Layout switched by macro expressions• CSS design changes – Auto generated CSS class for current device profile
  5. 5. Mobile device detection• Detection by user agent from client device• Two ways to detect: – Kentico specified XML for user agents • Out of the box solution – 51degrees.mobi provider • Automatic updates
  6. 6. Device profiles• Category of similar devices – No need to define design for each device• Multiple type of detection – You can simplify and tweak detection• Preview – Viewport dimensions of preview in CMSDesk• Ordered list – Better control to detection
  7. 7. Automatic layout transformation• For shared layouts• You can define if layout is convertible and number of web part zones• Automatically layout switch defined for each device profile – One layout can be mapped for different device profiles differently – Layout mapping is in device profiles UI
  8. 8. Custom device layout• Separated layout definition for each device profile• Perfect solution for complex designs• Ability to copy layout from other profile
  9. 9. Conditional layouts• CMSConditionalLayout – Special layout control – Specify visibility of layout through macro expression• CMSDeviceLayout control – Designed for device profiles – Based on CMSConditionalLayout control
  10. 10. CSS design changes• Device profile name in body CSS – For better design capabilities• CSS3 media queries – Not Kentico feature  – Based on CSS2 media type definition
  11. 11. Questions
  12. 12. Useful links• http://www.smashingmagazine.com/guidelines-for-mobile-web-development/• http://www.w3.org/TR/mobile-bp/
  13. 13. ContactJuraj Hrinik• e-mail: jurajh@kentico.com• twitter: @hrinik• web: http://denver.kentico.com• blog: http://devnet.kentico.com/Blogs/Juraj-Hrinik.aspx

×