Home / Best

Most popular

MP3 player using HTML5

MP3 player using HTML5
If you are only beginning to work with HTML5 and you strive for new knowledge - the following tutorial is what you need. Here, in a simple way we'll try our best to explain how to create your own HTML5 MP3 player.

Simple image slider with navigation using only CSS3

Simple image slider with navigation using only CSS3
This is another improved version of the image slider which was presented in the previous articles. Now the slider has navigation elements and caption for each image. All these new elements are animated with CSS3.

Changing shape of a block to look like diamond, ribbon or right and left arrows using only CSS

Changing shape of a block to look like diamond, ribbon or right and left arrows using only CSS
Sometimes a web page needs some special elements such as arrows or ribbons, and the simplest way to create them is to apply particular CSS styles for elements to change their shapes.

Social media icons with slide up and down animation using only CSS3

Social media icons with slide up and down animation using only CSS3
This article demonstrates how simple it is to create slide up and down animation for social media icons using only CSS3.

Cross-browser compatible add to favorites/bookmarks JavaScript

Cross-browser compatible add to favorites/bookmarks JavaScript
Cross-browser adding pages to favorites is implemented by JavaScript.

Simple content accordion using only CSS3

Simple content accordion using only CSS3
The following article shows how to create a simple content accordion without JavaScript using only CSS3.

How to improve CSS code

How to improve CSS code
We are going to talk about compactness (neatness) and correctness of CSS code.

Creating analog clock with responsive design using animation in CSS3

Creating analog clock with responsive design using animation in CSS3
The following article is intended for demonstration purposes and shows how animation in CSS3 can be used to create analog clock with responsive design.

Animated image with spreading curtain effect and appearing title using only CSS3

Animated image with spreading curtain effect and appearing title using only CSS3
Animation used in the following article can be applied to images in blocks where blocks are presented as a list of articles/posts/news on websites with this specific design.

CSS3: multiple backgrounds

CSS3: multiple backgrounds
One of the advantages provided by CSS3 is its ability to specify multiple background images for elements.

Social media icons with animated tooltips using only CSS3

Social media icons with animated tooltips using only CSS3
This article explains how create social media icons with animated tooltips without JavaScript using only CSS3.

CSS: changing cursor

CSS: changing cursor
You can use styles to change the appearance of the cursor and select one of the fifteen available options.

How to make a simple gradient using box-shadow CSS property

How to make a simple gradient using box-shadow CSS property
This article demonstrates that box-shadow CSS property can be used not only to create shadows around an element, but also to create a gradient inside an element as background.

Animated 3D button using only CSS3

Animated 3D button using only CSS3
The present article demonstrates an example of a button which is represented as 3D object with simple animation using only CSS3.