A very easy, yet reliable way to make your Progressive Web App experience (PWA) more engaging and actually app-like is to ensure it is quick in function and to give it the outlook that it is quicker than it actually is, you can display certain elements of the app –…

We have just finished covering Introduction to service workers, Installation and Activation of service workers. The next thing in the service worker life cycle is Fetch event. A fetch event occurs when a request is sent to the server. Normally, when an app requests resources like a stylesheet, images or…

Torrents or “Peer to Peer transfer” is one of the best ways to share files without overloading a server. You’ve probably done torrent downloads of gigabytes of data than you could store on the device you’re currently reading this article on. But have you ever wondered how you can reduce…

Let’s be honest, we’ve all been in that situation where we find a good music video on YouTube which we liked a lot and ended up wanting to stream it during a workout or maybe at work or even while shopping. While many music streaming apps allow you to listen…

We had covered until the registration of a service worker in our earlier article PWA Essentials: Introduction to Service Workers. The next events in the service worker life cycle are the INSTALL and ACTIVATE events. We shall see the Service Workers Installation and activation in this article. Installation and Activation…

Whenever you’re building or testing websites that tailor relevant content to users based on their geographical location or building a UI that changes depending on where the user is located, you might want to make sure that the design behaves as intended in different locations around the world. In this…

Straight after my previous tutorial on the Multilevel dropdown menu using CSS, here we are going to discuss interdependent dropdown menus using JavaScript. Do you remember those options you selected while you were applying for a course? Or when you were ordering your favorite pizza? Or when you were booking tickets?…

Microsoft recently announced that all Android devices are now compatible with Your Phone Companion application for Windows 10, and can now not only sync their data but make calls from your Windows 10 PC. Feature users of windows PCs waited for a long time now have the ability to sync…

Here’s a quick tutorial that explains how to create a multilevel dropdown menu with CSS. The HTML aspect of the multilevel menu is just lists within lists. But the CSS is what makes it look so attractive and user-friendly. This is how the webpage looks with pure HTML. By using CSS, we can…

After months of waiting for WhatsApp to release the dark mode feature, which is one of the most sought after updates from Facebook. Most app developers who have been doing APK teardowns hoping to get a crack at the new feature has finally found a way to enable dark mode…

Qualcomm revolutionizes the smartphone industry by revealing Snapdragon 865, what might be the immediate future of top-end handheld gadget SOCs. Qualcomm this week unveiled their next iteration of the flagship SOC, the new crown Jewel – Snapdragon 865, along with the other mid-tier Snapdragon 765. Promisingly aimed at upcoming implementations…

Perhaps the most sought-after UI feature of 2019, the most bragged non-functional “feature” in all devices both handheld and not, is the Dark mode. It is a supplemental feature that just swaps out most of your light UI elements with dark ones, giving you a “black theme”. This reduces the…

We have already discussed the various features of PWA which make them the future of web development. But have you ever wondered what is responsible for all these features that the web apps provide? It’s the SERVICE WORKERS. The service workers are the beating hearts of the progressive web applications, which…

In the previous article, we read about the mandatory attributes in a manifest file for PWA. Now we will read about the other, not mandatory but rather useful members in the manifest that you can use to improve user experience in your web app. PWA Key-Value Pairs description The description…

By now we’ve learnt that Progressive Web Applications are just instances of our browser windows on steroids, right!? We get the new tiny instance to do all the extra stuff like display a splash screen while opening, have a specified icon, change the colour theme of your status bar, make…

Technology Rehab! : Google’s answer to keeping you away from the phone, for your digital wellbeing! (pun intended) Last year with the debut of Android Pie (9.0) Google introduced Digital Wellbeing, an application focused on detaching you from your digital life so you focus more on living outside the screen-realm….

Besides having to mandatorily serve your site over HTTPS, here are some of the necessary changes Google suggests as PWA checklist to be made in your HTML file for your website to qualify as a Progressive Web App. Make the Web page responsive Use meta viewport tag to automatically resize,…

We did mention everything that’s so good about PWAs that it was very convincing, right? But why don’t we see PWA replace native apps already? Yes, one of the reasons may be that they aren’t popular enough and devs still aren’t very familiar with the procedure to build PWAs (Don’t…

Have you ever opened a website and then felt the NEED for all the features of its mobile app, but they want you to download their application for that, (like Zomato and Quora!)? But you don’t want to install an app just for that, right? Maybe because you don’t want…