Category: How-to

  • Change the color of status bar in iOS devices

    Change the color of status bar in iOS devices

    Add below code to your PWA.

  • Integrate a Lottie Json file on website

    Integrate a Lottie Json file on website

    What is Lottie? Lottie is an open-source animation file format that renders vector-based animations in real-time. It was developed by Airbnb and is now maintained by the LottieFiles platform. Lottie animations are lightweight, scalable, and highly customizable, making them ideal for web and mobile applications. Step 1: Create or Obtain a Lottie JSON File The…

  • Hide elements for all except Screen Readers

    Hide elements for all except Screen Readers

    In web development, we do run into a situation where we want to hide an element from the user’s view, but at the same time, we also want it to be accessible to Screen Readers. In these situations, there’s a CSS approach that comes in very handy. A bunch of CSS lines make sure that…

  • Change Google Chrome Address-bar color

    Change Google Chrome Address-bar color

    It’s a quick little solution to customise the browser’s Address-bar colour as per your website’s theme colour. By-default the address appears with default colour theme depending upon whether you enabled Dark-mode or not. As it has white colour as default for Google Chrome. If you have noticed websites like Facebook and more, you can see…