Home / Authors / Sergey Fedus

Articles by Sergey Fedus

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.

How to add custom fonts to a website using @font-face in CSS

How to add custom fonts to a website using @font-face in CSS
The following article shows a way to embed custom fonts on a website using @font-face rules in 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.

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.