Your SlideShare is downloading. ×
0
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Achieve Responsive Web Applications With Ease Using Kendo UI
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Achieve Responsive Web Applications With Ease Using Kendo UI

1,906

Published on

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

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,906
On Slideshare
0
From Embeds
0
Number of Embeds
6
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. 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

×