Paul Shan' Post

React Tutorial: Two way data binding

Facebook react was not really made for two way data binding.  But by adding a little complexity we can make two way data binding easily. Normally in facebook react data flows only in one direction; that is, parent to child. So when a data is modified in parent, that reflects

Read More



CSS3 Loader Snippet Collection: (Part 4 – Pulse)

Well, this is the fourth post of my CSS3 snippet collection series. As the first post I provided few collection of spinning loaders, followed by square and bar loaders. Today I’m going to post some snippets of pulse loaders using CSS3. Hope you will enjoy. Facebook pulse loader JS Bin Colorful pulse JS Bin Perfect

Read More


JSbin, JSfiddle or Codepen, which one to use and why?

There are lots of css – js playgrounds now in the market, and the most popular ones are JSbin (by Remy Sharp), JSfiddle (by Oskar Krawczyk), codepen (by Chris Coyier, Tim Sabat and Alex Vasquez). So sometimes it become a confusing question which one to use; and more importantly why

Read More


CSS3 Loader Snippet Collection: (Part 3 – Bars)

After publishing the snippet collection of spinning css3 loaders, square loaders  and also a brief on youtube like page loader, today I’m going to post another snippet collection of css3 loader. You can implement any of them very easily in your web page or project. Gmail like page loader: JS Bin Worm loader: JS Bin Glowing

Read More


Move option from one select box to another and vice versa

What is PairSelect.js? PairSelect.js is a very light weight jQuery plugin to specially made only to communicate between two selectboxes in a html page. This works similar to the ‘Add Chanel’ feature of Google adsense. Or sometimes in forms we see the things like this. Now it is easy to remove an

Read More


GitHub Beginners Tutorial: How to start with

Intro to GitHub What is Git? Git is distributed revision control software, which allows a team of people to work together, sharing the same files. It tracks the version and as well as the history of every single file inside the project. That means in any point of time if you want

Read More