Understanding HTML5 and CSS3: Features, Uses, and Integrations
HTML5 is an open standard that enhances media consumption and integrates new APIs for smoother application development. It offers the capability to utilize computer hardware within browser applications while being designated as a W3C Candidate Recommendation since December 2012. CSS3 complements HTML5 by providing a fully backward-compatible styling approach, divided into modules for ease of use. This document also highlights examples of HTML5 capabilities, deprecated elements, and notable use cases for CSS3, including responsive web design and animations.
Understanding HTML5 and CSS3: Features, Uses, and Integrations
E N D
Presentation Transcript
Sig Web January 31, 2014 @ 3PM
What is HTML5? What it is: What it isn’t: Not a replacement to Flash/Silverlight/Plugins… yet… • Allows for better intergration of media consumption. • A new open standard • Provides new APIs to easily integrate and program into your applications. • Allows your browser applications to utilize your computer hardware. • In December 2012, W3C designated HTML5 as a Candidate Recommendation.
What is HTML5? http://www.youtube.com/watch?v=mzPxo7Y6JyA http://www.w3.org/html/logo/
Examples of the possibilities http://ericrius1.github.io/ComeDownToUs/ http://auduno.github.io/clmtrackr/examples/facesubstitution.html http://zya.github.io/granular/ http://www.play-create.com/id.php?034 http://www.cross-code.com/en/play
Deprecated Elements in HTML5 <acronym> <applet> <basefont> <big> <center> <dir> <font> <frame> <frameset> <noframes> <strike> <tt>
CSS3 Cascading Style Sheets 3 CSS3 is completely backwards-compatible with earlier versions of CSS. CSS3 is split up into modules: http://www.w3.org/Style/CSS/current-work.en.html
Notable Use Cases for CSS3 General Styling Simple Tweening Transitions Simple Animations Responsive Web Design (Media Queries) Browser specific styling