Top Tutorials
CSS Tutorial ( xHTML / CSS Tutorial )
This CSS Tutorial will get you started with CSS in just a few minutes. It is easy to understand and will teach you all the sophisticated techniques.
Discuss | Trackback | | Add this link to...
Setting Height Dynamically ( JavaScript Tutorial )
This div will always size itself to extend to the bottom of the window.
Discuss | Trackback | | Add this link to...
Dynamic Cascading Style Sheets ( xHTML / CSS Tutorial )
In the Web Development topics of forums across the Internet, many web developers trying to do the transition from table based layout (a 20th century relic) to CSS based layout have a problem giving up the grid. They go from a strictly controlled table grid to a grid made of div tags. To make such a grid structure work they need all kinds of hacks or end up with absolute positioning. The final structure is rigid and looks like a table. For some reason they think that is how a web page is supposed to look.
Discuss | Trackback | | Add this link to...
Fixed Position Floating Layers ( JavaScript Tutorial )
This page has two floating layers. The first one is fixed to its location as defined by the inline code and the second is defined to float at the bottom of the screen by calculating an offset at load time. The strict doctype is require for it to work, otherwise you have to deal with quirks mode and the browsers do the positioning calculation differently and not to standard in quirks mode. The mouse scrollwheel will not work for some drivers. You have to use the slider on the screen
Discuss | Trackback | | Add this link to...
Forms in 4 Dimensions ( xHTML / CSS Tutorial )
The motivation for this mini-tutorial comes from my experiences as an expert on a number of sites where I have encountered some backward Luddites who think CSS is too hard to learn; the work of the devil; just layout with DIV and SPAN; or some other ridiculous mis-conception.
Discuss | Trackback | | Add this link to...
No Preload Image Rollovers ( xHTML / CSS Tutorial )
One of the most common effects used on web pages is the image rollover. There are two problems associated with the effect: First. They require a pre-load to work smoothly. That means scripting must be enabled, and each image must be separately addressed. Secondly. The increase response times because of extra graphics have to be downloaded. Even if the graphics are small; there is still a separate request and disk I/O on the server 10 graphics that are 3k takes longer than 1 graphic that is 30k
Discuss | Trackback | | Add this link to...
Cascading Style Sheet Switcher ( xHTML / CSS Tutorial )
How to realize a server-side stylesheet switcher. You can change style from every page you are on; the choosen stylesheet is applied to the whole website istantly, and remembered for user's future visits.
Discuss | Trackback | | Add this link to...
Columns with CSS Properties and less Aggravation ( xHTML / CSS Tutorial )
This little tutorial is about columns in text. At this writing that requires Firefox 1.5; though others are sure to follow.
Discuss | Trackback | | Add this link to...