kentico cms 7 – mobile web development
DESCRIPTION
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.TRANSCRIPT
Kentico CMS 7 : Mobile web developmentJuraj Hrinik, [email protected]
Kentico CMS 7 – Ramp Up WebinarsDate Title Registration linkAugust 30, 2012 (8-9 AM PST)
Kentico CMS 7 – Achieving Marketing Success
Register here
August 28, 2012 (8-9 AM PST)
Kentico CMS User Group Presents: Here Comes Version 7!
Register here
For more information – go to http://bit.ly/LRsDJP
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
Existing features
• Conditional layouts– Layout switched by macro expressions
• CSS design changes– Auto generated CSS class for current device profile
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
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
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
Custom device layout
• Separated layout definition for each device profile• Perfect solution for complex designs• Ability to copy layout from other profile
Conditional layouts
• CMSConditionalLayout– Special layout control– Specify visibility of layout through macro expression
• CMSDeviceLayout control– Designed for device profiles– Based on CMSConditionalLayout control
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
Questions
?
Useful links
• http://www.smashingmagazine.com/guidelines-for-mobile-web-development/• http://www.w3.org/TR/mobile-bp/
Contact
Juraj Hrinik• e-mail: [email protected]• twitter: @hrinik• web: http://denver.kentico.com• blog: http://devnet.kentico.com/Blogs/Juraj-Hrinik.aspx