Your SlideShare is downloading. ×
Kentico CMS 7 – Mobile web development
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Kentico CMS 7 – Mobile web development

1,921
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 …

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,921
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
20
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Kentico CMS 7 : Mobile webdevelopmentJuraj Hrinik, jurajh@kentico.com
  • 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. 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. Existing features• Conditional layouts – Layout switched by macro expressions• CSS design changes – Auto generated CSS class for current device profile
  • 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. 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. 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. Custom device layout• Separated layout definition for each device profile• Perfect solution for complex designs• Ability to copy layout from other profile
  • 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. 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. Questions
  • 12. Useful links• http://www.smashingmagazine.com/guidelines-for-mobile-web-development/• http://www.w3.org/TR/mobile-bp/
  • 13. ContactJuraj Hrinik• e-mail: jurajh@kentico.com• twitter: @hrinik• web: http://denver.kentico.com• blog: http://devnet.kentico.com/Blogs/Juraj-Hrinik.aspx