Slide deck used for my webinar titled "Achieve Responsive Web Applications with Ease Using Kendo UI" held on Jan 16 2014.

1. Responsive
Web Apps with
Kendo UI
THE WAY OF HTML5

2. Introductions
Lohith G N
Dev Evangelist, Telerik
Microsoft MVP (ASP.NET/IIS)
Lohith.nagaraj@telerik.com
@kashyapa
www.kashyapas.com
www.telerikhelper.net

3. What is it ?
RWD

4. Responsive Web Design
“Approach aimed at crafting sites to provide
an optimal viewing experience—easy
reading and navigation with a minimum of
resizing, panning, and scrolling—across a
wide range of devices (from mobile phones
to desktop computer monitors)” - Wikipedia
Attribution: commons.Wikimedia.org Responsive Design Logo

5. RWD & Kendo UI
Attribution: Jon Polacek: What the Heck is Responsive Web Design?
http://johnpolacek.github.io/scrolldeck.js/decks/responsive/

6. “Responsive Kendo UI:” 3 pillars
• Responsive Widgets
• Adaptive Widget Rendering
• Modern UI Extensions

7. 1) Responsive Widgets

8. 1) Responsive Widgets

9. Responsive UI Widgets
• Built in responsive capabilities
• Resizing API (kendo.resize)

10. Responsive Widgets
DEMO

11. 2) Adaptive Widget Rendering

12. Adaptive Widget Rendering

13. Adaptive Widgets
DEMO

14. 3) UI Extensions
• Kendo UI Bootstrap Theme
• Works well with Twitter Bootstrap

15. Bootstrap Theme
DEMO

16. Q&A
QUESTIONS ?

17. Thank You !
LOHITH.NAGARAJ@TELERIK.COM
@KASHYAPA