Client   responsive design
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Client responsive design

on

  • 2,244 views

Responsive designs concept

Responsive designs concept

Statistics

Views

Total Views
2,244
Views on SlideShare
2,216
Embed Views
28

Actions

Likes
0
Downloads
24
Comments
0

1 Embed 28

http://localhost 28

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

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

Client responsive design Presentation Transcript

  • 1. client
  • 2. - java script - mobile -Responsive Web Design -
  • 3. HTML5Css3cut the rope – IE angry birds
  • 4. JavaScript JavaScriptjQuery, jQuery ui, jQuery template frameworks WEB OOP JavaScript
  • 5. Mobile iOs, windows7 androidhtml5 Css3 JavaScript phoneGap
  • 6. Responsive Web Design layout
  • 7. Responsive Web Design css3 html5Css3 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 - IECSS3 IE min-width max-width IE7 IE6-IE8
  • 13. - Responsive Web Design div html5 figure ,article –
  • 14. FrameworksIE CssGrid • Lessframework • Foundation • Mqframework •
  • 15. - Responsive Web Design push and pull