Welcome to the MediaLoot HTML5 compendium! The purpose of this page is to be a consistently updated reference for web designers and developers who want to start using the new features of HTML5.

Let’s face it, it’s difficult to keep up with all the new changes to the language, and there’s a lot of pressure for designers to start using HTML5 and CSS3 too — both of which can be overwhelming at first.

The W3C specs for HTML5 and CSS3 are also incredibly long and practically unreadable, not to mention unfinished - so it’s easy to see why a lot of designers choose to hold off on taking the effort to learn the new languages, however it’s really not that hard to start using both languages today, there doesn’t need to be a lot of pressure either because the beauty of adopting early is that you can work your way into it slowly and the only thing you actually need to know if you’re already using XHTML/HTML4 and CSS2 is what’s new and how can it benefit you.

Perhaps you want to start using html5 markup now and you don’t know where to start with. Well, I’ve collected some of the best step by step html5 website coding tutorials just for you. I hope this will be useful to you and I love to hear your suggestion in the comment section. Enjoy!

Photoshop tutorials are one of the most popular subjects on the web, as the digital art community continues to grow and new designers bring their unique skills. However, quality Photoshop tutorials that teach you a useful effect, have a quality finished result and are well explained are harder to find, and with the large number of tutorial sites available, it can be hard to sort the quality from the mundane.

In this massive roundup, we’ve collected the top 100 best Photoshop tutorials that have ever been created, that yield professional results, teach you a useful effect, are well explained, and will have you designing like a pro in no time. These tutorials are collected from niche tutorial sites around the web, and range in age from creation in 2008 to a few tutorials that were created just last week. So, if you think you’ve seen all there is to see from Photoshop, guess again and check out this post.

While there are many changes for the better in the HTML5 specification, there is no better bang for the buck for the data driven website than the transformation of forms. These simple changes will transform how you enter, validate, process, and even display inputs. You will be able to create more usable web applications with less code and less confusion.

HTML5 is the wave of the future when it comes to web development, so it is advantageous to get a head start on your competition by learning the essential tips, tricks and techniques with HTML5 that you can start using in your projects today, as well as ones you’ll be using in the future. When HTML5 is combined with CSS3 and jQuery, some of the finished results that can be achieved are spectacular.

In this roundup of HTML5 tutorials, you’ll find tutorials on the video element, the audio element, doing PSD to HTML5 and CSS3 conversions, and also tutorials on combining HTML5 with CSS3, jQuery and even PHP for finished results.

More and more designers are into creating their own blogs and websites either to showcase their works or to advertise. At this pace, it is quite important that as designers who are interested in blogging, one should learn the basics in PSD to HTML, turning Photoshop designs into HTML format. If you are equipped with this technique, you will be able to simply turn your designs into codes that are good enough to turn into active blogs or sites.

This new post is a compilation of tutorials on converting PSD into HTML. Learn the basics of this technique to apply them to your designs and be one-step ahead from the rest… Enjoy!!!

Recently I wrote article about post thumbnail and you saw some great examples of image styling. As I wrote there, neat styled images can attract more visitors and you will be more pleasant with them yourself too.

You don’t have to always use Photoshop to style your images. Some cool effects can be achieved trough CSS, jQuery etc too and I strongly suggest you to continue reading to find out how to do it!

Tutorials can often be your greatest source of inspiration when trying to design that project you have been putting off. In this post, I have rounded up a collection of very useful tutorials from around the web from the month of May and June 2010. You’ll find everything from creating a distressed vector typographic poster design, to creating an adrenaline filled car chase scene. So what are you waiting for…why not try one out?