SlideShare ist ein Scribd-Unternehmen logo

Mobile Web Developer Perspective

•Als KEY, PDF herunterladen•
•
Dave Ross
Dave Ross
TechnologieBusiness
1 von 21
What is the mobile web? A developer’s perspective. Dave Ross Suburban Chicago PHP & Web Dev November 5, 2009 What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
Dave Ross • Lead Developer • Ten years experience • PHP & Javascript • davidmichaelross.com
WAP is dead. Let’s pretend it never happened What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
Today’s phones know the web What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
• HTML • CSS • Javascript • Cookies What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
(No Flash) What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
240x320 Dominant mobile screen in 2008 source: http://sender11.typepad.com/sender11/2008/04/mobile-screen-s.html What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
Smartphones: • iPhone/Mobile Safari: 320x396 • Blackberry: 320x240 (varies by model) • G1 (Android): 320x480 • Palm Pre: 320x480 What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
Use liquid layouts Ugh! Those again? What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
Treat height as infinite Pages load slowly, but scrolling is fun. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
Big buttons & icons Best-selling phone has a touchscreen. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
Minimal text input Can’t do 50 WPM on an iPhone. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
Use minimal Javascript Blackberry’s browser hates it. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
AJAX > page load Everything in moderation. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
Use a CMS? It probably has a plugin for mobile. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
Test! Handset makers encourage it. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
Emulators What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
iPhone SDK + XCode http://developer.apple.com/iphone What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
Blackberry Simulator http://na.blackberry.com/eng/developers/resources/simulators.jsp What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
Android Emulator http://developer.android.com/guide/developing/tools/emulator.html What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
Questions? What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr

Empfohlen

Lint - PHP & Javascript Code Checking
Lint - PHP & Javascript Code CheckingLint - PHP & Javascript Code Checking
Lint - PHP & Javascript Code CheckingDave Ross
 
Balsamiq Mockups
Balsamiq MockupsBalsamiq Mockups
Balsamiq MockupsDave Ross
 
GOTO Paris | @see Gopher
GOTO Paris | @see GopherGOTO Paris | @see Gopher
GOTO Paris | @see GopherJan Klat
 
Robinとwidgeon
RobinとwidgeonRobinとwidgeon
RobinとwidgeonShumpei Shiraishi
 
Wed Development on Rails
Wed Development on RailsWed Development on Rails
Wed Development on RailsJames Gray
 
Ruby for Beginner
Ruby for BeginnerRuby for Beginner
Ruby for BeginnerMi Ji Kim
 
Simulated Eye Tracking with Attention Wizard
Simulated Eye Tracking with Attention WizardSimulated Eye Tracking with Attention Wizard
Simulated Eye Tracking with Attention WizardDave Ross
 
Wordpress
WordpressWordpress
WordpressDave Ross
 

Empfohlen

Lint - PHP & Javascript Code Checking
Lint - PHP & Javascript Code CheckingLint - PHP & Javascript Code Checking
Lint - PHP & Javascript Code CheckingDave Ross
 
Balsamiq Mockups
Balsamiq MockupsBalsamiq Mockups
Balsamiq MockupsDave Ross
 
GOTO Paris | @see Gopher
GOTO Paris | @see GopherGOTO Paris | @see Gopher
GOTO Paris | @see GopherJan Klat
 
Robinとwidgeon
RobinとwidgeonRobinとwidgeon
RobinとwidgeonShumpei Shiraishi
 
Wed Development on Rails
Wed Development on RailsWed Development on Rails
Wed Development on RailsJames Gray
 
Ruby for Beginner
Ruby for BeginnerRuby for Beginner
Ruby for BeginnerMi Ji Kim
 
Simulated Eye Tracking with Attention Wizard
Simulated Eye Tracking with Attention WizardSimulated Eye Tracking with Attention Wizard
Simulated Eye Tracking with Attention WizardDave Ross
 
Wordpress
WordpressWordpress
WordpressDave Ross
 
Cufon - Javascript Font Replacement
Cufon - Javascript Font ReplacementCufon - Javascript Font Replacement
Cufon - Javascript Font ReplacementDave Ross
 
What's new in HTML5?
What's new in HTML5?What's new in HTML5?
What's new in HTML5?Dave Ross
 
Responsive Design Workflow
Responsive Design WorkflowResponsive Design Workflow
Responsive Design WorkflowIntergen
 
Profiling PHP & Javascript
Profiling PHP & JavascriptProfiling PHP & Javascript
Profiling PHP & JavascriptDave Ross
 
Going Mobile: 7 Things You Should Know About Mobile Service Provision in Libr...
Going Mobile: 7 Things You Should Know About Mobile Service Provision in Libr...Going Mobile: 7 Things You Should Know About Mobile Service Provision in Libr...
Going Mobile: 7 Things You Should Know About Mobile Service Provision in Libr...Robyn Hall
 
Going Fast on the Mobile Web
Going Fast on the Mobile WebGoing Fast on the Mobile Web
Going Fast on the Mobile WebJason Grigsby
 
NFC and the Web
NFC and the WebNFC and the Web
NFC and the WebNFC Forum
 
YOW! 2010 Day 2
YOW! 2010 Day 2YOW! 2010 Day 2
YOW! 2010 Day 2Peter Sellars
 
Forum Eventos 2013 Mobile Technology in Meeting Planning
Forum Eventos 2013 Mobile Technology in Meeting PlanningForum Eventos 2013 Mobile Technology in Meeting Planning
Forum Eventos 2013 Mobile Technology in Meeting Planningjoeclo
 
Cloud based mobile app development cit 2017
Cloud based mobile app development cit 2017Cloud based mobile app development cit 2017
Cloud based mobile app development cit 2017Praveen Hanchinal
 
The Age of Responsive Design
The Age of Responsive DesignThe Age of Responsive Design
The Age of Responsive DesignDenise Jacobs
 
Web as a platform for VR by Vesa-Matti Hyppönen
Web as a platform for VR by Vesa-Matti HyppönenWeb as a platform for VR by Vesa-Matti Hyppönen
Web as a platform for VR by Vesa-Matti HyppönenFrosmo
 
OpenGovWest Keynote | OpenGov Platform of the Future
OpenGovWest Keynote | OpenGov Platform of the FutureOpenGovWest Keynote | OpenGov Platform of the Future
OpenGovWest Keynote | OpenGov Platform of the FutureNik Garkusha
 
Your first web application. From Design to Launch
Your first web application. From Design to LaunchYour first web application. From Design to Launch
Your first web application. From Design to LaunchDavid Brooks
 
API-Centric Rails Web Apps and Hybrid Mobile App Integration
API-Centric Rails Web Apps and Hybrid Mobile App IntegrationAPI-Centric Rails Web Apps and Hybrid Mobile App Integration
API-Centric Rails Web Apps and Hybrid Mobile App IntegrationExist
 
Building Better Web Apps with F#
Building Better Web Apps with F#Building Better Web Apps with F#
Building Better Web Apps with F#Dan Mohl
 
GigMonkey Facebook Dev Garage July09
GigMonkey Facebook Dev Garage July09GigMonkey Facebook Dev Garage July09
GigMonkey Facebook Dev Garage July09Sean O'Sullivan
 
The Flashy Side of Adobe Edge
The Flashy Side of Adobe EdgeThe Flashy Side of Adobe Edge
The Flashy Side of Adobe EdgeJoseph Labrecque
 
Future of Mobile
Future of MobileFuture of Mobile
Future of MobileBrian LeRoux
 
Building Better Web Apps with F#
Building Better Web Apps with F#Building Better Web Apps with F#
Building Better Web Apps with F#dmohl
 
Stylesheets of the future with Sass and Compass
Stylesheets of the future with Sass and CompassStylesheets of the future with Sass and Compass
Stylesheets of the future with Sass and CompassDave Ross
 
HTML5 History & Features
HTML5 History & FeaturesHTML5 History & Features
HTML5 History & FeaturesDave Ross
 

Weitere ähnliche Inhalte

Ähnlich wie Mobile Web Developer Perspective

Cufon - Javascript Font Replacement
Cufon - Javascript Font ReplacementCufon - Javascript Font Replacement
Cufon - Javascript Font ReplacementDave Ross
 
What's new in HTML5?
What's new in HTML5?What's new in HTML5?
What's new in HTML5?Dave Ross
 
Responsive Design Workflow
Responsive Design WorkflowResponsive Design Workflow
Responsive Design WorkflowIntergen
 
Profiling PHP & Javascript
Profiling PHP & JavascriptProfiling PHP & Javascript
Profiling PHP & JavascriptDave Ross
 
Going Mobile: 7 Things You Should Know About Mobile Service Provision in Libr...
Going Mobile: 7 Things You Should Know About Mobile Service Provision in Libr...Going Mobile: 7 Things You Should Know About Mobile Service Provision in Libr...
Going Mobile: 7 Things You Should Know About Mobile Service Provision in Libr...Robyn Hall
 
Going Fast on the Mobile Web
Going Fast on the Mobile WebGoing Fast on the Mobile Web
Going Fast on the Mobile WebJason Grigsby
 
NFC and the Web
NFC and the WebNFC and the Web
NFC and the WebNFC Forum
 
Forum Eventos 2013 Mobile Technology in Meeting Planning
Forum Eventos 2013 Mobile Technology in Meeting PlanningForum Eventos 2013 Mobile Technology in Meeting Planning
Forum Eventos 2013 Mobile Technology in Meeting Planningjoeclo
 
Cloud based mobile app development cit 2017
Cloud based mobile app development cit 2017Cloud based mobile app development cit 2017
Cloud based mobile app development cit 2017Praveen Hanchinal
 
The Age of Responsive Design
The Age of Responsive DesignThe Age of Responsive Design
The Age of Responsive DesignDenise Jacobs
 
Web as a platform for VR by Vesa-Matti Hyppönen
Web as a platform for VR by Vesa-Matti HyppönenWeb as a platform for VR by Vesa-Matti Hyppönen
Web as a platform for VR by Vesa-Matti HyppönenFrosmo
 
OpenGovWest Keynote | OpenGov Platform of the Future
OpenGovWest Keynote | OpenGov Platform of the FutureOpenGovWest Keynote | OpenGov Platform of the Future
OpenGovWest Keynote | OpenGov Platform of the FutureNik Garkusha
 
Your first web application. From Design to Launch
Your first web application. From Design to LaunchYour first web application. From Design to Launch
Your first web application. From Design to LaunchDavid Brooks
 
API-Centric Rails Web Apps and Hybrid Mobile App Integration
API-Centric Rails Web Apps and Hybrid Mobile App IntegrationAPI-Centric Rails Web Apps and Hybrid Mobile App Integration
API-Centric Rails Web Apps and Hybrid Mobile App IntegrationExist
 
Building Better Web Apps with F#
Building Better Web Apps with F#Building Better Web Apps with F#
Building Better Web Apps with F#Dan Mohl
 
GigMonkey Facebook Dev Garage July09
GigMonkey Facebook Dev Garage July09GigMonkey Facebook Dev Garage July09
GigMonkey Facebook Dev Garage July09Sean O'Sullivan
 
The Flashy Side of Adobe Edge
The Flashy Side of Adobe EdgeThe Flashy Side of Adobe Edge
The Flashy Side of Adobe EdgeJoseph Labrecque
 
Building Better Web Apps with F#
Building Better Web Apps with F#Building Better Web Apps with F#
Building Better Web Apps with F#dmohl
 

Ähnlich wie Mobile Web Developer Perspective (20)

Cufon - Javascript Font Replacement
Cufon - Javascript Font ReplacementCufon - Javascript Font Replacement
Cufon - Javascript Font Replacement
 
What's new in HTML5?
What's new in HTML5?What's new in HTML5?
What's new in HTML5?
 
Responsive Design Workflow
Responsive Design WorkflowResponsive Design Workflow
Responsive Design Workflow
 
Profiling PHP & Javascript
Profiling PHP & JavascriptProfiling PHP & Javascript
Profiling PHP & Javascript
 
Going Mobile: 7 Things You Should Know About Mobile Service Provision in Libr...
Going Mobile: 7 Things You Should Know About Mobile Service Provision in Libr...Going Mobile: 7 Things You Should Know About Mobile Service Provision in Libr...
Going Mobile: 7 Things You Should Know About Mobile Service Provision in Libr...
 
Going Fast on the Mobile Web
Going Fast on the Mobile WebGoing Fast on the Mobile Web
Going Fast on the Mobile Web
 
NFC and the Web
NFC and the WebNFC and the Web
NFC and the Web
 
YOW! 2010 Day 2
YOW! 2010 Day 2YOW! 2010 Day 2
YOW! 2010 Day 2
 
Forum Eventos 2013 Mobile Technology in Meeting Planning
Forum Eventos 2013 Mobile Technology in Meeting PlanningForum Eventos 2013 Mobile Technology in Meeting Planning
Forum Eventos 2013 Mobile Technology in Meeting Planning
 
Cloud based mobile app development cit 2017
Cloud based mobile app development cit 2017Cloud based mobile app development cit 2017
Cloud based mobile app development cit 2017
 
The Age of Responsive Design
The Age of Responsive DesignThe Age of Responsive Design
The Age of Responsive Design
 
Web as a platform for VR by Vesa-Matti Hyppönen
Web as a platform for VR by Vesa-Matti HyppönenWeb as a platform for VR by Vesa-Matti Hyppönen
Web as a platform for VR by Vesa-Matti Hyppönen
 
OpenGovWest Keynote | OpenGov Platform of the Future
OpenGovWest Keynote | OpenGov Platform of the FutureOpenGovWest Keynote | OpenGov Platform of the Future
OpenGovWest Keynote | OpenGov Platform of the Future
 
Your first web application. From Design to Launch
Your first web application. From Design to LaunchYour first web application. From Design to Launch
Your first web application. From Design to Launch
 
API-Centric Rails Web Apps and Hybrid Mobile App Integration
API-Centric Rails Web Apps and Hybrid Mobile App IntegrationAPI-Centric Rails Web Apps and Hybrid Mobile App Integration
API-Centric Rails Web Apps and Hybrid Mobile App Integration
 
Building Better Web Apps with F#
Building Better Web Apps with F#Building Better Web Apps with F#
Building Better Web Apps with F#
 
GigMonkey Facebook Dev Garage July09
GigMonkey Facebook Dev Garage July09GigMonkey Facebook Dev Garage July09
GigMonkey Facebook Dev Garage July09
 
The Flashy Side of Adobe Edge
The Flashy Side of Adobe EdgeThe Flashy Side of Adobe Edge
The Flashy Side of Adobe Edge
 
Future of Mobile
Future of MobileFuture of Mobile
Future of Mobile
 
Building Better Web Apps with F#
Building Better Web Apps with F#Building Better Web Apps with F#
Building Better Web Apps with F#
 

Mehr von Dave Ross

Stylesheets of the future with Sass and Compass
Stylesheets of the future with Sass and CompassStylesheets of the future with Sass and Compass
Stylesheets of the future with Sass and CompassDave Ross
 
HTML5 History & Features
HTML5 History & FeaturesHTML5 History & Features
HTML5 History & FeaturesDave Ross
 
A geek's guide to getting hired
A geek's guide to getting hiredA geek's guide to getting hired
A geek's guide to getting hiredDave Ross
 
NoSQL & MongoDB
NoSQL & MongoDBNoSQL & MongoDB
NoSQL & MongoDBDave Ross
 
Date and Time programming in PHP & Javascript
Date and Time programming in PHP & JavascriptDate and Time programming in PHP & Javascript
Date and Time programming in PHP & JavascriptDave Ross
 
The Canvas Tag
The Canvas TagThe Canvas Tag
The Canvas TagDave Ross
 
Lamp Stack Optimization
Lamp Stack OptimizationLamp Stack Optimization
Lamp Stack OptimizationDave Ross
 
The FPDF Library
The FPDF LibraryThe FPDF Library
The FPDF LibraryDave Ross
 
Bayesian Inference using b8
Bayesian Inference using b8Bayesian Inference using b8
Bayesian Inference using b8Dave Ross
 
SQL Injection in PHP
SQL Injection in PHPSQL Injection in PHP
SQL Injection in PHPDave Ross
 
Web App Security: XSS and CSRF
Web App Security: XSS and CSRFWeb App Security: XSS and CSRF
Web App Security: XSS and CSRFDave Ross
 
LAMP Optimization
LAMP OptimizationLAMP Optimization
LAMP OptimizationDave Ross
 
PHP Output Buffering
PHP Output BufferingPHP Output Buffering
PHP Output BufferingDave Ross
 
Google Maps API
Google Maps APIGoogle Maps API
Google Maps APIDave Ross
 
Everything You Need to Know in Order to Start Using jQuery
Everything You Need to Know in Order to Start Using jQueryEverything You Need to Know in Order to Start Using jQuery
Everything You Need to Know in Order to Start Using jQueryDave Ross
 
PHPUnit Automated Unit Testing Framework
PHPUnit Automated Unit Testing FrameworkPHPUnit Automated Unit Testing Framework
PHPUnit Automated Unit Testing FrameworkDave Ross
 
Apache mod_rewrite
Apache mod_rewriteApache mod_rewrite
Apache mod_rewriteDave Ross
 

Mehr von Dave Ross (20)

Stylesheets of the future with Sass and Compass
Stylesheets of the future with Sass and CompassStylesheets of the future with Sass and Compass
Stylesheets of the future with Sass and Compass
 
HTML5 History & Features
HTML5 History & FeaturesHTML5 History & Features
HTML5 History & Features
 
A geek's guide to getting hired
A geek's guide to getting hiredA geek's guide to getting hired
A geek's guide to getting hired
 
NoSQL & MongoDB
NoSQL & MongoDBNoSQL & MongoDB
NoSQL & MongoDB
 
Date and Time programming in PHP & Javascript
Date and Time programming in PHP & JavascriptDate and Time programming in PHP & Javascript
Date and Time programming in PHP & Javascript
 
The Canvas Tag
The Canvas TagThe Canvas Tag
The Canvas Tag
 
Lamp Stack Optimization
Lamp Stack OptimizationLamp Stack Optimization
Lamp Stack Optimization
 
The FPDF Library
The FPDF LibraryThe FPDF Library
The FPDF Library
 
FirePHP
FirePHPFirePHP
FirePHP
 
Bayesian Inference using b8
Bayesian Inference using b8Bayesian Inference using b8
Bayesian Inference using b8
 
SQL Injection in PHP
SQL Injection in PHPSQL Injection in PHP
SQL Injection in PHP
 
Web App Security: XSS and CSRF
Web App Security: XSS and CSRFWeb App Security: XSS and CSRF
Web App Security: XSS and CSRF
 
LAMP Optimization
LAMP OptimizationLAMP Optimization
LAMP Optimization
 
PHP Output Buffering
PHP Output BufferingPHP Output Buffering
PHP Output Buffering
 
Firebug
FirebugFirebug
Firebug
 
Google Maps API
Google Maps APIGoogle Maps API
Google Maps API
 
Everything You Need to Know in Order to Start Using jQuery
Everything You Need to Know in Order to Start Using jQueryEverything You Need to Know in Order to Start Using jQuery
Everything You Need to Know in Order to Start Using jQuery
 
Subversion
SubversionSubversion
Subversion
 
PHPUnit Automated Unit Testing Framework
PHPUnit Automated Unit Testing FrameworkPHPUnit Automated Unit Testing Framework
PHPUnit Automated Unit Testing Framework
 
Apache mod_rewrite
Apache mod_rewriteApache mod_rewrite
Apache mod_rewrite
 

Kürzlich hochgeladen

Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
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
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESmohitsingh558521
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
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
 
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
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
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
 

Kürzlich hochgeladen (20)

Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
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.
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
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
 
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
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
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
 

Mobile Web Developer Perspective

  • 1. What is the mobile web? A developer’s perspective. Dave Ross Suburban Chicago PHP & Web Dev November 5, 2009 What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 2. Dave Ross • Lead Developer • Ten years experience • PHP & Javascript • davidmichaelross.com
  • 3. WAP is dead. Let’s pretend it never happened What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 4. Today’s phones know the web What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 5. • HTML • CSS • Javascript • Cookies What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 6. (No Flash) What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 7. 240x320 Dominant mobile screen in 2008 source: http://sender11.typepad.com/sender11/2008/04/mobile-screen-s.html What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 8. Smartphones: • iPhone/Mobile Safari: 320x396 • Blackberry: 320x240 (varies by model) • G1 (Android): 320x480 • Palm Pre: 320x480 What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 9. Use liquid layouts Ugh! Those again? What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 10. Treat height as infinite Pages load slowly, but scrolling is fun. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 11. Big buttons & icons Best-selling phone has a touchscreen. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 12. Minimal text input Can’t do 50 WPM on an iPhone. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 13. Use minimal Javascript Blackberry’s browser hates it. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 14. AJAX > page load Everything in moderation. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 15. Use a CMS? It probably has a plugin for mobile. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 16. Test! Handset makers encourage it. What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 17. Emulators What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 18. iPhone SDK + XCode http://developer.apple.com/iphone What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 19. Blackberry Simulator http://na.blackberry.com/eng/developers/resources/simulators.jsp What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 20. Android Emulator http://developer.android.com/guide/developing/tools/emulator.html What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr
  • 21. Questions? What is the mobile web? A developer’s perspective :: Dave Ross :: Suburban Chicago PHP & Web Development Meetup :: November 5, 2009 :: Photo by Phil Dragash on Flickr