Vim as a Design Tool

Today morning I got really interesting email which I thought I must share..

For many designers, editing and writing text comprises a large chunk of our work. Whether it’s writing down ideas, editing code, or comprising an email, text-editing makes up a non-trivial part of our day. With this in mind we’ll explore how and why we could use Vim, a command-based text editor, to improve our design workflow.

Continue reading

Happy New Year!!!!!!!!!!!!!!

New-Year

“India is running the software of tomorrow on the hardware of yesterday.” What I mean by that is the talent pool of the Indian people is great, but India tragically lacks the infrastructure to get the full potential out of them.

Posted from WordPress for Android

Managing sprites easily with lesscss

I use sprite css for all projects on which I work, creating sprite and managing coordinates is repetitive job but the problem is every design requires different sprite grid 😦 so I thought I can make this task simpler..

I am using less in my stack for all projects, I have written simple helper code to create sprite coordinates this code is not yet complete yet it requires some more editing, I am working on the same will and will be finished by day or two day, Right now I am much excited to post this snippet, Just the thing is it ill create excessive classes if you have not filled all grids with icons

.spriteGenrator(@image, @className, @gridWidth, @gridHeight, @noOfRows, @noOfCol, @totalIcons){
    .@{className}{
        background: @image no-repeat -9999px transparent;
    }
    .counter (){
        .counter-redefine();
        .counter-wrapper (@counter + 1);
    }
    .counter-wrapper (@new : 0){
        .counter-redefine() {
            @counter : @new;
        }
    } .counter-wrapper ();
    // ICONS PER ROW AND COLS
    .loopRow(@rowIndex) when (@noOfRows >= @rowIndex) {
        .loopCol(@colIndex) when (@noOfCol >= @colIndex) {
            .@{className}_@{rowIndex}@{colIndex}{ 
                background-position: -(unit(@gridWidth * @rowIndex, px)) -(unit(@gridWidth * @colIndex, px));
            }
            .loopCol((@colIndex + 1)); 
        }
        // INITIATE COL LOOP
        .loopCol(1);
        // INCREMENT ROW
        .loopRow((@rowIndex + 1)); 
    }
    .loopRow(1); 
}

Implementation

.spriteGenrator(url('../img/sprite.jpg'), ab_sp, 32, 32, 2, 3, 5);

I hope this will help you too.. Thanks

Green bee eater – Alibaug Kihim Beach

cDSC02449
Aperture: 5
Shutter Speed: 1/250
ISO: 320
Continue reading

Static websites using nodejs

The simple web server written in NodeJs responds with almost every kind of file type, you may want for the serve a static site, there are a couple of modules available to serve static sites using node js eg. express, connect etc. but if you want to try yourself you can read this tutorial
Continue reading

Happy dawali

image

Posted from WordPress for Android

1.5days Shree Ganesh Visarjan Girgoan Mumbai

Visarjan2
Continue reading

Lalbag Ganpati 2014

Lalbag-Raja

Lalbag Ganpati
Lalbag, Lowerparel, Mumbai

%d bloggers like this: