New Web Revolution - html5 and css3
•Download as PPTX, PDF•
0 likes•786 views
This document discusses HTML5 and CSS3. It begins with an overview of HTML5, including what it is, its rise and development history, browser compatibility, and features. It then covers CSS3, explaining that it is split into modules, provides details on the specification and modules, and notes that many CSS3 features can be used now with tools like PIE and Modernizr to enhance websites. It concludes with some disadvantages of HTML5 and CSS3 and provides a contact for questions.
Report
Share
New Web Revolution - html5 and css3
- 3. HTML5 CSS3
- 4. HTML5 •What is HTML5 ? •Rise of HTML5 ? •Browser Compatibility ? •Details about Features ?
- 5. 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.
- 6. HTML5 •What is HTML5 ? •Rise of HTML5 ? •Browser Compatibility ? •Details about Features ?
- 7. HTML5 2004 2007 2009 2010 WHATWG New Working Group Stop XHTML 2.0 Public Interest Revolution Of HTML 5
- 8. HTML5 •What is HTML5 ? •Rise of HTML5 ? •Browser Compatibility ? •Details about Features ?
- 9. HTML5 •IE 8 •Firefox 8 •Chrome 5.0 •Safari 4.0 •Opera 10.5 •Ask Web Designer How Much They Love Internet Explorer ?
- 10. HTML5 •What is HTML5 ? •Rise of HTML5 ? •Browser Compatibility ? •Details about Features ?
- 11. 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.
- 12. Quotes
- 13. CSS3 •What is CSS3 ? •CSS3 splits in to module ? •CSS Specification ? •Can we use it now ? •Features ?
- 14. 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.
- 15. CSS3 •What is CSS3 ? •CSS3 splits in to module ? •CSS Specification ? •Can we use it now ? •Features ?
- 16. 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.
- 17. CSS3 • Modules: – – – – – WD : Working Draft LC : Last Call CR : Candidate Recommendation PR : Proposed Recommendation REC : Recommendation
- 18. CSS3 •What is CSS3 ? •CSS3 splits in to module ? •CSS Specification ? •Can we use it now ? •Features ?
- 19. CSS3 CSS Level 2 Revision 1 CSS Style Attributes Media Queries Level 3 Selectors Level 3 CSS Color Level 3
- 20. CSS3 •What is CSS3 ? •CSS3 splits in to module ? •CSS Specification ? •Can we use it now ? •Features ?
- 21. 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 }
- 22. CSS3 •What is CSS3 ? •CSS3 splits in to module ? •CSS Specification ? •Can we use it now ? •Features ?
- 23. 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
- 24. Disadvantages HTML5 • • Only Draft Media Licensing Issue CSS3 B R O W S R • • • Collapsing Margin No Expression Vertical Control Limitation
- 25. Any Suggestions ? Any Questions can be asked on : nitishsurelia@gmail.com