Search This Blog

Showing posts with label Grid Base Layout. Show all posts
Showing posts with label Grid Base Layout. Show all posts

Monday, October 14, 2013

Adobe Extension Manager you don't have permissions to install Guide Guide

Welcome to Designers Dairy blog here i have posted how to install Guide Guide  in Photoshop  

if u get  don't have the appropriate permissions required to perform this operation

Step1:

Go to -> Run -> regedit 

Step2 :

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\System" and 

set the value of the "EnableLUA" key to 0.

and  reboot.

Step3:

Screenshot






Step  4:

Enjoy buddy

Sunday, October 13, 2013

Welcome to Designers Dairy blog here i have posted how to design Grid base layout in psd




Step1:

 Go to this site http://grids.heroku.com/   u can easily divide your templates into Columns


Step2:


Install guide guide extension in photoshop

Step3:

For example if the template with is 940px   . u have to make ur template width 960px.

each and every template u have to add 20px

Gutter (space between the span)   - width  20px;

Margin left & right - 10px;

step4:



Step4:

Enjoy Dude





Thursday, June 6, 2013

Converting layouts to Grid Systems

Welcome to Designers Dairy blog here i have posted how to convert the Psd to Grid base layout


Step1:

 Go to this site http://grids.heroku.com/   u can easily divide your templates into Columns


Step2:

Full Width : 1235px  - > Size of the template full width

Number of columns - > 18 ( it will divide  columns according to width 1214 px;)

Gutter - is nothing but  margin left and  right of the template  (space between two sides of template)

Width  : 1235 - 20 (both gutter 10 +10) =  1215px -1px = 1214px



Step3:

Screenshots






step 5:

breif  explain




Step4:

              Download the grid css File and enjoy working with Grids

Validating to select in sequencial order using angular

    < input type = "checkbox" (change) = "handleSelectTaskItem($event, taskItem)" [checked] = " taskItem . i...