Useful HTML5 Tutorials

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.
Continue reading

Essential Resources for Web Designers & Developers

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.

1. Hongkiat.com
Hongkiat
A site that exclusively features tips, tricks and tutorials for designers, bloggers, developers, techies, and tech readers.
Continue reading

CSS Customized Tool Tips

All those who know the basics of HTML and CSS know whats a tool tip and for those who dont, just hover here.

Now every browser gives its own small different styles for tool tips, but consider you want to provide more information in this tool tip, include image or some flashy details, and thats when you are in a fix and thats when you can use this simple solution, which doesn’t even take much of coding at all. No Javascript or any other scripts or any flash content, just the ordinary CSS and HTML.

Example:

Continue reading

CSS Border Radius

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
Continue reading

Firebug-fight the css, html errors

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.
Continue reading