HTML5 is here (from quite a long time) and its time you knew how to use it. Dont worry its not a Rocket Science to learn it, if you were able to pass 10th Grade then you surely can be a pro here. Here’s a collection of links that should help you learn HTML5 in the best way possible.
What is HTML5?
If you wondering what is HTML5, then its the 5th version of Hyper-Text Markup Language, the basic coding language that creates a site.
What is new in HTML5?
Its that what you ask, then there’s so much new that’s definitely going to make you glued to your seat as you explore more and more.
Its the last day of the designer and developer, when they stop updating their built-in memory database with the latest technology, standards, trends and so on. But problem arises which are the best site’s to read and refer. A google search ends up with 2 million site results, and you don’t want to browsing every site to find the best, so I have done
that for you, that definitely you wouldn’t think twice to bookmark it for a daily read.
A site that exclusively features tips, tricks and tutorials for designers, bloggers, developers, techies, and tech readers.
Just heard something good from Google Code Blog, that Swiffy Team has created an extension for Adobe Flash Professional, that allow’s you to convert Flash Files to HTML5. Aint that kool!
Check it out @
Google Code Blog
All those who know the basics of HTML and CSS know whats a tool tip and for those who dont, just hover here.
Its always good to customize the look and feel of whats normal to eye. Everyone knows how to draw a square, but giving it a new look what makes it look better and catchy.
CSS3 introduces a new style that will give a new look to your ancient square looks.
Here’s an example
Border-Radius This should work fine in IE9+, Firefox 4+, Chrome, Safari 5+, and Opera.
Now the above part is all done using simple CSS attributes with one property, Border-Radius
So all of you by now are quite aware of the release of HTML5 with my guess. Now whats the difference between different revisions of HTML will be explained to you in my further posts.
I am now here to explain this new feature of HTML5, the Canvas.
How to use it?
How will it benefit me?
Having problem with CSS issues?
Dont know which css, or class is causing what?
Is it the position, or the width, or the padding that puts my website in a chaos?
Recently even I was going through the same, when one of my colleague suggested a Firefox Add-on, Firebug.
Never heard of it? No problem, let me just brief you, and then you use it yourself 🙂
Firebug, helps to track css, html, and DOM views. It helps you view which html is currently loaded on the screen, which css sheets are loaded, and son on. Of course I know that as a developer you know whats getting loaded when, but wait I am getting to it.