SlideShare a Scribd company logo
1 of 27
Kentico Technical Learning
Exploring jQuery Mobile
 Thomas Robbins
 @trobbins
Our agenda…


•   Getting started
•   Scenario: jQuery mobile
•   jQuery in Action: Meet jQuery Mobile
•   jQuery in Action: Page components
•   jQuery in Action: Integration with Kentico CMS
GETTING STARTED
This webinar is a follow up to….




                                      Available at
http://devnet.kentico.com/Videos/Mobile/Kentico-Technical-Learning-Responsive-Design-with.aspx
A quick review…

            Access Methods        Solution                           Benefits                   Drawbacks

            The Web          Mobile Sub Site                    Separate navigation, site
                                                                map and page content.
            Search Engines   Create a separate site
                             alongside the existing site to     Easy to implement reusing      Two site maps
                             serve mobile optimised             existing skills, hosting and
            Other Sites      content.                           content.
 Which      Banner Ads

 access     Printed Media    Responsive Design
                                                                Single screen to rule all.     New skills needed.
                                                                For example; different         Could break existing site.
                             Enhance existing site so that it
 methods    Web Address      dynamically changes to
                                                                menu formats, or switching
                                                                                               Complexity
                                                                between column or row
                             support mobile.                    content layout.                Standards not ratified.
 do you     QR Codes

 require?                    Native/Hybrid                                                     Different versions of the
                                                                                               application needed for
                             Applications                       Essential for high end
                                                                                               Apple, Android, Windows,
            Application      Create a program that runs
                                                                gaming.
                                                                                               Blackberry, etc.
            Stores           on the mobile device               Works without a network
                                                                                               Requires continued
                             independent of the browser         connection.
                                                                                               maintenance as platforms
                             or internet.                                                      change.
Generic mobile requirements checklist…

                  • Is it readable?
                      – Consider how easy it is to read text in
                        columns at various widths and page
                        sizes.
                  • Is it visible?
                      – Make sure all the key information is
                        above the fold to prevent scrolling.
                      – Strike the proper balance between
                        number of display items and detail
                        level.
                  • Is it usable?
                      – Consider the page look when the
                        page elements are at the proper size
                        and location for a screen size.
Scenario

JQUERY MOBILE
What is a mobile framework?
 A mobile framework involves a combination of Javascript, CSS
 and other assets that aid in the styling of the mobile
 experience.
                   There are many choices!




     http://www.markus-falk.com/mobile-frameworks-comparison-chart/
Our Scenario…




                http://jquerymobile.com/
jQuery in action

MEET JQUERY MOBILE
What is jQuery Mobile?


• JavaScript in a unified user interface
• Works across the most-used mobile devices
  and support mobile browsers
• Treats mobile web browsers exactly the same
  as desktop web browsers
All pages in jQuery mobile….

• Are built on a foundation of clean, semantic
  HTML
• Ensure compatibility with pretty much any web-
  enabled device
• Attempt to transform the semantic page into a
  rich, interactive experience
• Leverages the power of jQuery and CSS
• Are responsive
• Applies progressive enhancement techniques
Responsive design IS…

                  • Key elements
                        – Fluid layouts/grid
                        – Flexible images and media
                        – CSS Media queries
                  • Google recommends responsive
                    design for better SEO!
                  Examples
                  •   http://www.ecentricarts.com/
                  •   http://www.newbornfree.com/home
                  •   http://www.microsoft.com
                  •   Sample corporate site
Responsive design ISN’T…




          •   A single technology
          •   A checkbox in Kentico
          •   A magic formula
          •   A quick fix
Progressive enhancement
Basic Definition: Progressive enhancements is the separation of HTML, CSS and Javascript
in your website. When these website components are compartmentalized a website can
more easily allow the sites ability to become enhanced depending on the web browser’s
capabilities
     Peel the onion of your code!                                        The Benefits of PE!

                 Client Side Scripting                                            Accessibility
                  Layer (Javascript,
                        jQuery)                                    Content is within the reach of all site visitors




                 Presentation Layer
                                                                                    Portability
                       (CSS)                          Cross browser and cross device            Websites remain effective not
                                                                 support                        matter the browser or device




                                                                                   Modularity

                                                                 Assists the developer in managing the application


                Content Layer (HTML)

                                                                               Site performance
                                                     Layered approach ensures that the content is loaded first, then styles and
                                                                                then behaviors
jQuery Mobile Boiler Plate Code




                   #    Description
                   5    Recommended viewport configuration
                   6    jQuery mobile CSS
                   7    jQuery library declaration
                   8    Customizations that may look to override jQuery’s configuration
                   9    jQuery mobile library must be declared after jQuery and any custom scripts
                   12   data-role=“page” defines the page container
                   13   data-role=“header” is the header and title bar
                   16   data-role=“content” is the content body
                   19   data-role=“footer” contains the footer bar
jQuery in Action

PAGE COMPONENTS
Data-role = “??”


Data-* Attribute                     Data-role
• Used by Javascript                 • Used by jQuery UI and
• No pre-defined functionality         jQuery Mobile
• Used to make attributes            • An attribute of an HTML
                                       elements
                                     • Used to give native look and
                                       feel
                                     • Used for elements like
                                       pages, buttons etc.
 $("#list").data("role","header");        <div data-role="page" id="home">
Pages & Dialogs
           jQuery mobile allows multiple pages stored in a single page!

Pages                                     Dialogs
• Consists of an element with a           • Add the data-rel=“dialog” to
  data-role="page" attribute.                the link
• Within the "page" container, any
  valid HTML markup can be used           • Gives the appearance of a
  with data-roles of "header",               modal dialog
  "content", and "footer"
Buttons

• All buttons in the body   • Basic
  content are styled as       <A href="#" data-
                              role="button">Button1</A>
  block-level elements to
  fill screen width
• Use anchor links for
  navigation buttons, and   • Inline
  input or form                <A href="#" data-role="button"
  submission.                 data-inline="true">True</A>
Navigation - Listview

• Lists… lists and more              • Unordered List
  lists..                              <ul data-role="listview">
                                                       <li>Item</li>
• Coded as data-                                       <li>Item</li>
                                                       <li>Item</li>
  role=“Listview”                      </ul>


• Built in filter                    • Ordered list
 <ul data-role="listview" data-
inset="true" data-filter="true">        <ol data-role="listview">
                                                        <li>Item</li>
                                                        <li>Item</li>
                                                        <li>Item</li>
                                        </ol>




          This is just the basics!
Navigation - Toolbars

• Set of buttons across          <nav data-role="navbar">
                                         <a href="#">Reviews</a>
  top of page                            <a href="#">Partners</a>
                                         <a href="#">Customers</a>
• Coded as simple data-                  <a href="#">Training</a>
                                         <a href="#">Purchase</a>
  role=“navbar”                  </nav>




      This is just the basics!
Checkboxes and Radio buttons

• Enhanced checkboxes,   • Checkboxes
  radio buttons and        <fieldset data-role="controlgroup">
                               <legend>Filter Restaurants
  others                   By:</legend>
                               <input type="checkbox"
                           name="checkbox-french"
                           id="checkbox-french">
                               <label for="checkbox-
                           french">French</label>
                               <input type="checkbox"
                           name="checkbox-italian"
                           id="checkbox-italian">
                               <label for="checkbox-
                           italian">Italian</label>
                               <input type="checkbox"
                           name="checkbox-greek" id="checkbox-
                           greek">
                               <label for="checkbox-
                           greek">Greek</label>
                           </fieldset>
This is just the basics!!!
jQuery in Action

INTEGRATION WITH KENTICO CMS
Show me an Example!


E-Commerce Full Site                                  E-Commerce Mobile Site
•   http://demostore.kenticolab.com/Home.aspx         •   http://demostore.kenticolab.com/Mobile/Home.aspx




http://devnet.kentico.com/Blogs/Milan-Kacurak/January-2013/Integrating-jQuery-Mobile-into-Kentico-CMS.aspx
Questions




                  Thanks!
            Thomas Robbins, Chief Evangelist
                thomasr@kentico.com
                     @trobbins

More Related Content

What's hot

Real-world Dojo Mobile
Real-world Dojo MobileReal-world Dojo Mobile
Real-world Dojo MobileAndrew Ferrier
 
Introduction to j query mobile framework
Introduction to j query mobile frameworkIntroduction to j query mobile framework
Introduction to j query mobile frameworkShreerang Patwardhan
 
Adobe AIR Development for the BlackBerry PlayBook
Adobe AIR Development for the BlackBerry PlayBookAdobe AIR Development for the BlackBerry PlayBook
Adobe AIR Development for the BlackBerry PlayBookKyle McInnes
 
On Esite Enterprise Cms &amp; Site Builder
On Esite Enterprise Cms &amp; Site BuilderOn Esite Enterprise Cms &amp; Site Builder
On Esite Enterprise Cms &amp; Site BuilderMattMcGee
 
End to end content managed online mobile banking
End to end content managed online mobile bankingEnd to end content managed online mobile banking
End to end content managed online mobile bankingbkraft
 
Mobile web technologies_overview_v1_0_en
Mobile web technologies_overview_v1_0_enMobile web technologies_overview_v1_0_en
Mobile web technologies_overview_v1_0_enHemant Shah
 
Codestrong 2012 breakout session the role of cloud services in your next ge...
Codestrong 2012 breakout session   the role of cloud services in your next ge...Codestrong 2012 breakout session   the role of cloud services in your next ge...
Codestrong 2012 breakout session the role of cloud services in your next ge...Axway Appcelerator
 
uMobile: Jasig-Sakai 2012
uMobile: Jasig-Sakai 2012uMobile: Jasig-Sakai 2012
uMobile: Jasig-Sakai 2012Jennifer Bourey
 
Magic mobile webinar_Jan2013
Magic mobile webinar_Jan2013Magic mobile webinar_Jan2013
Magic mobile webinar_Jan2013Magic Software
 
uMobile: Taking Mobile Applications and Devices to the Next Level
uMobile: Taking Mobile Applications and Devices to the Next LeveluMobile: Taking Mobile Applications and Devices to the Next Level
uMobile: Taking Mobile Applications and Devices to the Next LevelJennifer Bourey
 
Grameen Solutions Product Engineering Featured Projects 2009 11 12
Grameen Solutions   Product Engineering Featured Projects 2009 11 12Grameen Solutions   Product Engineering Featured Projects 2009 11 12
Grameen Solutions Product Engineering Featured Projects 2009 11 12Grameen Solutions
 
Architecture of a Modern Web App
Architecture of a Modern Web AppArchitecture of a Modern Web App
Architecture of a Modern Web Appscothis
 
Sodel Solutions
Sodel SolutionsSodel Solutions
Sodel Solutionsnavendux
 
Portalbusinessoverview
PortalbusinessoverviewPortalbusinessoverview
Portalbusinessoverviewdteboul
 
eXo overview Fev 2013. Introducing our new positioning.
eXo overview Fev 2013. Introducing our new positioning. eXo overview Fev 2013. Introducing our new positioning.
eXo overview Fev 2013. Introducing our new positioning. Yann Aubry
 
Introducing ADF Mobile - and Luc Bors(AMIS SIG, 12th November 2012)
Introducing ADF Mobile - and Luc Bors(AMIS SIG, 12th November 2012)Introducing ADF Mobile - and Luc Bors(AMIS SIG, 12th November 2012)
Introducing ADF Mobile - and Luc Bors(AMIS SIG, 12th November 2012)Lucas Jellema
 
Ahadh Abbas Sr. Web UIUX Designer
Ahadh Abbas Sr. Web UIUX DesignerAhadh Abbas Sr. Web UIUX Designer
Ahadh Abbas Sr. Web UIUX Designerahadh abbas
 

What's hot (20)

Getting Started with BB Development..
Getting Started with BB Development..Getting Started with BB Development..
Getting Started with BB Development..
 
Real-world Dojo Mobile
Real-world Dojo MobileReal-world Dojo Mobile
Real-world Dojo Mobile
 
Introduction to j query mobile framework
Introduction to j query mobile frameworkIntroduction to j query mobile framework
Introduction to j query mobile framework
 
Adobe AIR Development for the BlackBerry PlayBook
Adobe AIR Development for the BlackBerry PlayBookAdobe AIR Development for the BlackBerry PlayBook
Adobe AIR Development for the BlackBerry PlayBook
 
On Esite Enterprise Cms &amp; Site Builder
On Esite Enterprise Cms &amp; Site BuilderOn Esite Enterprise Cms &amp; Site Builder
On Esite Enterprise Cms &amp; Site Builder
 
End to end content managed online mobile banking
End to end content managed online mobile bankingEnd to end content managed online mobile banking
End to end content managed online mobile banking
 
Mobile web technologies_overview_v1_0_en
Mobile web technologies_overview_v1_0_enMobile web technologies_overview_v1_0_en
Mobile web technologies_overview_v1_0_en
 
Codestrong 2012 breakout session the role of cloud services in your next ge...
Codestrong 2012 breakout session   the role of cloud services in your next ge...Codestrong 2012 breakout session   the role of cloud services in your next ge...
Codestrong 2012 breakout session the role of cloud services in your next ge...
 
uMobile: Jasig-Sakai 2012
uMobile: Jasig-Sakai 2012uMobile: Jasig-Sakai 2012
uMobile: Jasig-Sakai 2012
 
SharePoint and Mobile
SharePoint and MobileSharePoint and Mobile
SharePoint and Mobile
 
Web Sphere Portal
Web Sphere PortalWeb Sphere Portal
Web Sphere Portal
 
Magic mobile webinar_Jan2013
Magic mobile webinar_Jan2013Magic mobile webinar_Jan2013
Magic mobile webinar_Jan2013
 
uMobile: Taking Mobile Applications and Devices to the Next Level
uMobile: Taking Mobile Applications and Devices to the Next LeveluMobile: Taking Mobile Applications and Devices to the Next Level
uMobile: Taking Mobile Applications and Devices to the Next Level
 
Grameen Solutions Product Engineering Featured Projects 2009 11 12
Grameen Solutions   Product Engineering Featured Projects 2009 11 12Grameen Solutions   Product Engineering Featured Projects 2009 11 12
Grameen Solutions Product Engineering Featured Projects 2009 11 12
 
Architecture of a Modern Web App
Architecture of a Modern Web AppArchitecture of a Modern Web App
Architecture of a Modern Web App
 
Sodel Solutions
Sodel SolutionsSodel Solutions
Sodel Solutions
 
Portalbusinessoverview
PortalbusinessoverviewPortalbusinessoverview
Portalbusinessoverview
 
eXo overview Fev 2013. Introducing our new positioning.
eXo overview Fev 2013. Introducing our new positioning. eXo overview Fev 2013. Introducing our new positioning.
eXo overview Fev 2013. Introducing our new positioning.
 
Introducing ADF Mobile - and Luc Bors(AMIS SIG, 12th November 2012)
Introducing ADF Mobile - and Luc Bors(AMIS SIG, 12th November 2012)Introducing ADF Mobile - and Luc Bors(AMIS SIG, 12th November 2012)
Introducing ADF Mobile - and Luc Bors(AMIS SIG, 12th November 2012)
 
Ahadh Abbas Sr. Web UIUX Designer
Ahadh Abbas Sr. Web UIUX DesignerAhadh Abbas Sr. Web UIUX Designer
Ahadh Abbas Sr. Web UIUX Designer
 

Viewers also liked

Kentico CMS - Web Analytics And Reporting
Kentico CMS - Web Analytics And ReportingKentico CMS - Web Analytics And Reporting
Kentico CMS - Web Analytics And ReportingMichal Neuwirth
 
What\'s New in Kentico CMS 5.5 R2
What\'s New in Kentico CMS 5.5 R2What\'s New in Kentico CMS 5.5 R2
What\'s New in Kentico CMS 5.5 R2Michal Neuwirth
 
Differences Between On Premise And Windows Azure
Differences Between On Premise And Windows AzureDifferences Between On Premise And Windows Azure
Differences Between On Premise And Windows AzureMichal Neuwirth
 
Moving Kentico Cms To The Azure
Moving Kentico Cms To The AzureMoving Kentico Cms To The Azure
Moving Kentico Cms To The AzureMichal Neuwirth
 
Additional Kentico Azure Support, Management And Faq
Additional Kentico Azure Support, Management And FaqAdditional Kentico Azure Support, Management And Faq
Additional Kentico Azure Support, Management And FaqMichal Neuwirth
 
Kentico Cms Security White Paper
Kentico Cms Security White PaperKentico Cms Security White Paper
Kentico Cms Security White PaperMichal Neuwirth
 
Kentico CMS 7 - Security improvements
Kentico CMS 7 - Security improvementsKentico CMS 7 - Security improvements
Kentico CMS 7 - Security improvementsThomas Robbins
 

Viewers also liked (7)

Kentico CMS - Web Analytics And Reporting
Kentico CMS - Web Analytics And ReportingKentico CMS - Web Analytics And Reporting
Kentico CMS - Web Analytics And Reporting
 
What\'s New in Kentico CMS 5.5 R2
What\'s New in Kentico CMS 5.5 R2What\'s New in Kentico CMS 5.5 R2
What\'s New in Kentico CMS 5.5 R2
 
Differences Between On Premise And Windows Azure
Differences Between On Premise And Windows AzureDifferences Between On Premise And Windows Azure
Differences Between On Premise And Windows Azure
 
Moving Kentico Cms To The Azure
Moving Kentico Cms To The AzureMoving Kentico Cms To The Azure
Moving Kentico Cms To The Azure
 
Additional Kentico Azure Support, Management And Faq
Additional Kentico Azure Support, Management And FaqAdditional Kentico Azure Support, Management And Faq
Additional Kentico Azure Support, Management And Faq
 
Kentico Cms Security White Paper
Kentico Cms Security White PaperKentico Cms Security White Paper
Kentico Cms Security White Paper
 
Kentico CMS 7 - Security improvements
Kentico CMS 7 - Security improvementsKentico CMS 7 - Security improvements
Kentico CMS 7 - Security improvements
 

Similar to Kentico Technical Learning: Exploring jQuery Mobile

Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.DALEZ
 
Mobile Endgeräte sind überall – deshalb das mobile Portal
Mobile Endgeräte sind überall – deshalb das mobile Portal Mobile Endgeräte sind überall – deshalb das mobile Portal
Mobile Endgeräte sind überall – deshalb das mobile Portal IBM Lotus
 
Understanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile ArchitecturesUnderstanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile ArchitecturesSalesforce Developers
 
Evolving Mobile Architectures
Evolving Mobile ArchitecturesEvolving Mobile Architectures
Evolving Mobile Architecturessgleadow
 
W3C Mobile Web technologies
W3C Mobile Web technologiesW3C Mobile Web technologies
W3C Mobile Web technologiesRobin Berjon
 
Station Four: Web Redesign Presentation
Station Four: Web Redesign PresentationStation Four: Web Redesign Presentation
Station Four: Web Redesign Presentationcolberding
 
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionicHybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionicErmias Bayu
 
Anatomy of an HTML 5 mobile web app
Anatomy of an HTML 5 mobile web app Anatomy of an HTML 5 mobile web app
Anatomy of an HTML 5 mobile web app Ivano Malavolta
 
DrupalCamp ATL 2010: Not all CMSs are created equal
DrupalCamp ATL 2010: Not all CMSs are created equalDrupalCamp ATL 2010: Not all CMSs are created equal
DrupalCamp ATL 2010: Not all CMSs are created equalandrewmriley
 
Top Ten Tips for HTML5/Mobile Web Development
Top Ten Tips for HTML5/Mobile Web DevelopmentTop Ten Tips for HTML5/Mobile Web Development
Top Ten Tips for HTML5/Mobile Web DevelopmentSimon Guest
 
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery MobileBuilding Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery MobileJon Cortez
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile DevelopmentManesh Lad
 
Cross platform mobile application architecture for enterprise
Cross platform mobile application architecture for enterpriseCross platform mobile application architecture for enterprise
Cross platform mobile application architecture for enterpriseVenkat Alagarsamy
 

Similar to Kentico Technical Learning: Exploring jQuery Mobile (20)

Jquery mobile
Jquery mobileJquery mobile
Jquery mobile
 
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov.
 
Mobile Endgeräte sind überall – deshalb das mobile Portal
Mobile Endgeräte sind überall – deshalb das mobile Portal Mobile Endgeräte sind überall – deshalb das mobile Portal
Mobile Endgeräte sind überall – deshalb das mobile Portal
 
Understanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile ArchitecturesUnderstanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile Architectures
 
Evolving Mobile Architectures
Evolving Mobile ArchitecturesEvolving Mobile Architectures
Evolving Mobile Architectures
 
W3C Mobile Web technologies
W3C Mobile Web technologiesW3C Mobile Web technologies
W3C Mobile Web technologies
 
Jquery Mobile
Jquery MobileJquery Mobile
Jquery Mobile
 
jQuery Mobile
jQuery MobilejQuery Mobile
jQuery Mobile
 
Station Four: Web Redesign Presentation
Station Four: Web Redesign PresentationStation Four: Web Redesign Presentation
Station Four: Web Redesign Presentation
 
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionicHybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
 
Anatomy of an HTML 5 mobile web app
Anatomy of an HTML 5 mobile web app Anatomy of an HTML 5 mobile web app
Anatomy of an HTML 5 mobile web app
 
Building SPA’s (Single Page App) with Backbone.js
Building SPA’s (Single Page App) with Backbone.jsBuilding SPA’s (Single Page App) with Backbone.js
Building SPA’s (Single Page App) with Backbone.js
 
DrupalCamp ATL 2010: Not all CMSs are created equal
DrupalCamp ATL 2010: Not all CMSs are created equalDrupalCamp ATL 2010: Not all CMSs are created equal
DrupalCamp ATL 2010: Not all CMSs are created equal
 
PPT ON UI.pptx
PPT ON UI.pptxPPT ON UI.pptx
PPT ON UI.pptx
 
Low-Cost Digital Marketing Service in Nagpur | PSK Technologies
Low-Cost Digital Marketing Service in Nagpur | PSK TechnologiesLow-Cost Digital Marketing Service in Nagpur | PSK Technologies
Low-Cost Digital Marketing Service in Nagpur | PSK Technologies
 
Top Ten Tips for HTML5/Mobile Web Development
Top Ten Tips for HTML5/Mobile Web DevelopmentTop Ten Tips for HTML5/Mobile Web Development
Top Ten Tips for HTML5/Mobile Web Development
 
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery MobileBuilding Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
Building Mobile Web Apps using ASP.NET MVC, HTML5, & jQuery Mobile
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile Development
 
Cross platform mobile application architecture for enterprise
Cross platform mobile application architecture for enterpriseCross platform mobile application architecture for enterprise
Cross platform mobile application architecture for enterprise
 
Sai Sharan_UI_Resume
Sai Sharan_UI_ResumeSai Sharan_UI_Resume
Sai Sharan_UI_Resume
 

More from Thomas Robbins

PlayFab Advanced Cloud Script
PlayFab Advanced Cloud ScriptPlayFab Advanced Cloud Script
PlayFab Advanced Cloud ScriptThomas Robbins
 
What’s in the box? Creating chance mechanics and rewards
What’s in the box? Creating chance mechanics and rewardsWhat’s in the box? Creating chance mechanics and rewards
What’s in the box? Creating chance mechanics and rewardsThomas Robbins
 
Getting started with Cloud Script
Getting started with Cloud ScriptGetting started with Cloud Script
Getting started with Cloud ScriptThomas Robbins
 
Say hello to the new PlayFab!
Say hello to the new PlayFab!Say hello to the new PlayFab!
Say hello to the new PlayFab!Thomas Robbins
 
Data-Driven Government: Explore the Four Pillars of Value
Data-Driven Government: Explore the Four Pillars of ValueData-Driven Government: Explore the Four Pillars of Value
Data-Driven Government: Explore the Four Pillars of ValueThomas Robbins
 
Financial Transparency Trailblazers
Financial Transparency TrailblazersFinancial Transparency Trailblazers
Financial Transparency TrailblazersThomas Robbins
 
Telling Stories with Open Data
Telling Stories with Open DataTelling Stories with Open Data
Telling Stories with Open DataThomas Robbins
 
Socrata Financial Transparency Suite
Socrata Financial Transparency Suite Socrata Financial Transparency Suite
Socrata Financial Transparency Suite Thomas Robbins
 
Socrata Service Connect
Socrata Service ConnectSocrata Service Connect
Socrata Service ConnectThomas Robbins
 
Leveraging Data to Engage Citizens and Drive Innovation
Leveraging Data to Engage Citizens and Drive InnovationLeveraging Data to Engage Citizens and Drive Innovation
Leveraging Data to Engage Citizens and Drive InnovationThomas Robbins
 
Using MVC with Kentico 8
Using MVC with Kentico 8Using MVC with Kentico 8
Using MVC with Kentico 8Thomas Robbins
 
Say hello to Kentico 8! Your integrated marketing solution has arrived
Say hello to Kentico 8! Your integrated marketing solution has arrivedSay hello to Kentico 8! Your integrated marketing solution has arrived
Say hello to Kentico 8! Your integrated marketing solution has arrivedThomas Robbins
 
One Size does Not Fit All: Selecting the Right Mobile StrategyKentico mobil...
One Size does Not Fit All: Selecting the Right Mobile StrategyKentico   mobil...One Size does Not Fit All: Selecting the Right Mobile StrategyKentico   mobil...
One Size does Not Fit All: Selecting the Right Mobile StrategyKentico mobil...Thomas Robbins
 
Getting started with MVC 5 and Visual Studio 2013
Getting started with MVC 5 and Visual Studio 2013Getting started with MVC 5 and Visual Studio 2013
Getting started with MVC 5 and Visual Studio 2013Thomas Robbins
 
Digital marketing best practices
Digital marketing best practices Digital marketing best practices
Digital marketing best practices Thomas Robbins
 
Do you speak digital marketing with Kentico CMS?
Do you speak digital marketing with Kentico CMS?Do you speak digital marketing with Kentico CMS?
Do you speak digital marketing with Kentico CMS?Thomas Robbins
 
Common questions for Windows Azure and Kentico CMS
Common questions for Windows Azure and Kentico CMSCommon questions for Windows Azure and Kentico CMS
Common questions for Windows Azure and Kentico CMSThomas Robbins
 
Advanced development with Windows Azure
Advanced development with Windows AzureAdvanced development with Windows Azure
Advanced development with Windows AzureThomas Robbins
 
Best Practices for Kentico CMS and Windows Azure
Best Practices for Kentico CMS and Windows AzureBest Practices for Kentico CMS and Windows Azure
Best Practices for Kentico CMS and Windows AzureThomas Robbins
 

More from Thomas Robbins (20)

PlayFab Advanced Cloud Script
PlayFab Advanced Cloud ScriptPlayFab Advanced Cloud Script
PlayFab Advanced Cloud Script
 
What’s in the box? Creating chance mechanics and rewards
What’s in the box? Creating chance mechanics and rewardsWhat’s in the box? Creating chance mechanics and rewards
What’s in the box? Creating chance mechanics and rewards
 
Getting started with Cloud Script
Getting started with Cloud ScriptGetting started with Cloud Script
Getting started with Cloud Script
 
Say hello to the new PlayFab!
Say hello to the new PlayFab!Say hello to the new PlayFab!
Say hello to the new PlayFab!
 
Data-Driven Government: Explore the Four Pillars of Value
Data-Driven Government: Explore the Four Pillars of ValueData-Driven Government: Explore the Four Pillars of Value
Data-Driven Government: Explore the Four Pillars of Value
 
Financial Transparency Trailblazers
Financial Transparency TrailblazersFinancial Transparency Trailblazers
Financial Transparency Trailblazers
 
Telling Stories with Open Data
Telling Stories with Open DataTelling Stories with Open Data
Telling Stories with Open Data
 
Socrata Financial Transparency Suite
Socrata Financial Transparency Suite Socrata Financial Transparency Suite
Socrata Financial Transparency Suite
 
Socrata Service Connect
Socrata Service ConnectSocrata Service Connect
Socrata Service Connect
 
Leveraging Data to Engage Citizens and Drive Innovation
Leveraging Data to Engage Citizens and Drive InnovationLeveraging Data to Engage Citizens and Drive Innovation
Leveraging Data to Engage Citizens and Drive Innovation
 
Using MVC with Kentico 8
Using MVC with Kentico 8Using MVC with Kentico 8
Using MVC with Kentico 8
 
Here Comes Kentico 8
Here Comes Kentico 8Here Comes Kentico 8
Here Comes Kentico 8
 
Say hello to Kentico 8! Your integrated marketing solution has arrived
Say hello to Kentico 8! Your integrated marketing solution has arrivedSay hello to Kentico 8! Your integrated marketing solution has arrived
Say hello to Kentico 8! Your integrated marketing solution has arrived
 
One Size does Not Fit All: Selecting the Right Mobile StrategyKentico mobil...
One Size does Not Fit All: Selecting the Right Mobile StrategyKentico   mobil...One Size does Not Fit All: Selecting the Right Mobile StrategyKentico   mobil...
One Size does Not Fit All: Selecting the Right Mobile StrategyKentico mobil...
 
Getting started with MVC 5 and Visual Studio 2013
Getting started with MVC 5 and Visual Studio 2013Getting started with MVC 5 and Visual Studio 2013
Getting started with MVC 5 and Visual Studio 2013
 
Digital marketing best practices
Digital marketing best practices Digital marketing best practices
Digital marketing best practices
 
Do you speak digital marketing with Kentico CMS?
Do you speak digital marketing with Kentico CMS?Do you speak digital marketing with Kentico CMS?
Do you speak digital marketing with Kentico CMS?
 
Common questions for Windows Azure and Kentico CMS
Common questions for Windows Azure and Kentico CMSCommon questions for Windows Azure and Kentico CMS
Common questions for Windows Azure and Kentico CMS
 
Advanced development with Windows Azure
Advanced development with Windows AzureAdvanced development with Windows Azure
Advanced development with Windows Azure
 
Best Practices for Kentico CMS and Windows Azure
Best Practices for Kentico CMS and Windows AzureBest Practices for Kentico CMS and Windows Azure
Best Practices for Kentico CMS and Windows Azure
 

Recently uploaded

Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Hiroshi SHIBATA
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Scott Andery
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI AgeCprime
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsRavi Sanghani
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityIES VE
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality AssuranceInflectra
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Farhan Tariq
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Mark Goldstein
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rick Flair
 

Recently uploaded (20)

Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI Age
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a reality
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
 

Kentico Technical Learning: Exploring jQuery Mobile

  • 1. Kentico Technical Learning Exploring jQuery Mobile Thomas Robbins @trobbins
  • 2. Our agenda… • Getting started • Scenario: jQuery mobile • jQuery in Action: Meet jQuery Mobile • jQuery in Action: Page components • jQuery in Action: Integration with Kentico CMS
  • 4. This webinar is a follow up to…. Available at http://devnet.kentico.com/Videos/Mobile/Kentico-Technical-Learning-Responsive-Design-with.aspx
  • 5. A quick review… Access Methods Solution Benefits Drawbacks The Web Mobile Sub Site Separate navigation, site map and page content. Search Engines Create a separate site alongside the existing site to Easy to implement reusing Two site maps serve mobile optimised existing skills, hosting and Other Sites content. content. Which Banner Ads access Printed Media Responsive Design Single screen to rule all. New skills needed. For example; different Could break existing site. Enhance existing site so that it methods Web Address dynamically changes to menu formats, or switching Complexity between column or row support mobile. content layout. Standards not ratified. do you QR Codes require? Native/Hybrid Different versions of the application needed for Applications Essential for high end Apple, Android, Windows, Application Create a program that runs gaming. Blackberry, etc. Stores on the mobile device Works without a network Requires continued independent of the browser connection. maintenance as platforms or internet. change.
  • 6. Generic mobile requirements checklist… • Is it readable? – Consider how easy it is to read text in columns at various widths and page sizes. • Is it visible? – Make sure all the key information is above the fold to prevent scrolling. – Strike the proper balance between number of display items and detail level. • Is it usable? – Consider the page look when the page elements are at the proper size and location for a screen size.
  • 8. What is a mobile framework? A mobile framework involves a combination of Javascript, CSS and other assets that aid in the styling of the mobile experience. There are many choices! http://www.markus-falk.com/mobile-frameworks-comparison-chart/
  • 9. Our Scenario… http://jquerymobile.com/
  • 10. jQuery in action MEET JQUERY MOBILE
  • 11. What is jQuery Mobile? • JavaScript in a unified user interface • Works across the most-used mobile devices and support mobile browsers • Treats mobile web browsers exactly the same as desktop web browsers
  • 12. All pages in jQuery mobile…. • Are built on a foundation of clean, semantic HTML • Ensure compatibility with pretty much any web- enabled device • Attempt to transform the semantic page into a rich, interactive experience • Leverages the power of jQuery and CSS • Are responsive • Applies progressive enhancement techniques
  • 13. Responsive design IS… • Key elements – Fluid layouts/grid – Flexible images and media – CSS Media queries • Google recommends responsive design for better SEO! Examples • http://www.ecentricarts.com/ • http://www.newbornfree.com/home • http://www.microsoft.com • Sample corporate site
  • 14. Responsive design ISN’T… • A single technology • A checkbox in Kentico • A magic formula • A quick fix
  • 15. Progressive enhancement Basic Definition: Progressive enhancements is the separation of HTML, CSS and Javascript in your website. When these website components are compartmentalized a website can more easily allow the sites ability to become enhanced depending on the web browser’s capabilities Peel the onion of your code! The Benefits of PE! Client Side Scripting Accessibility Layer (Javascript, jQuery) Content is within the reach of all site visitors Presentation Layer Portability (CSS) Cross browser and cross device Websites remain effective not support matter the browser or device Modularity Assists the developer in managing the application Content Layer (HTML) Site performance Layered approach ensures that the content is loaded first, then styles and then behaviors
  • 16. jQuery Mobile Boiler Plate Code # Description 5 Recommended viewport configuration 6 jQuery mobile CSS 7 jQuery library declaration 8 Customizations that may look to override jQuery’s configuration 9 jQuery mobile library must be declared after jQuery and any custom scripts 12 data-role=“page” defines the page container 13 data-role=“header” is the header and title bar 16 data-role=“content” is the content body 19 data-role=“footer” contains the footer bar
  • 17. jQuery in Action PAGE COMPONENTS
  • 18. Data-role = “??” Data-* Attribute Data-role • Used by Javascript • Used by jQuery UI and • No pre-defined functionality jQuery Mobile • Used to make attributes • An attribute of an HTML elements • Used to give native look and feel • Used for elements like pages, buttons etc. $("#list").data("role","header"); <div data-role="page" id="home">
  • 19. Pages & Dialogs jQuery mobile allows multiple pages stored in a single page! Pages Dialogs • Consists of an element with a • Add the data-rel=“dialog” to data-role="page" attribute. the link • Within the "page" container, any valid HTML markup can be used • Gives the appearance of a with data-roles of "header", modal dialog "content", and "footer"
  • 20. Buttons • All buttons in the body • Basic content are styled as <A href="#" data- role="button">Button1</A> block-level elements to fill screen width • Use anchor links for navigation buttons, and • Inline input or form <A href="#" data-role="button" submission. data-inline="true">True</A>
  • 21. Navigation - Listview • Lists… lists and more • Unordered List lists.. <ul data-role="listview"> <li>Item</li> • Coded as data- <li>Item</li> <li>Item</li> role=“Listview” </ul> • Built in filter • Ordered list <ul data-role="listview" data- inset="true" data-filter="true"> <ol data-role="listview"> <li>Item</li> <li>Item</li> <li>Item</li> </ol> This is just the basics!
  • 22. Navigation - Toolbars • Set of buttons across <nav data-role="navbar"> <a href="#">Reviews</a> top of page <a href="#">Partners</a> <a href="#">Customers</a> • Coded as simple data- <a href="#">Training</a> <a href="#">Purchase</a> role=“navbar” </nav> This is just the basics!
  • 23. Checkboxes and Radio buttons • Enhanced checkboxes, • Checkboxes radio buttons and <fieldset data-role="controlgroup"> <legend>Filter Restaurants others By:</legend> <input type="checkbox" name="checkbox-french" id="checkbox-french"> <label for="checkbox- french">French</label> <input type="checkbox" name="checkbox-italian" id="checkbox-italian"> <label for="checkbox- italian">Italian</label> <input type="checkbox" name="checkbox-greek" id="checkbox- greek"> <label for="checkbox- greek">Greek</label> </fieldset>
  • 24. This is just the basics!!!
  • 25. jQuery in Action INTEGRATION WITH KENTICO CMS
  • 26. Show me an Example! E-Commerce Full Site E-Commerce Mobile Site • http://demostore.kenticolab.com/Home.aspx • http://demostore.kenticolab.com/Mobile/Home.aspx http://devnet.kentico.com/Blogs/Milan-Kacurak/January-2013/Integrating-jQuery-Mobile-into-Kentico-CMS.aspx
  • 27. Questions Thanks! Thomas Robbins, Chief Evangelist thomasr@kentico.com @trobbins

Editor's Notes

  1. http://www.markus-falk.com/mobile-frameworks-comparison-chart/