Email
Favorite
Favorited ×
Download
Embed
Private Content
Copy and paste this code into your blog or website Copy Customize Close
We have emailed the verification/download link to "".
Login to your email and click the link to download the file directly.

To request the link at a different email address, update it here. Close
Validation messages. Success message. Fail message.

Check your bulk/spam folders if you can't find our mail.

Tweet

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Responsive Web Design

by Shinichiro Yabu on Mar 30, 2011

624 views

ishikawa.crr #1

ishikawa.crr #1

Accessibility

View text version

Categories

Technology

Tags

Upload Details

Uploaded via SlideShare as Apple Keynote

Usage Rights

© All Rights Reserved

File a copyright complaint

Statistics

Favorites: 1
Downloads: 8
Comments: 0
Embed Views: 0
Views on SlideShare: 624
Total Views: 624

1 Favorite

moontears 11 months ago

Responsive Web Design — Presentation Transcript

Responsive Web Design Webby Shinichiro Yabu 26 Feb. 2011
mod_rewrite
JS
CSS
Fluid ImageLiquid LayoutMedia Query
Fluid Image
img, object, iframe { max-width: 100%;}
Liquid Layout
250px *
25% 70%25% 70%
Media Query
@media screenand (max-width: 595px) { …}
Media Query CSS@import url(screen.css) screen;@import url(print.css) print;@media print { ... }
Media Query 595 px@media screen and (max-width: 595px) { ... } 1440px@media screen and (min-width: 1440px) { ... }
Responsive Web Design WebBe happy forever!