Tag: CSS

  • 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 […]

    Click here to read more.

  • 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 […]

    Click here to read more.

  • Ensure text remains visible during webfont load

    Web fonts are the major things now. Specially when you want to spice up your site with an elegant and unique design, but that come with a cost – a burden on page speed. That is why we need to ensure text remains visible during web font load, so it doesn’t flash or go blank […]

    Click here to read more.

  • Why does a:link a:visited selector override a:hover a:active selector in CSS?

    Most of us who are either learning CSS or trying out his very first project could face this issue. To fix this issue make sure you have all the selectors in the right order. The correct order is: a:link {} a:visited {} a:hover {} a:active {} If you change the order of any one like […]

    Click here to read more.