• Make your website page navigations smoother

    Make your website page navigations smoother

    Among many of the new CSS API, ViewTransition has been one promising thing to look out for. There’s one CSS rule hack which makes your website’s navigation experience very smooth. The @view-transition CSS rule with navigation: auto; is part of the View Transitions API. This rule provides a simple way to create smooth animated transitions…

  • Change Bootstrap 5 Navbar Toggler color

    Change Bootstrap 5 Navbar Toggler color

    The newest version of Bootstrap uses a dataURI image instead of a CSS icon. And it becomes difficult if you want to animate it or want to change color. Here’s the way to change the color if you need to. Original Image: All you need to do is to replace the value present inside stroke…

  • Set up Frontend Development Environment: A Complete Guide

    Set up Frontend Development Environment: A Complete Guide

    As frontend development becomes increasingly sophisticated, having a proper local development setup is crucial. In this guide, we’ll walk through setting up a modern frontend development environment with SASS, PostCSS, and other essential tools. We’ll create a workflow that includes CSS preprocessing, autoprefixing, and live development server capabilities. Prerequisites Before we begin, make sure you…

  • Change the color of status bar in iOS devices

    Change the color of status bar in iOS devices

    Add below code to your PWA.

Got any book recommendations?