Home / Best

Most popular

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?

How does the grid web design work from coder's point of view?

How does the grid web design work from coder's point of view?
Creating high quality product is a result of coordinated team work. It is important to make teams work together efficiently.

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.

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.

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.

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.

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.

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.

jQuery for beginners: AJAX

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

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.

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.

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.

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.