ImageFlow is a picture gallery, which allows an intuitive image handling. The basic idea is to digitally animate the thumbing through a physical image stack. That intuitive handling is automatically caused by the metaphorical use of the well known process of thumbing through. This solution is known as the Cover Flow technique, which has been [...]
HTML5 is exciting and anyone who builds web pages is looking forward to implementing these new tags into their sites. HTML5 audio tags are definitely one of the ones on the list meant to make life much easier for both webmasters and end users. Until now there has never been a standard audio player for [...]
One of the sweet effects made easy by JavaScript frameworks like MooTools and jQuery is animation. I ran across this great jQuery tutorialthat walks you through animating a background image of a page. Here’s a quick MooTools code snippet that shows you how you can add this sweet effect to any element on a page.
Some Google projects really do start from one person hacking around. Last summer, an engineering intern named Pieter Senster joined the mobile advertising team to explore how we could display Flash animations on devices that don’t support Adobe Flash player. Pieter made such great progress that Google hired him full time and formed a team [...]
A flipbook in flash used extensively three – five years back, even many of the websites are launched using the flip book component in Flash. With the HTML5 and CSS3 animations can also be created using HTML-CSS and jQuery. In older days flip book contains series of pages with pictures and will be animated when turned rapidly. The same concept can [...]
Glimmer: a jQuery Interactive Design Tool is a prototype from the Mix Online Labs which makes jQuery accessible through a visual tool. The objective for Glimmer is pretty simple: to enable the power of jQuery through an interactive design surface. If jQuery is the “write less, do more” JavaScript library, then Glimmer is the “write [...]
We can draw a heart shape using the HTML5 canvas. After that I tried my hand at simple animation by making the heart move within constrained boundaries. After reading quite a bit on Google, the suggested way to animate a shape on a canvas seems to be do continuously keep redrawing the canvas and clearing [...]
One struggle that still remains today in web design is displaying all of the redundant information on every page. For example, a login form. What if there was a way to easily make the content accessible on every page, but keep it hidden until needed? Well you can, by making a top panel that when [...]
Buttons Photoshop tutorials are probably one of the hottest categories in any Photoshop tutorials site and since Web 2.0 is such hot topics now, lets go about doing a simple button suitable for any Web 2.0 application of websites. Tutorial after jump. Create a blank canvas at about 500px (width) x 400px (height) to start off [...]
Automatoon is completely web based and free tool for creating HTML5 animations, no authoring software to install. You just have to start creating your animations right away.Automatoon also allows you to share your animations online or export and embed them in your own websites, all for free. It is the easiest animation tool ever created. It is [...]
