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 »

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 »

Create Digg Style Pagination

If you have a website or blog it usaully generates pages. For this tutorial we will look at a easy and quick way to display these pages. If you don’t know what pagination is, it is listing page numbers and Next Page and Previous Page, it is usally put the at the bototm of a page, and is used for navigating the next page, previous page, or a certain page number. Now that we know what we are making, lets get started.

Read the rest of this entry »

Accessible Tabbed Navigation

In this tutorial we will create a simple tabbed navigation. These tabs allow resizing, and text changing for people with vision problems, and high/low resolution monitors. These tabs also only use 1 image, and unobtrusive HTML and CSS code, lets get started!

Read the rest of this entry »