Home / Articles

Articles

Light up letter sign for error page using CSS3 animation

Light up letter sign for error page using CSS3 animation
Over the last few years of surfing the Internet, we can observe more and more websites which have well-designed and creative error pages. This article proposes an idea how to do it using simple animation in CSS3.

How to create pure CSS pricing tables

How to create pure CSS pricing tables
Nowadays you can hardly imagine a website not selling anything. So, the best choice is to use pricing tables that allow users to see the price and features of different products at once. In this article, we will create pure CSS pricing tables.

Responsive animated loader using only CSS3: three fading blocks with passing wave effect

Responsive animated loader using only CSS3: three fading blocks with passing wave effect
This loader consists of three fading blocks and an effect of a passing wave. Whole animation is done by using @keyframes rule in CSS3 and doesn't require any animated GIF image.

Expanding effect for appearing text placed over an image using keyframe animation in CSS3

Expanding effect for appearing text placed over an image using keyframe animation in CSS3
Expanding effect for appearing text that is used in this article consists of two parts where each part performs after another is finished. This effect is only made possible by using @keyframes rule in CSS3.

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!

Top dos and don'ts of WordPress SEO

Top dos and don'ts of WordPress SEO
When it comes to the question of which blogging system to use, WordPress leads the pack. Its functionalities relating to the diverse range of templates, architecture, and plug-in facilities provide users with an incredible amount of tools and pathways of creating content from websites to sharing pictures and video.

Selecting the right WordPress theme - what to opt for and avoid

Selecting the right WordPress theme - what to opt for and avoid
WordPress themes are all the rage today, with tens of thousands being available at a number of marketplaces. Depending on functionality and design, one can go for either free or paid themes.

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.

How to use and style progress element in HTML5

How to use and style progress element in HTML5
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.

Configuring Bootstrap: which components to choose

Configuring Bootstrap: which components to choose
This article tells you how to configure the appearance of the Bootstrap before you download it and some facts about component selection.

Horizontal and vertical animated stretching effect for appearing text placed over an image using only CSS3

Horizontal and vertical animated stretching effect for appearing text placed over an image using only CSS3
This article demonstrates how to simply animate an appearing text with horizontal and vertical stretching effect that is placed over an image using only CSS3 without JavaScript.

Zoom and rotate effects for appearing text placed over an image using only CSS3

Zoom and rotate effects for appearing text placed over an image using only CSS3
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.

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.

How to add an icon in browser's address bar and bookmarks for a website

How to add an icon in browser's address bar and bookmarks for a website
As you probably already know, some websites on the Internet have small icons (favicons) that are displayed by browsers somewhere next to the name of the website.

Quick navigation

General navigation