Recreating mobile controls in mobile web apps

•Descargar como PPTX, PDF•

0 recomendaciones•394 vistas

Chris Love

Deseert Code Camp

Tecnología Empresariales

HOW TO RECREATE NATIVE CONTROLS
USING JQUERY, CSS & HTML5

Chris Love
Tellago Inc.
http://ProfessionalASPNET.com
http://Twitter.com/ChrisLove

REFERENCES
 Mobile Web Books
 Mobile First
 http://bit.ly/jMSGAB
 Programming the Mobile Web
 http://amzn.to/bZMOch
 Mobile Web Development
 http://amzn.to/9cvDoE
 Mobile Design and Development
 http://amzn.to/hh8cPd

 http://www.w3.org/TR/mobile-bp/
 Introduction To Mobile Web
 http://dev.opera.com/articles/view/introduction-to-the-mobile-
web/

NATIVE IS SO MUCH BETTER
 Really?
 Not Many Have Proven It To Me
 Sort of Some Hardware Access
 Flipboard, AOL Editions, USA Today – iPad
 Foursquare, IMDB, Kayak – WP7

JUMP LIST
A Good Start on Recreating the Jumplist
experience in the Browser
Colin Eberhardt
http://bit.ly/lx8k38

SLIDE MENU
I Call This the Grip Bar

http://bit.ly/9XF82H

SCROLL VIEW
Using iScroll

http://bit.ly/eoQYdE

Más contenido relacionado

La actualidad más candente

The wheel is spinning but the hamster is almost dead - Smartweb 2015Christian Heilmann

Erase and Rewind - Open Web Camp 2015Christian Heilmann

The ES6 Conundrum - All Things Open 2015Christian Heilmann

Bootstrap 3 in Joomla!Hans Kuijpers

Fixing web and JS gapsChristian Heilmann

501 Talks Tech: WordPress for Nonprofits501 Commons

A New Hope – the web strikes backChristian Heilmann

Responsive Design for Digital VU Month 2011Ryan Huber

Standards.next: HTML - Are you mything the point?brucelawson

Activity Streams And Contextsguestd32f37

40 Plus Cool Tools for Library WebmastersDarlene Fichter

My Learning Style Presentationguest16e403

Will iPads Replace Laptops?Bethany Smith

Scratchgulbrandsont

PhpStorm for WordPressEast Bay WordPress Meetup

Real Developer Tools for WordPress by Stefan DidakEast Bay WordPress Meetup

Accessibility testing-toolsrobzonenet

Practical, Free And Low Cost Tools You Can UseMichigan Nonprofit Association

Static Sites - Bringing Web 1.0 BackRaymond Camden

Stefan Judis "Did we(b development) lose the right direction?"Fwdays

La actualidad más candente (20)

The wheel is spinning but the hamster is almost dead - Smartweb 2015

Erase and Rewind - Open Web Camp 2015

The ES6 Conundrum - All Things Open 2015

Bootstrap 3 in Joomla!

Fixing web and JS gaps

501 Talks Tech: WordPress for Nonprofits

A New Hope – the web strikes back

Responsive Design for Digital VU Month 2011

Standards.next: HTML - Are you mything the point?

Activity Streams And Contexts

40 Plus Cool Tools for Library Webmasters

My Learning Style Presentation

Will iPads Replace Laptops?

Scratch

PhpStorm for WordPress

Real Developer Tools for WordPress by Stefan Didak

Accessibility testing-tools

Practical, Free And Low Cost Tools You Can Use

Static Sites - Bringing Web 1.0 Back

Stefan Judis "Did we(b development) lose the right direction?"

Destacado

Intro to modern web technologyChris Love

Ent mobility webinar chrisChris Love

There Is No Mobile: An Introduction To Responsive Web DesignChris Love

10 things you can do to speed up your web app today 2016Chris Love

Using Responsive Web Design To Make Your Web Work Everywhere - UpdatedChris Love

jQuery Templating and DatalinkingChris Love

Intro To JQuery & ASP.NETChris Love

Web Front End PerformanceChris Love

Bigger Stronger FasterChris Love

Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code CampChris Love

10 Things You Can Do to Speed Up Your Web App TodayChris Love

Web performance optimization for modern web applicationsChris Love

Html5 inputsChris Love

5 single page application principles developers need to knowChris Love

Destacado (14)

Intro to modern web technology

Ent mobility webinar chris

There Is No Mobile: An Introduction To Responsive Web Design

10 things you can do to speed up your web app today 2016

Using Responsive Web Design To Make Your Web Work Everywhere - Updated

jQuery Templating and Datalinking

Intro To JQuery & ASP.NET

Web Front End Performance

Bigger Stronger Faster

Doing Modern Web, aka JavaScript and HTML5 in the Enterprise NYC Code Camp

10 Things You Can Do to Speed Up Your Web App Today

Web performance optimization for modern web applications

Html5 inputs

5 single page application principles developers need to know

Similar a Recreating mobile controls in mobile web apps

Rubbing the Sankara Stones the wrong way - From the Front 2014Christian Heilmann

4-identifying-problems.pdfBrian Rahmawan Purwoto

Building a Simple Mobile-optimized Web App Using the jQuery Mobile FrameworkSt. Petersburg College

Stapling and patching the web of now - ForwardJS3, San FranciscoChristian Heilmann

Nodevember 2017: AMP PrimerLisa Huang

Google chromeosdasomhu8

Chrome OS presentationmelodyhe121

Rails is not enough, by Javier Ramirez, at Conferencia Rails 2010 in Madrid, ...javier ramirez

The Web Eats Everything In Its Path Fall 2014Tony Parisi

Creating an Effective Mobile API Nick DeNardis

What's next? J and beyond keynote 2015Christian Heilmann

February 2018: Sustainable UX ConferenceLisa Huang

The Server Side of Responsive Web DesignDave Olsen

Tools that help and speed up RWD devMatjaž Korošec

The Web Performance Testing Toolbox (Jfokus 2013)Tobias Järlund

Faster web pagesDavid Rodenas

Progressive Web App ChallengesJason Grigsby

Intro to PhoneGapChris Griffith

Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Nicholas Zakas

Performance Optimization for Mobile Web | Fresh Tilled SoilFresh Tilled Soil

Similar a Recreating mobile controls in mobile web apps (20)

Rubbing the Sankara Stones the wrong way - From the Front 2014

4-identifying-problems.pdf

Building a Simple Mobile-optimized Web App Using the jQuery Mobile Framework

Stapling and patching the web of now - ForwardJS3, San Francisco

Nodevember 2017: AMP Primer

Google chromeos

Chrome OS presentation

Rails is not enough, by Javier Ramirez, at Conferencia Rails 2010 in Madrid, ...

The Web Eats Everything In Its Path Fall 2014

Creating an Effective Mobile API

What's next? J and beyond keynote 2015

February 2018: Sustainable UX Conference

The Server Side of Responsive Web Design

Tools that help and speed up RWD dev

The Web Performance Testing Toolbox (Jfokus 2013)

Faster web pages

Progressive Web App Challenges

Intro to PhoneGap

Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)

Performance Optimization for Mobile Web | Fresh Tilled Soil

Más de Chris Love

Quick Fetch API IntroductionChris Love

Introduction to Progressive Web ApplicationsChris Love

Lazy load Website AssetsChris Love

Progressive Web Apps for EducationChris Love

The server is dead going serverless to create a highly scalable application y...Chris Love

A Day Building Fast, Responsive, Extensible Single Page ApplicationsChris Love

Real World Lessons in Progressive Web Application & Service Worker CachingChris Love

Disrupting the application eco system with progressive web applicationsChris Love

Service workers your applications never felt so goodChris Love

Develop a vanilla.js spa you and your customers will loveChris Love

JavaScript front end performance optimizationsChris Love

Advanced front end debugging with ms edge and ms toolsChris Love

Html5 Fit: Get Rid of Love HandlesChris Love

Implementing a Responsive Image StrategyChris Love

Using Responsive Web Design To Make Your Web Work EverywhereChris Love

Css best practices style guide and tipsChris Love

Using Responsive Web Design To Make Your Web Work Everywhere Chris Love

An Introduction to Microsoft EdgeChris Love

10 things you can do to speed up your web app today stir trek editionChris Love

Más de Chris Love (20)

Quick Fetch API Introduction

Introduction to Progressive Web Applications

Lazy load Website Assets

Progressive Web Apps for Education

The server is dead going serverless to create a highly scalable application y...

A Day Building Fast, Responsive, Extensible Single Page Applications

Real World Lessons in Progressive Web Application & Service Worker Caching

Disrupting the application eco system with progressive web applications

Service workers your applications never felt so good

Develop a vanilla.js spa you and your customers will love

JavaScript front end performance optimizations

Advanced front end debugging with ms edge and ms tools

Html5 Fit: Get Rid of Love Handles

Implementing a Responsive Image Strategy

Using Responsive Web Design To Make Your Web Work Everywhere

Css best practices style guide and tips

Using Responsive Web Design To Make Your Web Work Everywhere

An Introduction to Microsoft Edge

10 things you can do to speed up your web app today stir trek edition

Último

Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...apidays

AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software

Architecting Cloud Native ApplicationsWSO2

A Year of the Servo Reboot: Where Are We Now?Igalia

DBX First Quarter 2024 Investor PresentationDropbox

GenAI Risks & Security Meetup 01052024.pdflior mazor

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93

Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz

FWD Group - Insurer Innovation Award 2024The Digital Insurer

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot

Ransomware_Q4_2023. The report. [EN].pdfOverkill Security

Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbuapidays

Recreating mobile controls in mobile web apps

1. HOW TO RECREATE NATIVE CONTROLS USING JQUERY, CSS & HTML5 Chris Love Tellago Inc. http://ProfessionalASPNET.com http://Twitter.com/ChrisLove

2. BOOKS Coming Soon…

3. TELLAGO

4. REFERENCES  Mobile Web Books  Mobile First  http://bit.ly/jMSGAB  Programming the Mobile Web  http://amzn.to/bZMOch  Mobile Web Development  http://amzn.to/9cvDoE  Mobile Design and Development  http://amzn.to/hh8cPd  http://www.w3.org/TR/mobile-bp/  Introduction To Mobile Web  http://dev.opera.com/articles/view/introduction-to-the-mobile- web/

5. NATIVE IS SO MUCH BETTER  Really?  Not Many Have Proven It To Me  Sort of Some Hardware Access  Flipboard, AOL Editions, USA Today – iPad  Foursquare, IMDB, Kayak – WP7

6. YOU CAN’T!!!

7. //|-|473/3R

8. WP7 PANORAMA CONTROL

9. JUMP LIST A Good Start on Recreating the Jumplist experience in the Browser Colin Eberhardt http://bit.ly/lx8k38

10. SLIDE MENU I Call This the Grip Bar http://bit.ly/9XF82H

11. SCROLL VIEW Using iScroll http://bit.ly/eoQYdE

12. LET’S GET TO IT