Messi an Artist – Free Wallpaper


Messi an artist or argentinian player

Messi an Artist – illustrated by my brother Rakesh. for more – feel free to visit his blog –


Tagged , , ,

point = pixel = % = ems

very useful info, this talks about Point, Pixel, ems and percentage values.

Points Pixels Ems Percent
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%
26pt 35px 2.2em 220%
27pt 36px 2.25em 225%
28pt 37px 2.3em 230%
29pt 38px 2.35em 235%
30pt 40px 2.45em 245%
32pt 42px 2.55em 255%
34pt 45px 2.75em 275%
36pt 48px 3em 300%


Microsoft ID Card designed in Microsoft Design Language

Not official – This is just an Idea/Concept of Microsoft Identity Card.  C&C please :)




Tagged ,

just 3 steps and create great illustrations

One of the best illustration tools i have experienced. This has great brushes and very smooth. I am very sure once you start using this you ll go back to your old school days + your love ll grow for Win8 Tab.

folks who are interested to play, here is the tutorial in sequence to play with fresh paint.illustration tool

freshpaint tutorial

Download -

Test Website on 150+ browsers in an hour

 “  one of the very popular apps to test browser compatibility of websites on 150+ browsers + with different OS + with screenshots in just less than an hour. Best part you will be getting Screenshots from app.

note - *applicable for public facing sites with no information sharing restriction


Check your HTML5 code compatibility with different browsers

if you are inthe process of developing HTML5 language, please make sure you check compatibility with different browsers.


one of the very popular online site among frontend developers.

Thanks to Shekhar for sharing this tip :). you folks can visit his works here –


Tagged , , , ,

“Design of Everyday Things” – from Don Norman

Great to share that there is Free Video sessions on most UX popular book – “DESIGN OF EVERYDAY THINGS” . The best part these sessions are from Don Norman only.

for detail -

Start with course -!%2Fc-design101&enroll=design101&enroll_state=enrolled
 login with your facebook/gmail ID.

Best Practice to design English, Arabic Form

Presently working on Arabic, English Portal … believe me from last one week i have been thinking of best practice to design FORM INTERFACE. Reason, most of the forms are TABLE(GRID ) cell based where LABEL comes in left column and TEXT BOXES come in right column. One of the approach is going with Div based framework, means writing div for each element … But again its going to very tricky with CSS.

The best approach which i m thinking, going with LABLE below TEXT BOX approach.. let me share snap what m talking


Creating MasterPage in SharePoint2013

Interesting !!! – As technologies are getting improved our effort is coming down and experience is getting better. Though SharePoint2013 is there from last couple of months, today first time I got a chance to learn/explore SharePoint master page creation. Believe me, now what we have its simply amazing. I never thought that SharePoint/any CMS can have this kind of feature enabled for end users. Sorry, let me come to the points.

here are the steps - - HTML to MasterPage

1. If you dont know how to start with SharePoint master page.. DON’T WORRY :) – Just Chill

2. first, you complete your HTML page without thinking that SharePoint exist in world

3. once you are done with your pixel perfect HTML

4. Open your project within SHAREPOINT DESIGNER 13


6. Copy your HTML file here + CSS + JS files —- IMP – “here we are just creating GLOBAL HEADER ”

7. once you are done with CTRL + V

8. Here is the MAGIC –  go to your sharepoint site > go to settings > DESIGN MANAGER (beautiful feature)

9. Go to EDIT MASTER PAGE from Left Nav

10. Browse HTML FILE, which you just copied


12. you are done :)

13. now start editing it + some more things we need to do.. i ll post

Tagged , ,