Do you remember how layers work in Photoshop? An outer layer will be always over an inner layer, and when you try to select the underlying layer while you're still working on an upper layer, then nothing happens. The same thing happens in CSS with the z-index property and the layering order. We're talking about layers, and this is not a coincidence. In fact, it was Netscape that introduced the concept of layers that has been later developed by CSS through the positioning model. The layering order comes into play when two or more positioned elements overlap. In this case, the z-index property will tell browsers which element must be put on a higher layer.
jQuery: a slideshow with timers
JavaScript timers allow us to create complex, repeated animations with very little effort. This turns out to be really useful with slideshows. We have a container with some images inside and we want to build a slideshow with jQuery. So far so good. The problem is that we want also that this slideshow enter in an infinite loop without breaking a sequence of jQuery animations. This is a little bit more complicated but you don't have to be afraid. First, understand timers. Second, use animations with animate(). Third, put all together. Let's see how.
CSS: working with @font-face
0
The CSS3 @font-face at-rule allows us to include web fonts on our web pages. This video tutorial found on YouTube is a great, efficient and self-explanatory guide to the use of this CSS3 feature.