Home / Best

Most popular

Animated Falling Snow Using Keyframes in CSS3 without JavaScript

Animated Falling Snow Using Keyframes in CSS3 without JavaScript
Winter has already come! It's time to decorate websites with wintry patterns! The shortest way to do it is by using keyframe animation in CSS3 without JavaScript. This article demonstrates animated falling snow with 3 different types of snowflakes falling in 3 different directions.

How to write in HTML

How to write in HTML
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.

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.

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.

Web fonts with CSS @font-face rule in detail

Web fonts with CSS @font-face rule in detail
The current article in detail describes @font-face rule in CSS which is used for embedding custom fonts on websites without JavaScript.

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.

The developers dilemma - how to choose between PHP and ASP.NET

The developers dilemma - how to choose between PHP and ASP.NET
When given a task to develop a website or web application, there is one confusion that even the most experienced programmers have to face - the choice of language.

How to create responsive image lightbox using only CSS3 transitions with 15 animation effects

How to create responsive image lightbox using only CSS3 transitions with 15 animation effects
This article considers a simple image lightbox with a minimal amount of code to demonstrate the simplest way on how to build it using only CSS3 transitions. It comes with 15 animation effects with a demo example for each one. It has a responsive design and works completely without JavaScript.

How to display inline elements as block elements and visa-versa

How to display inline elements as block elements and visa-versa
If we are not satisfied with the way a browser treats HTML elements by default we can change it.

HTML for beginners: working with text and images

HTML for beginners: working with text and images
The current article contains a list of old and well-forgotten articles on how to work with text and images in HTML 4.01. These articles will be useful for beginners who just started learning HTML and have no clue how it works.

CSS filter effects

CSS filter effects
CSS filters were created to achieve various visual effects when applied to DOM elements. In this article we will talk about the history of filters, what they are capable of and how to apply them. Also we will discuss their effect on performance of desktop and mobile devices.

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.

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.

How to disable text selection using user-select property in CSS

How to disable text selection using user-select property in CSS
This property controls selection of text and other elements on a page, except text fields of form, their contents can be selected whether it's allowed or not by user-select CSS property.