achieve responsive web applications with ease using kendo ui
DESCRIPTION
Slide deck used for my webinar titled "Achieve Responsive Web Applications with Ease Using Kendo UI" held on Jan 16 2014.TRANSCRIPT
Responsive Web Apps withKendo UI
THE WAY OF HTML5
Introductions
Lohith G NDev Evangelist, TelerikMicrosoft MVP (ASP.NET/IIS)
[email protected]@kashyapa
www.kashyapas.comwww.telerikhelper.net
RWDWhat is it ?
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
RWD & Kendo UI
Attribution: Jon Polacek: What the Heck is Responsive Web Design?http://johnpolacek.github.io/scrolldeck.js/decks/responsive/
“Responsive Kendo UI:” 3 pillars
• Responsive Widgets• Adaptive Widget Rendering• Modern UI Extensions
1) Responsive Widgets
1) Responsive Widgets
Responsive UI Widgets
• Built in responsive capabilities• Resizing API (kendo.resize)
DEMOResponsive Widgets
2) Adaptive Widget Rendering
Adaptive Widget Rendering
DEMOAdaptive Widgets
3) UI Extensions
• Kendo UI Bootstrap Theme• Works well with Twitter Bootstrap
DEMOBootstrap Theme
QUESTIONS ?Q&A