In the beginning it was to overcome a specific problem. Now it's there just for the joy of web developers everywhere.
"The essence of Pixy’s Fast Rollovers involves creating one image for each navigation item that includes normal, hover and active states stacked on top of each other. Later, we’ll use CSS to change the background-position to reveal each state at the appropriate time.Figure 1.1 on the right shows an example image that I’ve created and used for Fast Company’s new navigation. Each state is 20px tall with a total image height of
If you've been thinking about adding printer friendly pages to your information web site, Jennifer Kyrnin has the solution for you. "There are several options:
Make a copy of every page or article - and manually remove all the non-printer-friendly stuff.
Use a (CGI, PHP, JavaScript, other) script to remove the non-printer friendly stuff on the fly.
Write a style sheet for print.
The drawback to option one should be fairly obvious to most people. It is very labor intensive and requires that for every page on your site, you create a
Visitors to your web site would like to have some sense of space in it. A good way to do this very thing is to use tab displays. Justin Cook tells us just how to do that in his article. "Step 1 – Create the Rounded Rectangles
So now we have an empty workspace. Grab the rounded rectangle tool. If you don't see it, click and hold the rectangle tool, and it will appear as an option to switch to.
Draw a big (preferrably white) rounded rectangle, the full width of the image. It doesn't matter too much the height of it, as you'll be tiling the
RSS/XML