How to Use NPM as Development tool for React

react+npm

For last couple of years I have been using Grunt as my default build tool. Later I got interested in Gulp, it was solving many problems of Grunt. But somehow they all looked bloated to me. Had to install a lot of packages to perform even simple tasks. Thanks to @keithamus whose wonderfull post demostrated how we can use npm as a build tool.

In this post I would be guiding you how I used npm for the development of react applications.

Read More …

Hell of email applications on iPhone

Mailboxes

I’ve been using Apple’s native mail application since the day I bought my first iPhone. Its set up with my gmail using google exchange. Everything seemed perfect, I was able to read emails, reply to them, add pictures, open attachments, it looked complete. So far so good!

Then came Gmail official iPhone application, that made me realize what I have been missing so far. It was having most of the features which I like about its web counterpart. It had great message display, better representation for email thread, above all its search actually worked.

Read More …

Vertically Responsive Design : Keeping Things Above The Fold

Responsive Design

In last couple of years you must have seen countless examples of responsive designs. Most of the websites are either already responsive or are planing for a responsive re-design. As we see more and more devies, this trend is likely to continue in near future as well. Pete Cashmore from Mashable has already declared 2013 as the year of Responsive Designs.

Developers mostly uses Fluid Grid, or Media queries to make the website adaptive. The basic technique is to viewport width and render content according to that.

Read More …

Quick Hack To Get VerticalAlign Working On KineticJS.Text

Javascript Programming

In the jungle of Javascript 2D Canvas Libraries we have chosen KineticJS for the development of Polo. As there were so many libraries, It was a tough choice. Each library comes with their own pros and cons. We have selected KineticJS mainly for following reasons:

  • Its has got an easy api to let us draw shapes, group them together with layering support
  • Collection of rich examples, showcase of each feature give quick understanding
  • Currently under active development, so we can assume timely updates and quick issue resolution

Read More …

Facebook, Twitter, Instapaper Connect Buttons

For one of my project I had to use social connect buttons, with Facebook, Twitter, and Instapaper. I tried searching for any buttons that fits my bill, but that went in vain. Later I created these buttons myself using Photoshop. I am releasing these buttons source, may be it’ll save others time.

Read More …

How to Properly Hide and Show Elements Using Javascript

What is the first solution comes to your mind, when someone asks you

How can I dynamically hide any element using Javascript ?

The obvious solutions to this is to set “display” style to “none”. Something like this:

document.getElementById('element').style.display = 'none';

This will surely work, but is it the correct way to do so? May be not, as you would face problems in showing that element again. The problem in showing that element is that you don’t know the original display property of that element.

Read More …

GitHub Setup on Webfaction : How To ?

Git is a very popular distributed revision control system with an emphasis on speed. Recently for my projects I need to setup up a private Git Setup on Webfaction Server. So here is the way to Install and start using Git on Webfaction.

How to Install Git on Webfaction

  1. Log into your Webfaction Control Panel
  2. Navigate to Domains/Websites » Applications
  3. Click Add New
  4. Enter git as the application name in the Name field
  5. Select git from the App category menu
  6. Enter a password for the default user in the Extra Info field
  7. Click the Create button

The Git application provides a subdirectory, bin, which contains the Git executables.

Read More …

Facebook Hacker Cup : Studious Student Problem Solution

Photo CreditPhoto Credit : Helen Morgan

The Third and final problem of the Facebook Qualification 2011 Round was Studious Student. The problem goes like this:

Studious Student

You’ve been given a list of words to study and memorize. Being a diligent student of language and the arts, you’ve decided to not study them at all and instead make up pointless games based on them. One game you’ve come up with is to see how you can concatenate the words to generate the lexicographically lowest possible string.

Read More …