• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Responsive Web Design Patterns
 

Responsive Web Design Patterns

on

  • 1,220 views

How can we make pages that work across all devices out there? The answer is responsive web design and these are some patterns (techniques) that are currently being used.

How can we make pages that work across all devices out there? The answer is responsive web design and these are some patterns (techniques) that are currently being used.

Statistics

Views

Total Views
1,220
Views on SlideShare
1,220
Embed Views
0

Actions

Likes
1
Downloads
21
Comments
1

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • *thumbs up* phil
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Responsive Web Design Patterns Responsive Web Design Patterns Presentation Transcript

    • Responsive Patterns
    • Linz fh hagenberg web
    • 19 inch15 inch 1280x960800x600
    • http://www.alistapart.com/articles/responsive-web-design
    • http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/
    • http://blog.japijane.cl/1 / 7
    • http://mdcraftbeerfestival.com/1 / 7
    • http://sycamoreschool.org/ / 72
    • / 73 A pixel is not a pix el.
    • / 7 3 pixe vs l-Sl ow ate di ng dL oa
    • / 74 73% of web desig n is typograp hy.
    • http://informationarchitects.net/blog/responsive-typography-the-basics/:// stephanierieger.com/a-plea-for-progressive-enhancement// 7 4
    • Embraceflexibili ” the ty.
    • http://couchdb.apache.org/ / 75
    • http://clearairchallenge.com/ / 76
    • http://builtwithmomentum.com/ / 76
    • / 77 mob ile d esk top
    • / 77
    • 7 http://stephanierieger.com//7
    • RESPONSIVE patterns
    • Thanks thanks Font: http://www.behance.net/gallery/Frontage-Typeface-freefont/3292158 Wood Texture: http://free-textures.got3d.com/architectural/free-wood-textures/pages/free-wood-texture-002.htmlPattern Texture: http://www.freegreatpicture.com/background-patterns/light-green-background-pattern-20329 Rubber Duck: http://www.flickr.com/photos/21723187@N04/2608418319/ Inspiration: http://www.lukew.com/ff/entry.asp?1514 Responsive Gallery: http://mediaqueri.es/ Responsive testing: http://responsive.is/ Original Article: http://www.alistapart.com/articles/responsive-web-design/