Blogs

All blog posts, sorted by date

Since I wrote WebMCP for Beginners, Chrome has moved the WebMCP specification into an official Origin Trial starting in Chrome 149. Instead of repeating the basics of MCP, this post will discuss the recent changes in WebMCP and how to use the updated APIs in the browser.

5 min read | READ ARTICLE

May 18, 2026

web performance core web vitals spa chrome

Soft Navigations: The Missing Performance Story in SPAs

A practical explanation of soft navigations, why SPA route changes are hard to measure, and how Chrome's Soft Navigations API can make web performance tooling closer to what users actually experience.

9 min read | READ ARTICLE

May 8, 2026

web performance core web vitals lazy loading chrome

Lazy Loading Video and Audio: What It Means for LCP and PageSpeed

Chrome 148 adds loading=lazy support for video and audio elements. Here is why it matters for LCP, where it helps PageSpeed, and a small demo to test the behavior.

5 min read | READ ARTICLE

May 2, 2026

webmcp mcp ai agents web development frontend

WebMCP for Beginners

A beginner-friendly look at Chrome's WebMCP early preview: how it relates to MCP, why websites may need structured agent interfaces, and what it means for frontend developers.

12 min read | READ ARTICLE

Apr 24, 2026

ai agents mcp chrome devtools lighthouse performance accessibility

Give Your AI Agents Built-in Quality Checks with Chrome DevTools MCP

Chrome DevTools MCP v0.21.0 brings powerful new capabilities for AI agents — performance audits, memory leak detection, accessibility debugging, and multi-agent page routing. Here's what's new and how to use it.

9 min read | READ ARTICLE

Jan 26, 2026

geolocation html chrome permissions

The <geolocation> Element Changed How I Think About Permissions

Chrome 144 introduces the new HTML geolocation element, a declarative approach to location permissions that replaces the traditional JavaScript API with a browser-controlled, user-activated button.

4 min read | READ ARTICLE

Jul 3, 2025

commandfor command chrome

Understanding the Command and CommandFor Attributes

Chrome 135, released on April 1st, 2025, introduces an important addition to HTML buttons with the new command and commandfor attributes. These attributes allow developers to assign behavior to button

3 min read | READ ARTICLE

Oct 7, 2024

web performance core web vitals performance insights memory profiling devtools

Browser memory profiling tips and techniques

Since I joined Atlan, I have focused on improving the performance of our web app built with VueJS and related libraries. The first bug I fixed at Atlan was a memory leak in the front-end. Instead of d

3 min read | READ ARTICLE

May 16, 2024

web performance core web vitals inp lighthouse devtools

Finding Performance Issues with Lighthouse Audit: A Developer's Guide

Lighthouse is an automated tool integrated into browser DevTools. Using Lighthouse, you can conduct various audits of any website, including performance, accessibility, SEO, and best practices. It als

4 min read | READ ARTICLE

Mar 16, 2023

web performance core web vitals inp

Core Web Vitals: Interaction to Next Paint (INP)

Have you ever clicked on a button or typed something on a website and waited for a long time before anything happened? If so, you have experienced a poor user experience due to low responsiveness. Res

8 min read | READ ARTICLE

Sep 10, 2021

react typescript

TypeScript Tips: Getting Component Props Types in React

These days, React and Typescript are the perfect combo for building front-end applications. If you're from the front-end world, you may already know that. This post is about a Typescript tip that will

3 min read | READ ARTICLE

Oct 24, 2020

flow flow-lsp osx

Fix: The flow server is not responding

Recently, I was setting up `flow` for one of my project. Everything was running normally, but after sometime, there was this error on the screen:

1 min read | READ ARTICLE

Apr 1, 2020

web performance link preload

Improve Website Speed with Link Preload

In recent years, Web peformance optimizations became a mandatory skill for every front end developers. Web performance can be classified into two: page load performance and runtime performance. Here i

3 min read | READ ARTICLE

Apr 21, 2016

react native debugging ides

Debugging React Native Apps using Visual Studio Code

I always think that I am a Magpie developer. I don't know if others do this often; But, most of the times, I switch between my IDEs, trying out new frameworks ( even though it doesn't solve most of m

3 min read | READ ARTICLE

Jan 21, 2016

reactjs redux flux

React Redux Part 1 : Implementing a counter component in react by using state

The frontend world is moving so fast these days. The hottest trend is React along with the Flux pattern. Flux is a architectural pattern introduced by Facebook to solve some of the problems in large d

2 min read | READ ARTICLE

Dec 27, 2015

react native webview

Injecting Custom JavaScript into React Native's Webview

I was playing around with React native these days. Ever since they added the support for the webview in React native for Android ( which happened in their last release ), I was eager to try it out. So, today's post is about React native webview.

1 min read | READ ARTICLE

Jul 31, 2015

iterm zsh productivity

iTerm tips and zsh plugins for better development environment

This post is about the two tools I use regularly in my development environment: iTerm and oh-my-zsh. iTerm is a mac terminal replacement and zsh + oh-my-zsh is an excellent combo to replace the bash shell with some cool stuffs.

4 min read | READ ARTICLE

May 3, 2015

react jest tdd

React TDD Example: Unit Testing and Building a React Component with Jest, Gulp and React Test Utils

ReactJs has attained lot of momentum since its initial release in 2013, and became the best JavaScript library for developing rich UI interface. React also popularized different concepts like Virtual

5 min read | READ ARTICLE

Apr 10, 2015

angularjs ng-repeat ng-repeat-start ng-repeat-end

Repeating Multiple Elements using ng-repeat-start and ng-repeat-end in AngularJS

When the AngularJS website is released, the TODO example in their website was one of the main attractions. The example was simple and just below 30 lines of code ( Here is the link if you want to che

2 min read | READ ARTICLE

Mar 19, 2015

tdd javascript testem curry

Implementing a curry function in JavaScript using TDD

TDD stands for Test Driven Development. To those who don't know what TDD means: In a typical TDD Environment, a developer start with a basic test case describing the minimal requirement for implementi

6 min read | READ ARTICLE

Mar 17, 2015

localhost testing weinre

Remote debugging localhost with weinre ( and HTTPS too )

Debugging mobile websites/applications is a real pain. No debuggers for Javascript, no console logs, cannot inspect html/css, and so on.

4 min read | READ ARTICLE

Feb 4, 2015

chrome extension whatsapp web

Whatsapp web client: Hide/blur thumbnail images preview

The most anticipated Whatsapp web is here finally. If you haven't seen it go check it out: http://web.whatsapp.com. I really like it because of these reasons: 1. Desktop notifications in chrome 2

2 min read | READ ARTICLE

Aug 11, 2014

angularjs ng-options

A brief walk-through of the ng-options in AngularJS

Using ng-options was bit tough for me. I banged my head couple of times when I actually used ng-options in my code. And most of the times, I had to google and find out how to make it work. Looking the AngularJS documentation didn't help much, as it's less informative and doesn't have much code samples.

7 min read | READ ARTICLE

Jul 7, 2014

angularjs directives

Practical Guide to PreLink, PostLink and Controller Methods of Angular Directives

I have discussed about the scope of a directive in my previous article. Here we're going to see how to use the link and controller functions of an AngularJs directive.

4 min read | READ ARTICLE

Jun 26, 2014

javascript

Explaining Call and Apply in JavaScript, through Mr.Dave

First, I admit the title looks bit weird. I know this topic has been explained a thousand times in many JavaScript blogs, and I don't want to repeat the same here too. So I am gonna explain this through a person '**Dave**'.

4 min read | READ ARTICLE

Feb 25, 2014

angularjs localstorage

AngularJS: Real time model persistence using local storage

Last week, I came across a situation while working on a simple AngularJS application. I'd to sync the data between multiple open tabs. As you guess, the easy way to sync data between multiple tabs is

1 min read | READ ARTICLE

Feb 17, 2014

angularjs routes resolve promises $q

'Resolve' in AngularJS routes, explained as story

I feel AngularJS documentation is baffling sometimes. Reason may be, I'm going through the same learning curve described by @bennadel. Through this article, I'm primarily aiming to help those who got

6 min read | READ ARTICLE

Feb 11, 2014

directives angularjs scope isolated scope directive definition objects

Mastering the scope of the directives in AngularJS

Directives are one of the most powerful features of AngularJS. You can imagine them as building blocks ( aka re-usable components ) of any AngularJS application. Mastering all the directives, is totally out of this article’s scope.

9 min read | READ ARTICLE

Feb 3, 2014

javascript

Multiple Left-hand assignment in JavaScript, is really bad. Think before you do it.

You may ask, what does that mean ? Well, if you’re not familiar, in JavaScript you can write the variable assignment expressions like this.

2 min read | READ ARTICLE

Jan 29, 2014

oos verbalrgex regular expressions javascript angular yeoman

Starting VerbalRegex.com open source project

On the other day, while exploring the Github repositories, this one grabbed my attention.

2 min read | READ ARTICLE

Oct 15, 2013

octopress

Octopress Blog Tweaks: Adding Author Info Section Below Each Posts

A good blogging platform is one which allows easy customization. I've been using Octopress for more than 2 weeks and happy to tell that it's one of those allows customization with out any pain. I want

3 min read | READ ARTICLE

Sep 26, 2013

javascript arithmetic expressions

Some Gotchas In Arithmetic Expression Evaluation : JavaScript

This post explains how the JavaScript engine actually parses the arithmetic expressions.

4 min read | READ ARTICLE

Sep 25, 2013

blog octopress

Starting my new blog: Finally Octopress

I wanted to start writing blog ever since I started coding. I never had a success setting it up because of time constraints and many other reasons. During this time, I've evaluated a number of bloggin

2 min read | READ ARTICLE

Back to Home

Chrome Silently Shipped the Biggest Web API for AI Agents: What Changed in WebMCP

Soft Navigations: The Missing Performance Story in SPAs

Lazy Loading Video and Audio: What It Means for LCP and PageSpeed

WebMCP for Beginners

Give Your AI Agents Built-in Quality Checks with Chrome DevTools MCP

The <geolocation> Element Changed How I Think About Permissions

Understanding the Command and CommandFor Attributes

Browser memory profiling tips and techniques

Finding Performance Issues with Lighthouse Audit: A Developer's Guide

Core Web Vitals: Interaction to Next Paint (INP)

TypeScript Tips: Getting Component Props Types in React

Fix: The flow server is not responding

Improve Website Speed with Link Preload

Debugging React Native Apps using Visual Studio Code

React Redux Part 1 : Implementing a counter component in react by using state

Injecting Custom JavaScript into React Native's Webview

iTerm tips and zsh plugins for better development environment

React TDD Example: Unit Testing and Building a React Component with Jest, Gulp and React Test Utils

Repeating Multiple Elements using ng-repeat-start and ng-repeat-end in AngularJS

Implementing a curry function in JavaScript using TDD

Remote debugging localhost with weinre ( and HTTPS too )

Whatsapp web client: Hide/blur thumbnail images preview

A brief walk-through of the ng-options in AngularJS

Practical Guide to PreLink, PostLink and Controller Methods of Angular Directives

Explaining Call and Apply in JavaScript, through Mr.Dave

AngularJS: Real time model persistence using local storage

'Resolve' in AngularJS routes, explained as story

Mastering the scope of the directives in AngularJS

Multiple Left-hand assignment in JavaScript, is really bad. Think before you do it.

Starting VerbalRegex.com open source project

Octopress Blog Tweaks: Adding Author Info Section Below Each Posts

Some Gotchas In Arithmetic Expression Evaluation : JavaScript

Starting my new blog: Finally Octopress