Home / Articles

Articles

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.

Taking the tech road - can you become a good programmer?

Taking the tech road - can you become a good programmer?
On this blog, a lot has been said for those who already are in the coding business, and those who have just started their journey. The people we usually tend to forget are those who are aspiring to join the geek league.

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.

Keep the programming boat afloat - know what's hot in the programming world

Keep the programming boat afloat - know what's hot in the programming world
One of the undeniable perks of being a programmer is the huge heap of choices you have when it comes to languages, frameworks, platforms, methodology and almost everything else.

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.

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.

Animated image with zoom effect and appearing title using only CSS3

Animated image with zoom effect and appearing title using only CSS3
Nowadays, there are more and more websites which display articles/posts/news as square boxes in several columns where each square has a main image and the title of the article/post/news. The following article contains an example of a simple animation for the main image which can make such squares look more attractive.

How to create flashing/glowing button using animation in CSS3

How to create flashing/glowing button using animation in CSS3
This article shows how to create a button with flashing/glowing effect using animation in CSS3 without JavaScript.

How to create from scratch Aero Glass Vista button in Photoshop

How to create from scratch Aero Glass Vista button in Photoshop
The following article demonstrates how to create Aero Glass Vista button in Photoshop.

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.

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.

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.

Quick navigation

General navigation