Illuminated.js – 2D lights and shadows real-time rendering engine

Illuminated.js is a library designed for creating and rendering in real-time lighting and shadows using HTML5 Canvas element. It can be easly added to existing Canvas application with just a couple lines of code.

illuminated-js

Continue reading

SVG in HTML5: Introduction

I just was searching for SVG in HTML5 and found out that there are just a bit info about this . So I decided to start writing a bunch of articles in which I’ll tell all about SVG in HTML5 from beginning to more advanced features. When I was writing this article I knew about SVG in HTML5 almost nothing, but we will learn more together in further.

svg-in-html5-introduction

Continue reading

Amazing CSS3 Hover Effects

CSS3 brought a lot of awesome features for designers. And one of them is transitions. Using transitions we able to control almost every CSS property which has numerical value, it’s simply changes from one to another. The best way to use transitions is to apply them to :hover state. In this article I want to show you some crazy hover effects created with transitions of border.

Amazing CSS3 Hover Effects

Continue reading

Boilerplate CSS Media Queries

Are you already deal with responsive layouts design? In any case you probably trying to find some Media Queries template, because there are a millions of devices with different resolutions. We need a list of the most common screen resolutions which can be used as template for designing responsive layout.

Continue reading

Animating Sprites With Spritely jQuery Plugin

Spritely.js is a great and simple jQuery plugin for animating sprites. It’s very useful for those who wants to create any animated stuff like game characters etc. Also it’s possible to use plugin like an alternative to any other ways to create animations for web.

spritely-js

Continue reading