Apr 30

Tagged in: , Comments: 95

Maximize the Use of Hover

Maximize the Use of Hover

Usually, we create hover effects by changing: font color, font styles, border styles, background, and etc. But there are a lot more that we can do with hover. We can use hover to beautify design, minimize clutter, and display additional information. In this article, I’m going to provide various examples of websites that maximize the use of hover. Also, I will provide several quick tutorials on how to create different mouse hover effects. So, read on.

Delicious Stumbleupon Digg

Feb 09

Tagged in: , Comments: 72

jQuery Sequential List

jQuery Sequential List

Have you ever had to manually code something that is sequential? Didn’t you find it annonying? Well, here is a simple solution for you. This tutorial will show you how to use jQuery to add a sequent of CSS classes to create a graphical list. The second example will show you how to add a comment counter to a comment list using jQuery’s prepend feature.

View Demo Sequential List

Delicious Stumbleupon Digg

Sep 02

Tagged in: , Comments: 238

Javascript in Modern Web Design

Javascript in Modern Web Design

In today’s web design, Javascript is a must-have component. Aside from its functionality, Javascript can enhance user experience by creating transitional effects such as fading and sliding animation. Thanks to the open source Javascript frameworks, we don’t need to write custom Javascript from scratch anymore. Here are 47 Javascript plugins that you can use to enhance the user experience and functionality of your website. Don’t forget to check out the sample sites, which show how the plugins can be used.

Delicious Stumbleupon Digg

Feb 29

Tagged in: , Comments: 442

jQuery Tutorials for Designers

jQuery Tutorials for Designers

This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I’m not going to get into the details of the CSS.

Note: the version used in this article is jQuery 1.2.3

View jQuery Demos

Download Demo ZIP

Delicious Stumbleupon Digg

Back to top