CSS3 Animated Gears

CSS3 Animated Gears

CSS3 Animated Gears In today’s lesson, we have made the animated gears with CSS3. The result looks very nice. I have used CSS3 keyframes, animation and transforms (rotate) in order to achieve this result. Please pay attention – current demo works well in Firefox and Chrome / Safari (webkit).

HTML5 Image Effects – Emboss

HTML5 Image Effects – Emboss

HTML5 Image Effects – Emboss Today we continue our HTML5 canvas image filter examples, today I would like to share with you a method of applying a Emboss effect to images. This is pretty difficult method, but I sure that you can repeat it. In our demo we can play with different images by adding…

Infographic: HTML5 Cheatsheat

Infographic: HTML5 Cheatsheat

Infographic: HTML5 Cheatsheat Information Graphics (known as infographics) are one of the best ways to transfer some information into a reader’s mind. It can be something new, or other useful information gathered in one place. Nowadays many people don’t have enough time to read a lot of text on multiple screens. Infographics makes the information…

10 Creative Contact Form Designs

10 Creative Contact Form Designs

10 Creative Contact Form Designs During creating any new website – the one of the main things that you need to have – contact form. This is the necessary tool that connects you with the other world. It must be something unique and user friendly. And only then – your visitors will enjoy it. Here…

CSS3 vertical multicolor 3D menu

CSS3 vertical multicolor 3D menu

CSS3 vertical multicolor 3D menu In our new tutorial we’ll create new stylish vertical multicolor and crossbrowser CSS3 menu with 3D animation (I use css3 transition, perspective and transform properties) and pure css3 color switcher. This is UL-LI-based menu.

10 fresh jQuery plugins (march 2012)

10 fresh jQuery plugins (march 2012)

10 fresh jQuery plugins (march 2012) Our new hand-made collection of the most interesting jQuery plugins. Here are different plugins like textualizer, SimpleModal, xBreadcrumbs, Adipoli and so on.

HTML5 Clocks

HTML5 Clocks

HTML5 Clocks For our new lesson I have prepared nice pure HTML5 clocks. This is pretty easy script, but it is very easy and impressive (as usual). Of course – anything necessary will be at canvas object.

HTML5 Game Development – Lesson 8

HTML5 Game Development – Lesson 8

HTML5 Game Development – Lesson 8 This is our next game development article. We continue a series of articles on game development in HTML5 using canvas. Today I will show how to apply some physics to your project (with using Box2D). Box2D is popular open source engine that simulates 2D physics for applications. 2D Physics…

Powerful Chat System – Lesson 5

Powerful Chat System – Lesson 5

Powerful Chat System – Lesson 5 Today we continue a series of articles on the creation of powerful chat system. Our fifth lesson will contain next elements: avatars (which will be reduced with GD library) and some customization (custom background for profile pages). As for color picker, I have decided to use modified version of…

Win Free Copies of HTML5 Mobile Development Cookbook

Win Free Copies of HTML5 Mobile Development Cookbook

Win Free Copies of HTML5 Mobile Development Cookbook We are pleased to announce that we have teamed up with Packt Publishing and are organizing a Giveaway especially for you All you need to do is just comment below the post and win a free copy of HTML5 Mobile development Cookbook. Three lucky winners stand a…

Infographic: HTML5 vs Flash Games

Infographic: HTML5 vs Flash Games

Infographic: HTML5 vs Flash Games Information Graphics (known as infographics) are one of the best ways to transfer some information into a reader’s mind. It can be something new, or other useful information gathered in one place. Nowadays many people don’t have enough time to read a lot of text on multiple screens. Infographics makes…

HTML5 Image Effects – Sepia

HTML5 Image Effects – Sepia

HTML5 Image Effects – Sepia Today we continue our HTML5 canvas examples, today I want to share with you a method of applying a sepia effect to images. This is not a very difficult method, anyone can repeat it. In our demo we can play with different images by adding a sepia effect to them,…

Stream Radio Script

Stream Radio Script

Stream Radio Script Today I have prepared another really great tutorial for you. Recently I have started development of my own radio software (as module for Dolphin CMS) and got interesting results. So, I would like to share you with some results about it. It will be nice looking (CSS3) radio script. It consists from…

HTML5 Video player jQuery plugin

HTML5 Video player jQuery plugin

HTML5 Video player jQuery plugin As you know – HTML5 <video> element is already supported by most of browsers (by modern browsers). Its initialization is very easy. During today’s investigation I have understood few things: that each browser supports only few of video formats, and each browser has own native video controls (and all of…