Tool I use for web development
Why this post? As a web developer, I use a lot of tools (new & old), utilities & some tips from my discovery and from lots of people around (twitter, product hunt etc,). Today I want to share all of…
Hi, I'm Gokul
I'm a web developer based in India, Bangalore. I love web, contribute to open source, I talk about web & javascript, and aGoogle Developer Expertfor Web Technologies.
2020
2019
2019 year end review
Last year I wrote a list of things I wanted to achieve in 2019. So I thought why not I write a blog post every year-end about what I did throughout the year. This post will be really helpful when I…
2018
Fix Mojave Rendering Issue
Today after updating macOS from to in my MacBook Pro, I found out that Mojave has some render issue. Here is how to fix the issue. Steps to fix Copy this code . Open your terminal application. Paste…
Add danger.js to your OSS in 5 mins
What is danger.js anyway? DangerJS runs during your CI process, and helps your team to automate certain manual code review tasks like: Is there a or ? Does this are added to ? Is kept up to date…
Prettier - Opinionated Code Formatter
What is prettier? Prettier is an opinionated code formatter. That’s all. ✅ Language support 👉🏻 Life without Prettier Dev (A): Hey, can you review my code?, Here is the PR link. Dev (B): Sure. Hmm…
Introduction to GraphQL
😼 So what is GraphQL exactly? A query language for your API. GraphQL gives the power to ask for exactly what we need and nothing more. Get as many as resources in a single request. Evolve your API’s…
2017
Comparison of HTTP and HTTP/2
This comparison blog post is to show why you should move from HTTP to HTTPS and why you should add support to HTTP/2. Before comparing HTTP vs HTTP/2. Lets see what is HTTP first. Hypertext Transfer…
Best Practices for Push Notifications
As the web is moving forward very fast and now we can do almost everything on the web which can be done in native applications ( & ). Such as , , etc. But many websites started using these features…
What is accessibility?
Accessibility means letting the user navigate and interact with a website by any means. Let it be a keyboard, a mouse or people with disabilities or impairments. Web Accessibility Let us learn what is…
How To Setup Webpack 2
Webpack is module bundler for modern web applications. It is a highly configurable and easy to use. Reduces the network request by bundling all static assets into a single file. Hot Reloading helps us…
2016
CSS4 Selectors
A CSS selector is like patterns which are used to select and style the pattern matching elements. We will compare with selectors and give some examples for better understanding. Pseudo Class Pseudo…
2014
Web Performance Optimization
An average user stays in your site if the page loads in < 1000ms. In 2014, an average page size is 1.9MB. See the below chart for more stats. via source httparchive The core content of site should…
Chrome DevTools
Google chrome is one of the fastest browser around and using chrome devTools for development is simply awesome. I use two chrome browers, one is normal chrome and other is chrome canary. The…