Tutorial Top » css

Creating an Animated 404 Page

admin — Mon, 31 Jan 2011 07:19:29 +0000

It is bound to happen. Sooner or later, somebody is going to type in a wrong URL or follow a broken link to your site. This is when the notorious 404 page is displayed. To make the experience less frustrating, you can take the time and design a friendly error page, which will encourage your user to stay at your web site.

Today we are making just that. We are going to create an animated 404 page, which you can easily customize and improve.Go To Creating an Animated 404 Page

A Stylish Navigation Menu With jQuery

admin — Sat, 17 Jul 2010 10:07:03 +0000

In this tutorial we are going to make a stylish CSS + XHTML navigation menu with the help of the jQuery library.Go To A Stylish Navigation Menu With jQuery

Sweet AJAX Tabs With jQuery 1.4 & CSS3

admin — Sat, 17 Jul 2010 10:01:55 +0000

Today we are making an AJAX-powered tab page with CSS3 and the newly released version 1.4 of jQuery,Go To Sweet AJAX Tabs With jQuery 1.4 & CSS3 Tutorial

Colortip – a jQuery Tooltip Plugin

admin — Sat, 17 Jul 2010 09:57:28 +0000

In this tutorial we are going to write a simple jQuery tooltip plugin. It is going to convert the title attributes of elements withing your page, into a series of colorful tooltips. Six color themes are available, so you can easily match it with the rest of your design.Go To Colortip – a jQuery Tooltip Plugin Tutorial

Fresh Set of CSS-only Menus

admin — Wed, 07 Jul 2010 11:05:30 +0000

Here is a set of fresh CSS-only menus for your website – no images, no JavaScript. The markup for the menus is always the same and I used 12 different stylesheets for their appearance.Go To Fresh Set of CSS-only Menus

A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

admin — Wed, 07 Jul 2010 10:18:00 +0000

We are making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases required.Go To A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

Simple AJAX Commenting System

admin — Wed, 07 Jul 2010 10:11:30 +0000

This time, we are making a Simple AJAX Commenting System. It will feature a gravatar integration and demonstrate how to achieve effective communication between jQuery and PHP/MySQL with the help of JSON.Go To Simple AJAX Commenting System

Neon Text Effect With jQuery & CSS

admin — Wed, 07 Jul 2010 10:06:32 +0000

Today we are creating a neon glow text effect with CSS and jQuery. The first step to achieving this effect, is to create a background image, which contains two slightly different versions of the text. jQuery fades between those two versions creating a smooth transition effect.Go To Neon Text Effect With jQuery & CSS