Home / Best

Most popular

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

When to use CSS ids and when CSS classes instead?

When to use CSS ids and when CSS classes instead?
At first glance, the use of classes and ids is almost identical: both can assign CSS properties with needed values to change the appearance of HTML document. But, under what circumstances can we make better use of classes, and under what ids?

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.

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.

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.

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.

Meta tags in HTML

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

Box with rounded corners using CSS3

Box with rounded corners using CSS3
There were always problems with rounded corners when working with boxes.

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.

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.

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

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.