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.
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 ?
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.
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.
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