HTML & CSS

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.

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.

How to create animated drop-down menu using only CSS3

How to create animated drop-down menu using only CSS3
This article describes how to create a simple drop-down menu with simple animation using only CSS3 without JavaScript.

HTML for beginners: working with tables and forms

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

HTML for beginners: working with links and lists

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

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.

Forms in HTML5

Forms in HTML5
HTML forms are simple controls which are used to collect information from website visitors.

New types of element input in HTML5

New types of element input in HTML5
One of the strangest features of HTML forms is the use of an element with the vague designation input, it creates variety of control elements, starting from check boxes to text fields and buttons.

Great features for responsive web design using calc in CSS3

Great features for responsive web design using calc in CSS3
calc is a fairly new but still very rarely used feature in CSS3. It allows you to perform simple arithmetic operations directly in style descriptions using all sorts of units.

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.

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.

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.

Styling checkbox as toggle button using only CSS3

Styling checkbox as toggle button using only CSS3
This article demonstrates how to style regular HTML checkboxes as toggle buttons using only CSS3 without JavaScript.

How to create a styled drop-down list using CSS3

How to create a styled drop-down list using CSS3
The major problem of ordinary drop-down lists (select tags) in HTML is their inability to be styled with CSS styles. This article demonstrates a drop-down list which is made of HTML elements such as label, div and input which, in turn, can be easily styled with CSS.