It is like @CanIUse, but for the browser devtools, created by Pankaj Parashar and curated by community.

Can I DevTools?

Get weekly tips & tricks for your favorite browser devtools, created by @pankajparashar. Click to read "Can I DevTools?", by Pankaj Parashar, a Substack publication. Launched 2 years ago.

Can I DevTools? | Pankaj Parashar | Substack

In this article, we will use Next.js to build a static blog framework with the design and structure inspired by Jekyll. I've always been a big fan of how

Building a Blog with Next.js | CSS-Tricks

The following is a guest post by Pankaj Parashar. Pankaj has written here before, last time about the progress element. Fitting indeed then to write again

The HTML5 meter Element | CSS-Tricks

The following is a guest post by Pankaj Parashar. Pankaj wrote to me about some pretty cool styled progress elements he created. I asked if he'd be interested

The HTML5 progress Element | CSS-Tricks

The following is a guest post by Pankaj Parashar. Pankaj is our resident expert on all things and and this post is more evidence of that. Here, he walks us

Password Strength `meter` | CSS-Tricks

Lately I've seen quite a few websites that have some kind of an indicator to display the current reading position (how much you have "read", depending on how

Reading Position Indicator | CSS-Tricks

I spend a lot of time in DevTools, and I’m sure you do too. Sometimes I even bounce between them, especially when I’m debugging cross-browser issues. DevTools

Some Cross-Browser DevTools Features You Might Not Know | CSS-Tricks

I interviewed Thierry Koblentz, creator of Atomic CSS, to understand the history and background that led to making of the popular CSS framework. Thierry, now

The Making of Atomic CSS: An Interview With Thierry Koblentz | CSS-Tricks

Front-end developers spend a significant amount of time working inside the browser’s DevTools. Likely just as much as they spend time writing code in the code editor. However, most developers barely scratch the surface of what DevTools can accomplish. I have been curating a collection of DevTools tips across major browsers. The following are some […]

DevTools Tips & Tricks

Developer. Designer. Writer. Creator of @canidev.tools. Maintains @acss-io. - pankajparashar

pankajparashar - Overview

📝 Blazing fast Next.js blog inspired by Jekyll powered by React - pankajparashar/hyde

GitHub - pankajparashar/hyde: 📝 Blazing fast Next.js blog inspired by Jekyll powered by React

Atomize your website to check how much you can benefit from using Atomic CSS. - pankajparashar-zz/atomize-io

GitHub - pankajparashar-zz/atomize-io: Atomize your website to check how much you can benefit from using Atomic CSS.

Web app for Atomizer! Atomic CSS on steroids! Contribute to pankajparashar-zz/atomizer-web development by creating an account on GitHub.

GitHub - pankajparashar-zz/atomizer-web: Web app for Atomizer! Atomic CSS on steroids!

A curated list of awesome riot.js resources! Contribute to pankajparashar-zz/awesome-riotjs development by creating an account on GitHub.

GitHub - pankajparashar-zz/awesome-riotjs: A curated list of awesome riot.js resources!

Extension for Visual Studio Code - A tool to automatically generate Atomic CSS.

Atomizer - Visual Studio Marketplace

pankajparashar

Software Engineer @JP Morgan in London, UK

Pankaj Parashar

This HTML5 file api tutorial demonstrates its basic usage to do common tasks like reading the properties and content of files.

Getting to Grips with the HTML5 File API

Stack Overflow | The World’s Largest Online Community for Developers

User Pankaj Parashar

Getting inside the latest release of HTML5 Boilerplate to see, what’s in store for the web developers and the future of the web.

Dissecting HTML5 Boilerplate 4.0 | TXP

WikiDots

Polymer is now at version 1.0 but unfortunately, the breaking changes over version 0.5 may cause problems. Pankaj has a guide to get you started.

A Guide to Upgrading to Polymer 1.0 — SitePoint

Pankaj Parashar builds on knowledge from his previous articles to show us how to build a credit card payment form using custom elements and Polymer.

Building a Credit Card Form Custom Element with Polymer — SitePoint

Pankaj Parashar introduces Microsoft's X-Tag JavaScript library to enable Web Components, using the example of a Google Map custom element.

Building Custom Web Components with X-Tag — SitePoint

Pankaj Parashar with a step-by-step tutorial demonstrating how to build a custom element using Polymer. His example builds a simple pull-quote element.

Building a Pull-Quote Custom Element with Polymer — SitePoint

Pankaj Parashar introduces the new W3C specs for Web Components, and shows us how we can start using its features with the Polymer library created by Google.