Keywords / HTML & CSS, Responsive web design

Tags: HTML & CSS, Responsive web design

Adaptive vs. responsive web approach - two sides of the same coin

Adaptive vs. responsive web approach - two sides of the same coin
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!

Responsive typography and web design for beginners

Responsive typography and web design for beginners
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.

Getting started with Bootstrap

Getting started with Bootstrap
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.

Creating analog clock with responsive design using animation in CSS3

Creating analog clock with responsive design using animation in CSS3
The following article is intended for demonstration purposes and shows how animation in CSS3 can be used to create analog clock with responsive design.

Great features for responsive web design using calc in CSS3

Great features for responsive web design using calc in CSS3
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.

Resizing YouTube and HTML5 videos proportionally using CSS for responsive web design

Resizing YouTube and HTML5 videos proportionally using CSS for responsive web design
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: media queries

CSS3: media queries
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.

How to resize images proportionally using CSS for responsive web design

How to resize images proportionally using CSS for responsive web design
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.

Simple image slider with a responsive design using only CSS3

Simple image slider with a responsive design using only CSS3
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.

Comparative Responsive Pricing Tables

Comparative Responsive Pricing Tables
Pricing tables with responsive web design that only use CSS and HTML. These pricing tables are provided with 8 different designs where each design has multiple color themes and use Font Awesome icons.