Everything you need to know about HTML5 in 10 min @edgarparada
5 Things you should know about HTML51. It’s not one big thing2. You don’t need to throw anything away3. It’s easy to get started4. It already works5. It’s here to stay
Timeline of HTML from 1997 to 2004 First draft ofW3C published XHTML XHTML Extended HTML 4.0 Modularization forms 1997 1999 2001 1998 2000 2003 W3C XHTML 1.0 HTML Working reformulated published as a Group published HTML into XML W3C the ﬁrst version of (XHTML 1.0) recomendation XForms 1.0
Timeline of HTML from 2004 and beyond... Workshop on W3C adopts HTML5 specs to Web Apps and WHATWG’s reach candidateCompound Docs work (HTML5) status (projected) 2004 2007 2012 2005 2009 2022 Web Applications Last call issued for HTML5 to reach 1.0 Working Draft the HTML5 recommendation published Working Draft status (projected) Public Interest in HTML5 increases
WHAT Working Group?The Web Hypertext Applications TechnologyWorking Group is a loose, unofﬁcial, and opencollaboration of Web browser manufacturers andinterested parties.
VideoHTML5 deﬁnes a new element called <video> for embedding video in your web pages.Embedding video used to be impossible without third-party plugins such as AppleQuickTime or Adobe Flash.The <video> element is designed to be usable without any detection scripts. You canspecify multiple video ﬁles, and browsers that support HTML5 video will choose one basedon what video formats they support.
Flash & HTML5 FallbackFLV fallback is used to provide a regular FLV video for those Flash clients that do notsupport support HTML5 video. MP4 support was added to Flash in version 9.115 andlower versions can only play FLV ﬁles.You should note that the FLV format is not a bad format. It provides a small ﬁle sizewith relatively good quality. the FLV format can be optimized with a technology called "on2"
GeolocationGeolocation is the art of ﬁguring outwhere you are in the world and(optionally) sharing that informationwith people you trust.There is more than one way to ﬁgureout where you are — your IP address,your wireless network connection, which celltower your phone is talking to, or dedicatedGPS hardware that calculates latitude andlongitude from information sent bysatellites in the sky.
Input TypesYou know all about web forms, right? Make a<form>, add a few <input type="text">elements and maybe an <inputtype="password">, and ﬁnish it off with an<input type="submit"> button.You don’t know the half of it. HTML5 deﬁnesover a dozen new input types that you can usein your forms.search, number, range, color, tel, url, email, date,month, week, time datetime, datetime-local
Canvas what’s good for?Analysis, planning & prototypesProduct strategy, user-centered workﬂowdesign, concept demos and UI prototypesBrand, visual & infographicsBrand and identity, visual and icon systemdesign, data visualization and infographicst:Website and application UIdesignWebsite and application informationarchitecture, system modeling, anddetailed user interface design
CSS3 TodayCSS3 is actually a series of modules that aredesigned to be implemented separately andindependently from each other.This segmented approach has enabled portions ofthe spec to move faster (or slower) than others,and has encouraged browser vendors toimplement the pieces that are further along beforethe entirety of CSS3 is considered ﬁnished.The beneﬁt here for us web designers is that alongwith experimentation and faster release cyclecomes the ability to use many CSS3properties before waiting until they becomeCandidate Recommendations.