CSS3 provides the developer with abilities to manage powerful features such as rounded corners, shadows, gradients, etc. But since not all popular browsers (IE6-8) are aware of the new properties, implementing these kinds of designer ideas sometimes turns into a nightmare.
At first glance, the use of classes and ids is almost identical: both can assign CSS properties with needed values to change the appearance of HTML document. But, under what circumstances can we make better use of classes, and under what ids?
This article will focus on a seemingly out-of-date topic - validation of a web document by one of DTD-markup declarations, which in turn are defined by DOCTYPE.
In HTML5, there is a new element - progress which acts as a regular progress bar and is used to visualize the progress completion of a certain task such as data download on a server.
This article demonstrates how to create a simple tooltip using only CSS3 with minimal styles. Consider the following example of tooltips for links.
Meta tags are special tags in HTML that contain auxiliary information about the document.
The present article is intended for demonstration purposes and shows how to simply draw a heart using only CSS.
There were always problems with rounded corners when working with boxes.
Animation demonstrated in this article uses only CSS3. It consists of one simple semi-transparent layer placed over the image and appearing text with zoom and rotate effects.
Any work, especially writing, should be done carefully, because to redo it in the future will be much harder, especially if it is created for some high-traffic official site.
CSS doesn't have special property for making triangles. But smart web developers invented a hack which allows to make triangles with different shapes and orientations using only CSS.
The current article is intended for demonstration purposes and shows how to simply draw a diamond using only CSS.