Achieve Responsive Web Applications With Ease Using Kendo UI

3,130 views

Published on

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

Published in: Technology
1 Comment
1 Like
Statistics
Notes
  • can you please share the demo code for your slides
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
3,130
On SlideShare
0
From Embeds
0
Number of Embeds
1,602
Actions
Shares
0
Downloads
24
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Achieve Responsive Web Applications With Ease Using Kendo UI

  1. 1. Responsive Web Apps with Kendo UI THE WAY OF HTML5
  2. 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. 3. What is it ? RWD
  4. 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. 5. RWD & Kendo UI Attribution: Jon Polacek: What the Heck is Responsive Web Design? http://johnpolacek.github.io/scrolldeck.js/decks/responsive/
  6. 6. “Responsive Kendo UI:” 3 pillars • Responsive Widgets • Adaptive Widget Rendering • Modern UI Extensions
  7. 7. 1) Responsive Widgets
  8. 8. 1) Responsive Widgets
  9. 9. Responsive UI Widgets • Built in responsive capabilities • Resizing API (kendo.resize)
  10. 10. Responsive Widgets DEMO
  11. 11. 2) Adaptive Widget Rendering
  12. 12. Adaptive Widget Rendering
  13. 13. Adaptive Widgets DEMO
  14. 14. 3) UI Extensions • Kendo UI Bootstrap Theme • Works well with Twitter Bootstrap
  15. 15. Bootstrap Theme DEMO
  16. 16. Q&A QUESTIONS ?
  17. 17. Thank You ! LOHITH.NAGARAJ@TELERIK.COM @KASHYAPA

×