Pankaj Parashar

Developer. Designer. Writer.

JavaScript Classes

It shouldn't come as surprise that JavaScript doesn't have classes! However, the language is potent enough to match any OO-language and has the ammunition to functionally represent OOP concepts.

Continue reading ›

Practical Aria Examples

We all know that Heydon Pickering has been doing some amazing work in the field of accessibility. His next project shows us how to make native forms and design components that are part of your application accessible to screen readers.

The results are impressive and I’m surprised how little code is required to make them work. But at the same time this shows how little I know about accessiblity!

Read more ›

Introducing Pedantic Python

Style guide and best practices to write perfect, performance-oriented and consistent Pythonic code. Written and maintained via, an awesome app launched by the incredible folks at Phileas & Fogg.

Read more ›

Building a Custom Element with Polymer

The natural progression from my previous article on Sitepoint was to explain how easily you can create custom elements with Polymer in as much depth as possible. This article explains the process of creating a custom element to represent pull-quotes in your markup.

Read more ›

Introduction to Polymer

Louis contacted me with an opportunity to write for Sitepoint and replied with this article. I am quite intrigued with the concept of web components and Polymer appears to be the perfect library to experiment with these technologies at a very early stage.

A working demo of the paper-input custom element from the Polymer library. Follow this link for a full demo.

Read more ›

Regular Expressions in Python

Regular expressions are hard but this post is not going to make them appear harder. Instead it attempts to simplify the complications that surround the world of regex.

Continue reading ›

Holy Grail of Script Loading

Well, if you think loading script in HTML is as simple as including the script tag then you need to read this piece by Jake Archibald. The article dicusses various ways in which you can load external JavaScript files in your document, the challenges associated with each of them and how to circumvent problems.

Obviously, there is no clear winner as each method comes with its own set of baggage. But, nevertheless the style of writing is extremely simple yet the depth of topic is immense which is exactly what I like about Jake’s writing.

Read more ›

Designers Guide to DPI

I wish I had seen this much earlier in my career, but nevertheless it is better to be late than never. All thanks to Sebastien Gabriel for putting up this amazing guide for learning more about cross-DPI and cross-platform design from the very beginning.

Sebastien is a visual designer at Google Chrome and it should come as no surprise given the quality and depth of the article. I am sure reading this article can only make you a better designer and would help you make better decisions the next time you design pixels and adapct them for various devices.

Read more ›

Negative Margin, Positive Padding

Neat little trick I learned from Joshua Hibbert's website, where he has effectively used this technique to design backgrounds stretching infinitely on either directions but the content respects the width.

Continue reading ›

Random Colors in Sass

Randomly generating numbers in Sass is easy using the random() function that was released in v3.3. Interestingly, we can extend this concept to randomly generate colors as well.

Continue reading ›

Got featured as Geek of the Week

High fives to the folks at GeekPause for featuring me on their blog, as Geek of the Week! Not sure if I deserve the title by any stretch of imagination but I am the first one to be featured there and I am sure that there are many more great folks that will be featured in the coming days.

Read more ›

Freelance writing Infographics

Coming up with a cost of an article you’re writing as a guest author for some fancy blog could be quite tricky! Largely because you are unaware of the standard rates charged by fellow technical writers in the developer community and either parties do not want to end up on the losing side.

Thankfully, Expand2Web saved us by designing an infographics that aims to address all the queries and conveniently categorizes the cost based on various parameters that will potentially help you make up your mind.

Copywriting Infographic - How Much Should an Online Article Cost? (via Expand2Web). Click here for full infographic.

Read more ›

Minimal business card design

Little old, but Boris Smus introduced a minimal design concept of a business card way back in 2010 that looks incredibly simple but still quite detailed. I immediately, launched Codepen and whipped up an experiment to build this concept using plain-old CSS.

Minimal Business Card
Business card design experiment using HTML and CSS on CodePen.

Read more ›

Reading Position Indicator

Thanks to Chris, I once again got the amazing opportunity to write this article as a guest author for CSS-Tricks and also got featured on,

a. Stammy's blog uses a red color progress bar b. Ben Frain's website displays the number of words left c. Information Architects show "minutes left" to indicate the current reading position.

Read more ›

Modify pseudo element styles with JavaScript

Quite often I run into situations where I need to modify the CSS styles of the pseudo elements dynamically. This post shows you different ways in which it can be done!

Continue reading ›