Tutorials Archives - Kodhus

Introduction In this article we are going to learn how we can put items on a circle. We will be utilizing css transform to put items on the circumference of a circle. Idea We need to calculate the angle between the items that will ultimately reside on the circumference of the circle based on the […]

In this tutorial, we go one step farther than previous tutorials which were mostly using css, to utilize javascript in order to create a nice user experience in our single page website.

In this tutorial we are going to create a side navigation menu that opens and closes smoothly using css transitions.
Take a look at the demo and download the source to see what it looks like.
To open and close the menu we use jQuery javascript plugin.

Today we are going to take a look at how to create a notification panel that contains a vertical timeline for notifications. It has elements such as number of unread notifications on the notification icon on the top right hand side of the page and also the actual notification timeline.

Today we will build a step progress bar, one of the useful components that is used usually in multi-step sign up forms and any use-case that needs a consecutive progressive flow to be shown to the user.

The goal of this tutorial is not exactly what basic CSS selectors are, but to describe some of the more advanced ones that are used in modern web design. CSS Selectors 1. Difference between A > B and space (A B) There has been always a question between > and space when selecting a dom […]