With the evolutionary changes the industry has been experiencing in the last decade, web developers are always kept on edge, trying to predict the next trend which will take the industry by storm!
The web design industry has catapulted in terms of progress over the past few years, and a lot can still be expected from the field at the current pace of technological advancements.
For any front-ender or coder, sooner or later the time comes to create his/her own small framework. It usually consists of those rules and functions that had to be repeated in every recent project.
The following article is intended for demonstration purposes and shows how animation in CSS3 can be used to create analog clock with responsive design.
calc is a fairly new but still very rarely used feature in CSS3. It allows you to perform simple arithmetic operations directly in style descriptions using all sorts of units.
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.