Responsive designs concept

1. client

2. -
java script -
mobile -
Responsive Web Design -

3. HTML5Css3
cut the rope – IE
angry birds

4. JavaScript
JavaScript
jQuery, jQuery ui, jQuery template frameworks
WEB
OOP JavaScript

5. Mobile
iOs,
windows7 android
html5 Css3 JavaScript
phoneGap

6. Responsive Web Design
layout

7. Responsive Web Design
css3 html5
Css3 Media Queries -

8. Css3 Media Queries
media screen and (max-width: 600px ){
.Class
background: #ccc

9. Css3 Media Queries
<link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css" />
@media screen and (min-width: 600px) and (max-width:
900px) {
.class {
background: #333;
}
}

10. Css3 Media Queries
@media screen and (max-device-width: 480px) {
.class {
background: #000;
}
}

11. Responsive Web Design
http://colly.com/
http://www.anderssonwise.com/
http://stephencaver.com/
http://seesparkbox.com/

12. Responsive Web Design - IE
CSS3 IE
min-width max-width IE7
IE6-IE8

13. - Responsive Web Design
div html5 figure ,article –

14. Frameworks
IE
CssGrid •
Lessframework •
Foundation •
Mqframework •

15. - Responsive Web Design
push and pull