In this tutorial we will highlight hovering over a clickable div which has an image and a title. For an example please visit my homepage With the magic of HTML5 and CSS3 you can now insert a <div> which is a block element, inside of a <a> which is an inline element. Previously this would have resulted in HTML errors.
HTML5 and CSS3 has been known to web designers for many years but due to the lack of browser support it hasn’t been wildly adopted up until the release of Internet Explorer back in 2011. Internet Explorer 9 still doesn’t have complete support for HTML5 and CSS3 but IE10, which hasn’t been released yet, will support more elements including CSS transitions, transforms and have full support for offline web applications and form validation. Other browsers such as Google Chrome, Mozilla Firefox and Opera have better support but as yet there is no browser that has full support yet due to the fact that the specification is still a working draft itself and is estimated that it will not be reaching full specification until 2014. However don’t let this deter you from using it, you can start using HTML5 right now so kick it off with some valuable resources.
Have trouble finding a web app to use? Fed up of having to refer to your bookmarks to access them? I have recently come across a wonderful web design app from Coded Bits that groups together other web apps to make a great productive environment and all within a click away. A great time saver for any web design enthusiasts and novices alike.