This article demonstrates how video can be resized automatically to fit the width of its container using only CSS with appropriate aspect ratio. The current solution works for any video which is set in iframe, embed, object or video tags.
CSS3 introduces an extension on the media types you might already use in HTML4 and CSS2. These media types allow you to define style sheets specifically for screen and print media types, as well as others. But with CSS3 media queries, you can be more precise about where exactly you want to apply the styles it defines.
One of the important parts of a responsive web design is resizing the image automatically to fit the width of its container. Actually it's very easy, all you need to do is to set the appropriate value for max-width CSS property.
This article describes how to create a simple image slider with a responsive design using only CSS3. This slider may look identical to the previous one, but now it has a new operating principle.
This article describes how to create a toggle box which shows or hides content using only CSS3.
This is another improved version of the image slider which was presented in the previous articles. Now the slider has navigation elements and caption for each image. All these new elements are animated with CSS3.
There are two CSS properties to control the numbering in CSS, counter-reset and counter-increment.
Form fields are designed to collect information from visitors of a certain page. But despite the best efforts and explanations, getting the correct information from an average user can be difficult.
The following article demonstrates how a simple text-shadow CSS property with specified values can make an illusion of a 3D text.
In this article you'll learn what you need to know to get started with CSS3 animations.
One day may need to make a semi-transparent background color for a specific block. But how to do this correctly using recent features in CSS3?
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.
One of the advantages provided by CSS3 is its ability to specify multiple background images for elements.
The most pleasant innovation in HTML5 is its ability to display default text inside an input field and a text area. This became possible with introduction of placeholder attribute in HTML5.