Web Development » CSS

Fantastic Animation PHP/CSS/jQuery Error pages

A nice pure CSS menu, which works on all major browsers. There is also a vertical version on the site.

Making templates with rounded corners without using heavy images. This way of doing it was very simple, the page is stretchable, that means you can put in as much content you want in the middle and right columns and the page will stretch as long as you take it, followed by the footer.

CSS3 Opacity.. Transparency.. Lucidity.. A wee bit see-through... whatever you want to call it! Herein is a guide to using the Opacity declaration in CSS 3 along with some tutorial examples.

Use CSS 3 to create a set of columns on your website without having to assign individual layers and / or paragraphs for each column.

Let's say you want to design a Website with the content floating in the middle. Some coders like to use liquid layouts, which means that the horizontal width of the content div box changes according to the size of the browser window. Other designers use fixed-width layouts, which means that the width of the content div box will remain the same independent from the size of the browser window.

This tutorial shows you how to solve the "CSS Padding Problem" - a problem that comes when you apply a padding style to a div, and the div's width expands.

Tooltips are amongst this vast array of gadgets that should be in every web application developer’s toolbox, as they provide useful hints and help messages directly to the user in a discrete yet obvious manner.

If your reading this your probably either new to web design, or still using tables and deciding it’s time to move on, after all tables are for tabular data, not layout structure!

Today I’ll teach you how top create tooltips purely using Cascading Style Sheets(CSS). Tooltips are basically little blocks of information that are used to inform users about certain attributes of your website elements.