Slide deck from my session at the London Customer Company Tour 2012. More details can be found in the accompanying blog post at: http://bobbuzzard.blogspot.co.uk/2013/05/mobile-web-apps-with-html5-and-jquery.html
This document discusses mobile cross-platform development. It defines three flavors of cross-platform development: web apps using frameworks like TravelMate and Kumbaya; hybrid apps using frameworks like Wikipedia and NBC iPad; and compiled apps using frameworks like Mooniz and Shadowgun. Web apps are regular web pages loaded in a browser. Hybrid apps run HTML5/JavaScript in a native wrapper using a webview. Compiled apps compile code into native apps for each platform. The document advises choosing a cross-platform approach wisely based on factors like SDK lock-in, control, and performance.
AngularJS is a structural framework for building dynamic web applications. It uses HTML as a template language and extends HTML's syntax to build application components clearly. Angular's data binding and dependency injection reduce the code needed. It works entirely in the browser, making it compatible with any server technology. AngularJS addresses HTML's limitations for dynamic views by allowing declarative programming rather than imperative DOM manipulation. It provides structure, organization, modularity and reusable components for building applications.
This document discusses how to optimize a blog for mobile traffic. It begins by noting that mobile web usage is growing and will soon surpass desktop usage. It then examines options in WordPress for mobile optimization, including building a separate mobile site, using a mobile-optimized theme, or developing a responsive design. Each approach has pros and cons. A responsive design allows content to automatically adjust for different devices but is more expensive, while a mobile theme is easier to implement but provides less branding control. Testing tools are outlined to evaluate a site's mobile performance. Overall load times and reducing dependencies are emphasized as important factors for optimizing a blog for mobile users.
Brief overview about the testing tools in responsive webdesign projects. Original Slideshow: http://maddesigns.de/responsive-testing/
Smart Browsers and HTML5 Web Apps for Chrome Web Store, presented to the San Diego HTML5 Web Apps and RefreshSD groups on 2011-02-08
This presentation discusses Nokia's Web Runtime platform for developing web applications and widgets that can run on mobile devices. The Web Runtime allows developers to create apps using standard web technologies like HTML, CSS, and JavaScript that can be installed and run similarly to native apps. It also provides access to device capabilities and is a scalable way to build cross-platform apps. The presentation demonstrates creating a simple widget and provides a roadmap for future development of the Web Runtime platform on additional Nokia devices.
The document discusses developing mobile web applications. It notes that the mobile market is growing rapidly and that web apps can target many devices without requiring installation. It recommends targeting iOS and Android platforms and considering other platforms like Windows Phone. It outlines technologies like HTML5, CSS3 and JavaScript that are well-supported on mobile. The document also provides resources and tools to help with mobile development and things to consider like lower screen resolution and bandwidth limitations for mobile users.
This document compares native mobile apps to mobile web apps. It discusses advantages of mobile web apps like easier updates, no installation needed, better compatibility, easier to obtain and share, cannot be deleted, and lower development costs. It also discusses when a native app makes more sense, such as for speed in areas like SQL queries, methods, programming languages, and front-end performance. The document also covers responsive web design, single page applications, MVVM frameworks, and using web sockets for real-time messaging.
Multi-platform mobile application development allows creating apps that can run across different devices using a single code base. Titanium, an open source framework from Appcelerator, uses JavaScript to build native mobile apps that can run on iOS, Android, and BlackBerry. It provides APIs to access native device capabilities while maintaining a consistent programming model. The document demonstrates a proof of concept multi-sport news app built with Titanium that pulls data from cloud services, stores cached data locally, and presents a native user experience across platforms.