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

A figure depicting the three types of DOM of which the custom element is composed from.

Read on Sitepoint

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 on Sitepoint

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

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 the article

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 the article

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

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.

Checkout the coverage

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.

Checkout the original article

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.

View Experiment

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 on CSS-Tricks

Modify pseudo elements CSS via JS

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

The HeartBleed bug

The encryption flaw that punctured the heart of the Internet and has left almost two-thirds of the world's websites vulnerable to attack by hackers.

Continue reading

Download the web with WGET

Having recently discovered the power of wget command, I have written this article to remind myself the various ways we could use this command to download the world wide web.

Continue reading

I’m glad that the CSS working group wiki compiled a list of mistakes that were made in the design of CSS and are willing to correct if anyone invents a time machine. My favorite one’s are,

It is very easy to screw things up, even for design decisions made to build a language used on the web that literally affects the entire world. But it takes a great deal of courage to acknowledge the mistakes commited in the past and develop a genuine intention to resolve them.

Hence, I laud the working group members for this!