eTechy

Creating Flying Menu with CSS3

October 13, 2011

Among the various forms of task bars and menus that can be created with the help of CSS3 only, the flying menu is one interesting yet easy to implement type. This menu would be implemented in this tutorial with the use of CSS3 only. The transition propertyof CSS3 would be used in this implementation which [...]

Read the full article →

Web Storage Specifications for HTML5

October 12, 2011

Local storage over the internet is supported by most of the modern browsers. This local storage provides functionality similar to that of cookies, but it is different from cookies to some extent. In a sense, the storage provided by this method is much more refined and better compared to simple cookie storage. In this method, [...]

Read the full article →

Benefiting from Multiple Backgrounds in CSS3

October 11, 2011

The property of multiple backgrounds in CSS3 is very powerful and can be used for a variety of purposes in web development and programming. But still many people using CSS3 do not make the right use of this feature. Initially, this feature existed only in Safari but eventually all the updated browsers were equipped with [...]

Read the full article →

Creating Simple Puzzle Game with HTML5 Canvas

October 10, 2011

A lot of interesting developments can be performed with the help of HTML5 <canvas> element. In today’s tutorial, we would create a simple puzzle game with the help of this element. The HTML and CSS that we would need for initial stages is quite easy to comprehend. Specifically, we would need <canvas> element with specified [...]

Read the full article →

Developing feed widget in CSS3

October 2, 2011

CSS3 in conjunction with JQuery can be used to develop an attractive feed widget which would display the feed on blog or website’s sidebar. This can be used to display the latest posts, news or comments present on the website. The choice between different feed formats can be set according to the requirement. First of [...]

Read the full article →

Creating a Portfolio with HTML5

October 1, 2011

You can create a completely customizable portfolio with the help of HTML5 and optionally using JQuery. First of all, we would need to write a markup for the HTML5 document, after which we would proceed on to the JQuery code. The markup HTML5 code is as follows: <html> <head> <meta charset=”utf-8″ /> <title>Making an HTML5 Portfolio – [...]

Read the full article →

CSS3: Creating Liquid Faux Columns with Background

September 29, 2011

Using faux columns is a technique to create a background image which simulates equal-height columns. However, the drawback with the simple technique that was used previously was that it only worked with fixed-width columns. That problem was overcome with the advent of liquid faux columns, which uses some background-position trickery and a bit of math to create a [...]

Read the full article →

Structural tags in HTML5

September 24, 2011

Although common tags were present in the previous versions of HTML, HTML5 introduced special structural tags which considerably enhanced the power and ease of web programming. For a majority of everyday programming, these tags would eventually replace many of the typical div entries from the code. The definition of the structure starts with the tag: [...]

Read the full article →

Creating Vector Masks with HTML5 Canvas Element

September 24, 2011

With the canvas element present in HTML5, a lot of interesting things such as games, video effects and graphs etc can be created.  It can also be used to produce some slightly less complex effects, like manipulating images on the page. In this tutorial we would use the canvas element to create vector masks and [...]

Read the full article →

Creating 3D Animations in CSS3

September 22, 2011

Although CSS3 transition property is pretty simple, but creating 3D stuff using this and other properties can be quite cumbersome at times. This tutorial is reserved to create 3D animations in CSS3 in a least difficult way. This would be done using a special property of CSS3 which can be found in the library with [...]

Read the full article →

← Previous Entries