WDEV118 Introduction

219 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
219
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WDEV118 Introduction

  1. 1. WDEV118Introduction to Mobile Web Design about.me/babon
  2. 2. Mobile Web != Mobile AppsMobile apps are programs that run on mobiledevices● require advanced programming languages like Java, C# or Objective-C● often take months to produce● usually come from an app store, like Apple’s App Store, Google Play or Windows Store about.me/babon
  3. 3. Mobile Web != Mobile AppsMost of our clients only need a mobile site● HTML, CSS and JavaScript sites optimized for mobile devices● Leverages the skills you have● Highly desirable skill● For clients who want an actual mobile app, frameworks exist to port HTML, CSS and JavaScript projects to a native app ○ PhoneGap about.me/babon
  4. 4. Common Screen ResolutionsiPhone ● 320x480 (portrait), technically (640 x 960)iPad ● 768x1024 (portrait)Android ● xlarge screens are at least 960 x 720 ● large screens are at least 640 x 480 ● normal screens are at least 470 x 320 ● small screens are at least 426 x 320 about.me/babon
  5. 5. Common Screen ResolutionsKindle Fire ● 600 x 1024Windows Phone ● Generally 480x800BlackBerry ● 768x1280 about.me/babon
  6. 6. Smartphone Market Share (U.S.) about.me/babon
  7. 7. Smartphone Devices about.me/babon
  8. 8. AudienceA few questions:● A single site that adapts, or a separate mobile site?● JavaScript or no JavaScript about.me/babon
  9. 9. ExamplesResponsive design for mobile sites:The Benchmark:The Boston GlobeOthers:Mobile Awesomnesspttrns about.me/babon

×