HTML5 Session with BDOTNET (Part I)


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

clip_image004understand that it’s “working draft”

clip_image004use the features that’s most widely supported

clip_image004graceful degradation – don’t alienate users


Frameworks Available

jQuery clip_image004jQuery UI clip_image004[1]modernizrclip_image004[2]knockoutJSclip_image004[3]Dotlessclip_image004[4]kendoUI


Some websites which were built in HTML5 for example “The Story of Less and Russ”


"HTML5” – More than just HTML5 by Lohith Goudagere Nagaraj


The web standard authority WHATWG says “ HTML is the new HTML5

Map of HTML5


Specification lifecycle



Specification W3c


New elements in HTML5


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 id="myVideo" controls>
<source src="videos/video.mp4" type="video/mp4"/>
<!–- insert sorry message here or fall back to SL/Flash -->



<audio src="audio.mp3" id="audioTag" autoplay controls>
<!-- Only shown when browser doesn’t support audio -->
<!-- You could embed Flash or Silverlight audio here --> 



Its just XML so it can be Scriptable, extensible, easily editable. An example of SVG


Using Javascript this is an easiest way to draw graphics. Most of the browsers are capbale of the 2D capabilities of the canvas.



Check this how easily you can find the location


The best thing I like about the new CSS3 is the rounded border Smile. The other cool features are CSS3 colours, Shadows, Backgrounds, media queries , selectors etc.

Borders { 
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


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


Lets meet in the next part of the series on Saturday 8th of September 2012. Book your tickets

2 thoughts on “HTML5 Session with BDOTNET (Part I)

  1. Nice work !!! End to end coverage Manas. Must read blog for everyone who are interested to learn HTML 5.

    Those who attended the 1st session for them this post is helpful to refresh them self and those who couldn’t make it for the first session and willing to attending the coming event for them your post is good place to start with.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s