Pankaj Parashar's Face

Hi. I'm Pankaj Parashar, a 26yo frontend designer, web developer and writer from India. I make things for the web and write about them on my blog here.

ES6 - 101

ES6 known to many as Harmony or es-next or ES2015 (preferred way) is the latest specification in the JavaScript world. In this article we'll go through some of the improvements and enhancements that ES6 has to offer.

Atomize IO

Atomize is now the new Optimize in the frontend development domain. Atomize.io is a handy little tool to check how much your website can benefit from the adoption of Atomic CSS.

If you don’t know what Atomic CSS is, then I would strongly recommend checking its website. I’ve also included direct links to top 25 most popular websites in the world and surprisingly those folks have plenty of work to do!

Screenshot for Codelab in action

This is how a sample stats from google.com looks like,

Screenshot for Codelab in action

Offline Web Applications

Mobile-first applications have now been replaced by Offline-first applications. Predictably, offline first applications enhances the user experience by providing a consistent user interface, even when the user is suffering from poor internet connectivity or absolutely no internet connection.

Udacity is offering a free online course to build offline-first web applications by Jake Archibald. For those who don’t know, Jake is perhaps the most knowledgeable person when it comes to building offline apps, having written some amazing articles on this topic on his blog.

Read more

Codelab IO

Over the weekend, I dished out a realtime in-browser code editor, perfect for collaborating online with other developers. It can also be used as a whiteboard to interview candidates distanced by geographical location. As far as the technology stack is concerned,

Screenshot for Codelab in action

Building Custom Web Components with X-Tag

After Google and Mozilla‘s solutions for web components, it is now Microsoft’s turn to enter this space with their public release of the X-Tag library. I have turned this into an article for SitePoint, explaining how to build a Google Map street view custom element using the X-Tag library.

Checkout my SitePoint authors page, to read more articles of mine!

Read more

Whats new in Python 3.5?

Python 3.5 was released in the 2nd week of September, 2015 and brought a bunch of useful changes with it. In this article, I'll be discussing some of the enhancements to the language that I found extremely useful in the latest release.

Password strength meter

After a long time, I have finally managed to write an article for CSS-Tricks, on my beloved topic, the HTML5 meter element. This time, I’ve used the HTML5 meter element to create a password strength meter, indicating the user how easy or difficult is to crack the password.

Illustrating the password strength indicators from eBay(Top), Gmail(Middle) and Dropbox(Bottom) in varying forms, essentially representing the same information.

Read more

Introducing Pandas

The intent of this post is to introduce you to the Pandas library by performing common tasks like reading, writing files and manipulating data.

Optimizing website using GTmetrix

Recently, I’ve started using GTmetrix to analyze and improve the performance of my personal website. It allows you to audit your website against industry benchmarks like PageSpeed, YSlow etc. and also provides a video and a filmstrip to demonstrate the perceived rendering of your website.

I’m very happy about the results with benchmarks running close to 100%, page loading under half-a-second and significantly smaller payload.

Read more

Less vs Sass

Matthew Dean, a core-team member of Less wrote an interesting piece, comparing Less with Sass and highlighting important differences between the design decisions of the two pre-processors. Obviously, there is no clear winner here!

I’ve been using Sass, for as long as I can remember but the arguments made by Matt in his article are compelling enough for me to atleast try Less. If you don’t believe me, go read his article.

Read more

Magic methods

Python's got a bunch of very useful magic methods that most of us do not use in day-to-day practice. This article is all about the dunder methods that can add magic to your python code.

Atomizer Web

A web app to generate Atomic CSS from the input markup that uses Atomic classes. It is based on node.js library, Atomizer by Yahoo, which is then wired into a JavaScript library using Browserify.

The latest version also has the ability to specify configuration to generate custom classes based on the config file. Simply copy-paste the markup on the left and you’ll get the output Atomic CSS on your right.

Screenshot for Atomizer Web app

The Diaper Pattern

Mike Pirnat wrote about the diaper pattern almost 6 years ago, but the essence of his writing is still fresh in my mind. It refers to the practice of catching generic exceptions in your code, allowing them to silently pass through your code which could yield dangerous results.

Its called diaper because it catches all the shit. In practice, it is always recommended to catch specific exceptions and let the code break for any runtime exceptions. This principle is not new and has been captured in the Zen of Python - PEP20.

Read more

Migration to Polymer 1.0

I wrote a new article for Sitepoint after a while about migrating your web application to the latest version of the Polymer library. I am not particularly happy with some of the upgrades but the new version certianly makes the library much faster than its predecessor.

Read more

Webucator - Python Training

The awesome folks at Webucator converted my article on Regular Expressions in Python into a training video which can be found here on Youtube. I particularly liked the concept of transforming an article into a full length training video and I must say that Webucator has done an incredible job.

Webucator also offers customized Python training for public online classes and self-paced Python courses for individual students on its website. I couldn’t be more happier to recommend them not just for learning Python but a bunch of other languages as well that they have to offer.

Read more