• Save
未来へレスポンシブに対応するための設計と戦略
Upcoming SlideShare
Loading in...5
×
 

未来へレスポンシブに対応するための設計と戦略

on

  • 14,602 views

何が来るか分からない未来に反応(レスポンシブ)するには、どうしたら良いのでしょうか。それはレスポンシブWebデザインという作り方だけで解決...

何が来るか分からない未来に反応(レスポンシブ)するには、どうしたら良いのでしょうか。それはレスポンシブWebデザインという作り方だけで解決するものではなく、企画/運営/ビジネスモデルなどもレスポンシブでいる必要がでてきます。レスポンシブに対応するために何が必要なのか、どのような解決策が考えられるかを紹介します。

Statistics

Views

Total Views
14,602
Views on SlideShare
4,043
Embed Views
10,559

Actions

Likes
39
Downloads
0
Comments
0

13 Embeds 10,559

http://w3q.jp 6258
http://www.yasuhisa.com 4173
http://freerss.net 45
http://www.komaztz.com 30
http://127.0.0.1 21
http://reader.freerss.net 14
http://www.freerss.net 8
http://webcache.googleusercontent.com 4
http://jp.hanrss.com 2
https://twitter.com 1
http://dakiny.tumblr.com 1
http://us-w1.rockmelt.com 1
http://translate.googleusercontent.com 1
More...

Accessibility

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
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

未来へレスポンシブに対応するための設計と戦略 未来へレスポンシブに対応するための設計と戦略 Presentation Transcript

  • 320px 480px 600px 768px 960px 1200px 1600px
  • 320px 480px 600px 768px 960px 1200px 1600px
  • 320px 480px 600px 768px 960px 1200px 1600px
  • Sharp AQUOS Phone Kindle Fire720x1280 600x1024BlackBerry Bold 9900 Galaxy Tab480×640 600×1024Xperia PLAY SO-01D Arrows Tab LTE480×854 800x1280HTC Nexus LG Optimus Pad480×800 768x1280LG Optimus LTE Samsung Series 7720×1280 768x1366
  • 320px 480px 600px 768px 960px 1200px 1600px
  • 27 WOFF: iOS5, Opera Mobile 11+ * No Android Support (yet) ** All major webkits support @font-face
  • @media screen and (max-device-width: 480px) { style..}@media screen and (orientation:portrait) { style..}
  • 320px 480px 600px 768px 960px 1200px 1600px
  • 320px 480px 600px 768px 960px 1200px 1600px
  • photo by John Manoogian III
  • ReviewTest Design
  • Review Review ReviewTest Test Test Design Design Design
  • photo by Trey Ratcliff
  • <img src="small.r.jpg" data-fullsrc="large.jpg">
  • <img src="small.r.jpg" data-fullsrc="large.jpg">
  • AB
  • AB
  • AB
  • photo by Trey Ratcliff
  • Do websites need to look exactly the same in every browser?
  • IE8