JavaScript

  • Creating an animated hamburger menu icon with CSS-only

    Creating an animated hamburger menu icon with CSS-only

    Using an animated hamburger menu icon is the most intuitive way to improve the user interface and experience of a web application or site. Here is a small tutorial on creating an animated hamburger menu icon with CSS only, there is no involvement of any JavaScript code. Here is a demo of the hamburger icon […]

  • Creating an animated hamburger menu icon

    Creating an animated hamburger menu icon

    Even little animation can improve the overall user experience. Why not add this magic potion to your menu icon too. In this tutorial I’m showing you codes and scripts to create an animated hamburger menu icon. Before we get into HTML, CSS, and JavaScript. Here is a live demo: First let’s create a div element […]

  • Dog Years – JavaScript Project

    Dog Years – JavaScript Project

    Here is another javascript project after Kelvin weather, the calculation of Dog years in javascript. Dogs mature at a faster rate than human beings. We often say a dog’s age can be calculated in “dog years” to account for their growth compared to a human of the same age. In some ways we could say, […]

  • Kelvin Weather — JavaScript Project

    Kelvin Weather — JavaScript Project

    In Codecademy, when learning the basics of JavaScript we are given a project of building Kelvin weather, where we have to convert Kelvin to Celsius, then to Fahrenheit. In this article, I’ve explained the javascript codes with explanations. Data we’ve already with us: Today’s weather forecast: 293 Kelvin. Celsius is similar to Kelvin — the […]