Pure CSS3 LavaLamp Menu
Script Tutorials has got a New Look
Today our website has got a new design. I have already thought about redesigning. And, I started several days ago, and have finished it today. I have implemented different interesting things that I have shared in our tutorials for all the time. Now you can compare our previous design and current (refreshed) one.
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
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 a emboss effect to them, as well as we can ‘export’ our result on the image element (<img>).
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 intuitive and understandable. That’s why we would like to share the best relevant infographics from all over the web. Today I another one web-dev related infographic on HTML5 Cheatsheet at Tech King. It shows us All HTML5 tags (with short description). I think that it is very useful. That infographic have a lot of interesting things. I sure it will very interesting for you.
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 is fresh hand-made collection of most impressive contact form designs for your imagination.
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)
Our new hand-made collection of the most interesting jQuery plugins. Here are different plugins like textualizer, SimpleModal, xBreadcrumbs, Adipoli and so on.
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
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 Engine is a hot topic in game development. With the help of physics engine, we can easily create a playable game by just defining an environment and a simple rule.
Here you can read our previous lesson: Developing Your First HTML5 Game – Lesson 7.