How to create rollovers in CSS without JavaScript?

If you're new here, you may want to subscribe to my RSS feed.

CSS coding allows developers to write web friendly code for their clients. Its best to stray away from the old methods of HTML with rollover images using JavaScript as that never produces clean optimized code. The old style OnMouseOut and OnMouseOver functions in JavaScript should be discarded in favor of a clean CSS look and feel.

Read the rest of this entry »

Coding Etiquette: Five ways to improve your code

You may have heard the saying, “Cleanliness is next to Godliness.”. This is a term that every programmer should learn and obey when creating code. When you create clean code it will help you troubleshoot any issues you may have with your code in the future. Here are five practices you should follow when writing code.
Read the rest of this entry »

Expanding Tree Menu

There are some sites have a tree structure menu. If you have used Windows at any time you may be familiar to this system. It use to be the default menu at the left when browsing files, and is the system that is used in the Registry Editor. We are going to use JavaScript and some CSS to create a similar effect. Read the rest of this entry »

JavaScript Countdown

Ever have some text that you wanted a person to read before they submitted content to your site. Most of the time, the people just scroll to the bottom of the page and click the submit button. In the Web 2.0, people have added additional code to make sure that the person has read the text. I am for sure most of you have seen the sites where you have to scroll an entire div block in order to have a button enabled that you can then click to say you agree to something. In this tutorial we will do a similar delay, but this will be a delay that you have more control over than the user. Read the rest of this entry »

Emulating position: fixed; in IE 6 & below

A little background:

Internet Explorer 6 and below do not understand the CSS property and value position: fixed;. All the better browsers (IE7, Firefox/Mozilla, Safari, Opera) understand and apply this rule.

If you are unfamiliar with position: fixed; it basically makes an element stay in the same position on a page while the page is scrolled. When using position: fixed; you should set the position using a combination of top or bottom and left or right.

Read the rest of this entry »

Use jQuery Javascript library to make easy effects for your website

In this tutorial I will explain how to use the jQuery Library to make some easy effects for your webpage. jQuery is infamous for easily implementing it into your site, and for its usage of effects. I like jQuery for its ease of use over other Javascript library’s such as Prototype and moo.fx, lets get started.

Read the rest of this entry »