Good time of the day, our dear HTML5 comrades! Today we are starting a series of small posts devoted to HTML5 tools for web designers. Without a doubt, you’ll be able to know more about these tools and of course share your own experience in using similar software. Today we’ve picked 5 tools that will help you to work with fonts, audio, images, vector graphics and 3D sketching. So, if you want to get more awesome tools – don’t forget to check out next posts. Now let’s start our tour – HTML5 goodies are waiting.

Online Sprite Box Tool

It is a pure fun – compressing images with the help of this superb tool powered by jQUery, CSS3 and of course HTML5. As it comes from the name of this tool, you can “sprite” images really fast and without any problems.

HTML5-tools-web-designers

3D Sketching Tool

HTML5 canvas-powered drawing tool is here! 3D sketching tool lets you navigate with the mouse cursor in all three dimensions instantly – just don’t forget to hold the Space key. P.S. Excuse my poorly drawn cat – I hope you’ll appreciate my efforts though, or least the wording.

HTML5-tools-web-designers

Read more »

We hope that after reading this post and thoroughly learning all tutorials you’ll be able to develop HTML5 file uploading plugin by yourself. Sometimes it seems that there are no things in web development that you can do without HTML5 involvement – it’s everywhere. Who knew that a simple markup language could evolve into a powerful and rapidly developing technology, which dictates the latest trends in web development. Despite the fact that HTML5 file uploading process needs improvement we can state that these HTML5 file uploading tutorials will deepen your HTML5 experience with new and important knowledge. So, let’s browse them all.

Pure HTML5 file upload

HTML5-file-uploading-plugin-tutorials

* * *

HTML5 File Uploads with jQuery

HTML5-file-uploading-plugin-tutorials

* * *

Read more »

It is a prime time for moar HTML5 inspiration so, get ready to achieve HTML5 visual power right now because are proud to present you HTML5 design galleries. These are the best places to seek for inspiration, submit your awesome HTML5 website and just have fun together with your favorite markup language version. Following HTML5 design galleries will guide you to the world where HTML5 meets beautiful design. It is very easy to get lost in this world of HTML5 awesomeness but I’m sure that you’ll find the way out.

HTML5 Based

HTML5-design-galleries

* * *

HTML5 Gallery

HTML5-design-galleries

* * *

Read more »

Happy Monday everyone! Yeah, we know this day has a bad fame and everything, but we strongly believe that our mood is in our own hands and it doesn’t matter what day it is today. Today we will try to take over your mood for a couple of minutes if you don’t mind. It is very important not to forget about the little things that we have in our lives. Today our blog post is dedicated to such simple and magnificent thing as the blue sky over us. Don’t forget to look up more often – it is really something that can help you relax and forget about the routine. So enjoy these wonderful photos and we wish you to have an awesome Monday!

sky-photos

Photo credit

* * *

sky photo

Photo credit

* * *

Read more »

HTML5 canvas demos are absolutely brilliant because they’re basically perfect technology examples that show you just what kind of dynamic scriptable renderings of 2D shapes you can create with this most awesome new tag of HTML5. You can totally forget about Flash with canvas because soon HTML5 will replace it. Today we are showing you what are mostly physics and application of HTML5 canvas demos, but please remember that the beautiful world of HTML5 is much bigger than that. There are also many HTML5 games that are built using canvas element and Javasript. But this is a topic for another post and today you can enjoy these superb demos. Have fun and don’t forget to share you favorite one.

Silk

html5-canvas-demos

Liquid Particles

html5-canvas-demos

Read more »

If HTML5 was a dinner, canvas tag would definitely be a desert. Or if HTML5 was a first date, its canvas tag would be a first base. Anyway, you get the point – canvas tag is that huge feature that makes 70% of HTML5 general awesomeness. But as many other awesome stuff, HTML5 canvas tag is surely a tricky one and it does require skills and knowledge from you to be able to work with it and make it do what you want to do. To help you jumpstart your victorious way through all of the canvas trickiness, today we’re happy to present you a little collection of HTML5 canvas tutorials for beginners to intermediate level. Of course we’ll keep an eye on how you’re doing and will prepare a lot more of canvas tutorials for you in future, including the ones for advanced users. For now let’s dive into the beautiful world of HTML5 canvas tag!

Learning the basics of HTML5 canvas

Learning the basics of HTML5 canvas

Read more »

Howdy, guys! We are glad to start our journey to the wonderful world of HTML5 and everything that’s related to this wonderful technology. We do believe that such design goodies as HTML5, CSS3 and jQuery are those beacons that lead web design world trough the sea of mistakes into the brand new world where web is better in times than nowadays. As you may have guessed from the title, the current entry is devoted to HTML5 photo galleries. We’ve decided to make a short list of the most interesting HTML5 gallery tutorials that would help you to try out your luck in creating something similar. Of course you can use them in any of your web projects – it would be a really wise solution, believe us. HTML5 image gallery will help you solve the issue of displaying images and photos in your portfolio in an elegant and effective way. Here they go!

Fullscreen Slideshow with HTML5 Audio and jQuery

html5-photo-gallery-tutorials

* * *

An HTML5 Slideshow w/ Canvas & jQuery

html5-photo-gallery-tutorials

* * *

Read more »