Setting up TLS/SSL certificate on Gitlab pages using Let’s Encrypt


Gitlab provides a very easy and effective way to host your static websites for free. You can follow this article to setup it up.

Gitlab allows you to add any custom domain to your hosted website. If you want to enable an HTTPS secure connection to your domains, you can affix your own SSL/TLS digital certificate to custom domain you’ve added to your website. This is where Let’s Encrypt comes in. Let’s Encrypt give people the digital certificates they need in order to enable HTTPS (SSL/TLS) for websites.

Read More …

How to Use NPM as Development tool for React


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


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 …