Introduction

Linktomob created with an aim to share link between multiple devices without any hassles. Switching links between mobile and desktop browsers is a difficult process. We face this issue when building responsive site, mobile apps/sites or like to view site on mobile device when you are on a desktop. In such situations we will mail link and open it on mobile device. But if we want to test that link on a friends device or on a public testing device, in such situation sharing the same link on magnitude of devices will be a Herculean task.

Update

April 8th 2013

Yomen normal installation (npm install) works fine now. No need to do extra steps for windows.

1. install -g yo grunt-cli bower
2. yo webapp
3. npm install && bower install
4. grunt

Introduction.

Yeoman 1.0 Beta out a few days ago. Its not officially supported on Windows, as of now we have to do some extra work to make it work on windows. Installing this version is simpler than previous Yeoman 0.9 on windows.

Don’t use Yeoman 1.0 Beta in production, it may have bugs.

In new version tools are divided into 3 category.

Introduction

Slidemote is a web app created for easy integration of remote control facility for html5 presentations.

RWD (Responsive Web Design) is increasingly popular over past few years. One important problem faced by RWD is lack of a standardised solution to deliver resized images into multiple devices. We have wide range of device categories, screen resolutions, pixel densities and lack of bandwidth/connection detection methods, all made this process difficult. There is no simple silver bullet to solve this issue.

This is a quick post on a simple technique I used to create responsive image. This is a javascript solution, but it will work in javascript disabled environment by using a noscript fallback. This technique will start with mobile image first & there is no need to parse and replace image sources.

Why I migrated from Wordpress to Octopress.

Speed and performance
Octopress framework uses Jekyll SSG (Static Site Generator) to build pages. All pages are static and no server side processing involved. Requested page can deliver instantaneously by the server into user’s machine.

Hosted at Github
Site is hosted on Github as Github Pages. Since its in Github, server uptime and response time are guaranteed.

Ease of use
After setting up everything, 2 steps involved in creating and publishing your next post

$ rake new_post["new post"] 
$ rake deploy. 

Markdown
Octopress uses Markdown. Its simple & clean as writing a text file/email.

It is a quick post about site preloading. In one of my recent project there was a requirement for site preloading effect. When I googled I got some jQuery plugin. But some of them are bit heavy and loads the resources twice. I have used QueryLoader2. But I noticed increase in page load because of images are loading twice.

1.Using queryloader2 jquery plugin (Size 4.42 MB)

I hate making sites pixel perfect, but some times its very important to match the site exactly with design. Earlier I have used tool like Pixel perfect – a Firefox Addon & also tried some JavaScript implimentations. Recent versions of FF is not supporting pixel perfect Addon. I filed to find anything that can serve my purpose. PIXI is small js & css file. When you activate PIXI you will get an overlay & you can drag n drop design mockup into it. You can adjust opacity, position and z-index.

Updates
10th Oct 2012 :
Fixed Arabic broken text (letters are not joining) & post updated.

Sublime text 2 has so many brilliant features that saves time & effort. Sublime text 2 supports UTF-8, but right now it lacks capability to handle bidirectional languages like Arabic, Hebrew etc… Sublime BiDi Plugin will enable this shortcoming. Sublimes’s future version may support Right-To-Left Languages. Developers from MENA region will love this feature.

Mac

Updates
14th Sep 2012 :
1. Alternate method to install Yeoman using Chocolatey.
2. Github Yeoman windows issues link.

15th Sep 2012 :
1. Added description (Chocolatey method).

17th Feb 2013 :
1. On Feb 15th 2013 Yeoman 1.0 BETA released. Its not supported on windows yet. 

3rd March 2013 :
1. Yeoman 1.0 Beta can be installed on windows.

This post is for Yeoman 0.9 and a new beta version, Yeoman 1.0 Beta is available and installation instructions can be found here Yeoman 1.0 Beta installation on windows

What is Yeoman?

Its a tool to make the front-end development workflow easier. It includes tools and front-end frameworks that helps to create web apps quickly and easily.

Features

Initialize and scaffold a new project
Build & deploy app
Launch server, preview & live reload
Run automated tests using PhantomJS
Install & update packages
Customise your apps framwork
Genarator for chrome app

Introduction

Memoization is a technique used to cache result of a previously calculated value thus can avoid the need to recalculate.

Simplest example.

function square(num){
    return num*num;
}

square(10) //100

Each time when we call square(), value will re-calculate. Caching result is importent when we do CPU intensive tasks.

Re-writing above code using cache