New Web Revolution - html5 and css3

733 views

Published on

Just brief description on html5 and css3.
Just worked done in college days, so not exact fully professional but still hard work was done behind it.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
733
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

New Web Revolution - html5 and css3

  1. 1. Websites • http://art.yale.edu/ • http://www.juxtinteractive.com
  2. 2. HTML5 CSS3
  3. 3. HTML5 •What is HTML5 ? •Rise of HTML5 ? •Browser Compatibility ? •Details about Features ?
  4. 4. HTML5 •It is being developed as the next major revision of HTML. •It is still under construction. •It introduce the a number of new elements and attributes. •You can have a rich experience on a light, portable, universal platform.
  5. 5. HTML5 •What is HTML5 ? •Rise of HTML5 ? •Browser Compatibility ? •Details about Features ?
  6. 6. HTML5 2004 2007 2009 2010 WHATWG New Working Group Stop XHTML 2.0 Public Interest Revolution Of HTML 5
  7. 7. HTML5 •What is HTML5 ? •Rise of HTML5 ? •Browser Compatibility ? •Details about Features ?
  8. 8. HTML5 •IE 8 •Firefox 8 •Chrome 5.0 •Safari 4.0 •Opera 10.5 •Ask Web Designer How Much They Love Internet Explorer ?
  9. 9. HTML5 •What is HTML5 ? •Rise of HTML5 ? •Browser Compatibility ? •Details about Features ?
  10. 10. HTML5 • It can be used for rendering graphs and game or visual images on fly. • Video and Audio elements with out flash. Canvas Geo • HTML5 will detect your Geo Location by using the nearer tower or GPS. New API Offline • Access email without having internet connection.
  11. 11. Quotes
  12. 12. CSS3 •What is CSS3 ? •CSS3 splits in to module ? •CSS Specification ? •Can we use it now ? •Features ?
  13. 13. CSS3 • It’s not the following version 2.1 or latest version of CSS. Because there does not exists exact specification. CSS3 has been split into modules.
  14. 14. CSS3 •What is CSS3 ? •CSS3 splits in to module ? •CSS Specification ? •Can we use it now ? •Features ?
  15. 15. CSS3 • • • • The rapid evolution of the web makes large CSS specifications unwieldy. CSS3 has been split into multiple modules. Modules can evolve independently of each other. All modules will update the CSS 2.1 modules and by adding some bit of new modules.
  16. 16. CSS3 • Modules: – – – – – WD : Working Draft LC : Last Call CR : Candidate Recommendation PR : Proposed Recommendation REC : Recommendation
  17. 17. CSS3 •What is CSS3 ? •CSS3 splits in to module ? •CSS Specification ? •Can we use it now ? •Features ?
  18. 18. CSS3 CSS Level 2 Revision 1 CSS Style Attributes Media Queries Level 3 Selectors Level 3 CSS Color Level 3
  19. 19. CSS3 •What is CSS3 ? •CSS3 splits in to module ? •CSS Specification ? •Can we use it now ? •Features ?
  20. 20. CSS3 • • • Yes, because many of the features of CSS3 will boost your website design. Don’t drive CSS3, just enhance your site. For IE, there are many ways to use the CSS3. • Use CSS3 PIE to add limited CSS3 functionality to IE. http://www.css3pie.com • Use Modernizr for CSS3 feature detection. http://www.modernizr.com { for CSS3 and HTML5 }
  21. 21. CSS3 •What is CSS3 ? •CSS3 splits in to module ? •CSS Specification ? •Can we use it now ? •Features ?
  22. 22. CSS3 1. Selectors 2. New Colour format in CSS3: • • • • • RGB [ Old ] [ Red, Blue, Green ] RGBA [ Red, Blue, Green, Alpha ] HSL [ hue, saturation, lightness ] HSLA [ hue, saturation, lightness, Alpha ] CMYK [ in generated paged media module ] [ Cyan, Magenta, Yellow, Black ] 3. Media Queries
  23. 23. Disadvantages HTML5 • • Only Draft Media Licensing Issue CSS3 B R O W S R • • • Collapsing Margin No Expression Vertical Control Limitation
  24. 24. Any Suggestions ? Any Questions can be asked on : nitishsurelia@gmail.com 

×