Skill Bar

CSS Skill Bar Webdesign (Neumorphic Design)

A skill bar is one of the most significant part of the UI design. We can see it in lots of websites mainly are the personal website or the company websites. The skill bar is a very easy way to inform the user about some value. It is one of the significant way to tell

Weather Display Design

Simple Weather Info Webdesign

In this blog we will create a simple webdesign to display the current weather information. We will be using the openweather’s free api for this tutorial. Openweather is a weather forcasting company. They have lots of weather services. They also have thier oen app and also been providing the weather data to other apps like

Masonry Cards

Masonry Layout by Bootstrap

Masonry layout is a grid layout technique. The websites consists of card or image designed to align optimally. The masonry actually standed for the brick arrangement during the construction of the house and buildings. Mainly the it is used to create an attractive gallery in the websites. Many websites also implemented their card view in the

Stopwatch Javascript

Create a stopwatch in Javascript

In this blog we will be learning to make a stopwatch from the javascript and will be designing it in a neumorphic way. Lets get started with the tutorial. Step 1: Creating our backbone ie: Our HTML   <!DOCTYPE html> <html> <head> <title>Timer</title> <link href=”https://fonts.googleapis.com/css2?family=Poppins&display=swap” rel=”stylesheet”> <link href=”http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css” rel=”stylesheet”> <link rel=”stylesheet” type=”text/css” href=”css/style.css”> </head> <body>

1 2