

BDOTNET the user group in Bangalore have just started a series of session on HTML5. Last Saturday (1st September 2012) it was kick started with two beginners or Level 100 session by two all time great speakers Amar Nityananda and Lohith G N.
Windows to Go by Vinod
As the first 5 minutes are dedicated to “Quick Learning Sessionâ€, Vinod kumar From Microsoft took us through the “Windows to goâ€. Windows To Go is an enterprise feature of Windows® 8 that enables the creation of a Windows To Go workspace that can be booted from a USB-connected external drive on PCs that meet the Windows 7 or Windows 8 certification requirements, regardless of the operating system running on the PC.
HTML5 – What you need to know by amar
Amar Nityananda started with answering couple of questions to set the platform for HTML5.
What is HTML 5?
HTML5 is a markup language for structuring and presenting content for the World Wide Web. It is the fifth revision of the HTML standard (created in 1990 and standardized as HTML4 as of 1997) and, is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices
HTML 5 = new markup + CSS 3 + JavaScript

HTML 5 and Windows 8?
Thumb rules
understand that it’s “working draftâ€
use the features that’s most widely supported
graceful degradation – don’t alienate users
Frameworks Available
jQuery
jQuery UI
modernizr
knockoutJS
Dotless
kendoUI
Some websites which were built in HTML5 for example “The Story of Less and Russâ€
The web standard authority WHATWG says “ HTML is the new HTML5â€
Map of HTML5

Specification lifecycle





Specification W3c
http://dev.w3.org/html5/html-author/

New elements in HTML5
Doctype
The DOCTYPE or the DTD is much easier now its only
<!DOCTYPE html>
Now you don’t need a third party plugins for MULTIMEDIA
video
<video id="myVideo" controls>
<source src="videos/video.mp4" type="video/mp4"/>
<!–- insert sorry message here or fall back to SL/Flash -->
</video>
Audio
<audio src="audio.mp3" id="audioTag" autoplay controls>
<!-- Only shown when browser doesn’t support audio -->
<!-- You could embed Flash or Silverlight audio here -->
</audio>
SVG
Its just XML so it can be Scriptable, extensible, easily editable. An example of SVG http://slides.html5rocks.com/#svg-example-slide
Canvas
Using Javascript this is an easiest way to draw graphics. Most of the browsers are capbale of the 2D capabilities of the canvas.
example: http://www.williammalone.com/articles/html5-canvas-example/
GeoLocations
Check this how easily you can find the location http://html5demos.com/geo
CSS3
The best thing I like about the new CSS3 is the rounded border
. The other cool features are CSS3 colours, Shadows, Backgrounds, media queries , selectors etc.
Borders
div.top {
border-radius: 152px 304px 228px 152px;
border-style: double;
border-width: 42px;
padding: 12px;
}
WOFF Fonts and Font Face
Web Open Font Format allows you to package and deliver fonts as needed for more info http://www.w3.org/TR/WOFF/
Prize for Blogging about DEVCON2012 by BDOTNET
I got a INTEL EXO PC from INTEL as my blog was selected for the competition for blogging about DEVCON2012 organised by BDOTNET. I got the prize from Jadeja Dushyantsinh (Software Business Manager at Intel Corporation) and Vinod Kumar M (MTC – Technology Architect at Microsoft). Many thanks to INTEL, BDOTNET and Microsoft for organising and encouraging us to explore these areas of life. I must be thankful to Pinal Dave, Vic Parmar, Lohith Goudagere Nagaraj , Sudeepta Ganguly, Kamlesh Rao, Sandip Pani and Praveen Prajapati the members to make the BDOTNET forum platform friendly.




For some further links of HTML5 check this link http://manasdash.wordpress.com/2012/08/25/html5-where-to-start/
uwww.beautyoftheweb.in
uwww.ietestdrive.com
www.html5labs.com
uwww.w3c.org
Lets meet in the next part of the series on Saturday 8th of September 2012. Book your tickets https://www.facebook.com/events/349210711833078/
Like this:
Like Loading...