Your SlideShare is downloading. ×
Designing Across Web Devices - College Course
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Designing Across Web Devices - College Course

427
views

Published on

In this class we discuss how to design web sites for all of the major web accessible devices. This is the precursor for the responsive web design class.

In this class we discuss how to design web sites for all of the major web accessible devices. This is the precursor for the responsive web design class.

Published in: Design

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
427
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • \n
  • \n
  • \n
  • \n
  • How to next week ....\n
  • How to next week ....\n
  • How to next week ....\n
  • How to next week ....\n
  • \n
  • Transcript

    • 1. Designing Across Devices We’ve got it covered
    • 2. Overview• CSS3 Gallery WalkLecture• Internet Accessible Devices• Designing for Mobile• Designing for Laptops• Big Screens• Designing Web Sites for PrintLabNext week ... Progressive design04 - Designing Across Devices Advanced Web Design http://dabrook.org/
    • 3. Internet Accessible Devices• Screen readers• Old school phones• Smart phones• Tablets• Netbooks• Laptops• Desktops• Gaming devices, tvs, cars• Others?04 - Designing Across Devices Advanced Web Design http://dabrook.org/
    • 4. Internet Accessible Devices04 - Designing Across Devices Advanced Web Design http://dabrook.org/
    • 5. Designing for Mobile • Context is King • Speed Matters • Size Restrictions • Device abilities • Examples04 - Designing Across Devices Advanced Web Design http://dabrook.org/
    • 6. Designing for Laptops • Netbook v. Laptop • Variety of Browsers • Varied Screen Size • Wi-Fi • Varied Window Size • Don’t worry too much04 - Designing Across Devices Advanced Web Design http://dabrook.org/
    • 7. Designing for Big Screens • Context Assumptions • More Real Estate • Varied Browsers • Design Trends04 - Designing Across Devices Advanced Web Design http://dabrook.org/
    • 8. Designing for Print • Context of Print • What to (not) Include • Media Type • Tips & Tricks04 - Designing Across Devices Advanced Web Design http://dabrook.org/
    • 9. HomeworkDesign versions of your personal web site for the followingdevices:• Smart phones• Laptop• Big Screen• Print04 - Designing Across Devices Advanced Web Design http://dabrook.org/

    ×