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 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.

CSS3: Progressive Internet Explorer (PIE)

CSS3: Progressive Internet Explorer (PIE)
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.

How to draw a heart using only CSS

How to draw a heart using only CSS
The present article is intended for demonstration purposes and shows how to simply draw a heart using only CSS.

jQuery for beginners: AJAX

jQuery for beginners: AJAX
In this article I'll try to explain how to implementing AJAX requests.

How to validate a document and correctly mark up HTML pages (Transitional vs Strict)

How to validate a document and correctly mark up HTML pages (Transitional vs Strict)
This article will focus on a seemingly out-of-date topic - validation of a web document by one of DTD-markup declarations, which in turn are defined by DOCTYPE.

Meta tags in HTML

Meta tags in HTML
Meta tags are special tags in HTML that contain auxiliary information about the document.

Animated frames for social media buttons with 3D effect using only CSS3

Animated frames for social media buttons with 3D effect using only CSS3
Current article demonstrates how to create frames with 3D open/close door-effect for social media buttons using only CSS3 without JavaScript.

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 draw a diamond using only CSS

How to draw a diamond using only CSS
The current article is intended for demonstration purposes and shows how to simply draw a diamond using only CSS.

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.

NVD3.js - interactive and reusable charts for D3.js

NVD3.js - interactive and reusable charts for D3.js
D3.js is a JavaScript library designed to manipulate documents with different data. D3 in some sense brings data to life with the help of HTML, SVG and CSS.

Triangles with different shapes and orientations using only CSS

Triangles with different shapes and orientations using only CSS
CSS doesn't have special property for making triangles. But smart web developers invented a hack which allows to make triangles with different shapes and orientations using only CSS.

How to create a simple tooltip using only CSS3

How to create a simple tooltip using only CSS3
This article demonstrates how to create a simple tooltip using only CSS3 with minimal styles. Consider the following example of tooltips for links.