About Me

My photo
Nadiad, Gujarat, India
Hi Friends I am Vipul Soni, an Innovative web Designer & Developer with Excellent skills who thrives on challenges and is passionate for all areas of web Design & Development.

Saturday 26 March 2011

Tutorials | Switch on the Code

Tutorials | Switch on the Code


web designe Nadiad

Friday 25 March 2011

FlowerText Photoshop Tutorial - part 3

FlowerText Photoshop Tutorial - part 3


Web designer Vipul

Thursday 24 March 2011

50 Most Popular Free Fonts

50 Most Popular Free Fonts faces used for the css3 embaded fonts



web Designer Vipul Soni

CSS3 properties exposed in »transform« | css3files.com

CSS3 properties exposed in »transform« | css3files.com: "-webkit-transform-origin"


Web Designer Vipul Soni

Free Web Resources – Web Resources Depot

Free Web Resources – Web Resources Depot



web designer Vipul Soni

Sunday 13 March 2011

Design Funda : change the hair color of the photo using photoshop


Web designer Vipul Soni

Thursday 10 March 2011

asp tricks : Ajax-Animation Extender

Step : -1  Take a script Manager
--------

<asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>

Step :-2  Style sheet to in use
--------

<style type="text/css">
        .flyOutDiv
        {
            display: none;
            position: absolute;
            width: 400px;
            z-index: 3;
            opacity: 0;
            filter: (progid:DXImageTransform.Microsoft.Alpha(opacity=0));
            font-size: 14px;
            border: solid 1px #CCCCCC;
            background-color: #FFFFFF;
            padding: 5px;
        }
        .flyOutDivCloseX
        {
            background-color: #666666;
            color: #FFFFFF;
            text-align: center;
            font-weight: bold;
            text-decoration: none;
            border: outset thin #FFFFFF;
            padding: 5px;
        }
    </style>


Step :-3  Controls to move
--------

 <div id="moveMe" class="flyOutDiv">
            <div style="float: right;">
                <asp:LinkButton ID="lnkBtnCloseColHelp" runat="server" Text="X" OnClientClick="return false;"
                    CssClass="flyOutDivCloseX" />
            </div>
            <br />
            <p>
                some content here for whatever text
            </p>
        </div>

Step :-4  Controls to move
--------
on button click Click button happens:
------------------------------
<asp:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="lnkBtnColHelp">
            <Animations>
                <OnClick>
                    <Sequence>
                        <EnableAction Enabled="false"></EnableAction>
                      <StyleAction AnimationTarget="moveMe" Attribute="display" Value="block"/>
                        <Parallel AnimationTarget="moveMe" Duration=".5" Fps="30">
                            <Move Horizontal="350" Vertical="50"></Move>
                            <FadeIn Duration=".10"/>
                        </Parallel>
                        <Parallel AnimationTarget="moveMe" Duration=".5">
                             <Color PropertyKey="color" StartValue="#666666" EndValue="#FF0000" />
                            <Color PropertyKey="borderColor" StartValue="#666666" EndValue="#FF0000" />
                        </Parallel>
                    </Sequence>
                </OnClick>
        </Animations>
        </asp:AnimationExtender>

on close button happens : 
----------------
        <asp:AnimationExtender ID="AnimationExtender2" runat="server"             TargetControlID="lnkBtnCloseColHelp">
            <Animations>
                <OnClick>
                    <Sequence AnimationTarget="moveMe">
                        <Parallel AnimationTarget="moveMe" Duration=".7" Fps="20">
                            <Move Horizontal="350" Vertical="50"></Move>
                            <Scale ScaleFactor="0.5" FontUnit="px" />
                            <Color PropertyKey="color" StartValue="#FF0000" EndValue="#666666" />
                            <Color PropertyKey="borderColor" StartValue="#FF0000" EndValue="#666666" />
                            <FadeOut />
                        </Parallel>
                        <StyleAction Attribute="display" Value="none"/>
                        <StyleAction Attribute="height" Value=""/>
                        <StyleAction Attribute="width" Value="400px"/>
                       <StyleAction Attribute="fontSize" Value="14px"/>
                        <EnableAction AnimationTarget="lnkBtnColHelp" Enabled="true" />
                    </Sequence>
                </OnClick>
            </Animations>
        </asp:AnimationExtender>

Reply about your satisfaction

Web Designer Vipul Soni


Saturday 5 March 2011

Mca all sem Results -VNSGU


Congrates to all
Web Designer Vipul Soni

Friday 4 March 2011

Design Funda : New Dimond Orgy-Photoshop cs5 Tutorial Video


                                        
Web Designer Vipul Soni

Tuesday 1 March 2011

CSS drop-shadows without images – Nicolas Gallagher

Design Funda : Photoshop CS5 Short cuts


Quick List of Adobe Photoshop Tool Selection Shortcuts

Q = QUICK MASK
Q = MAGIC WAND
E = ERASER
R = Rotate Tool (CS5), with the new snap tools, if you hold R and rotate, after you let got it will snap back to the same tool as you had previously
T = TYPE TOOL
Y = HISTORY BRUSH
U = VECTOR SHAPE
I = EYE DROPPER
O = DODGE AND BURN
P = PEN TOOL (drawing paths)
A = PATH SELECTION TOOL
S = STAMP TOOL (clone)
G = PAINT BUCKET/GRADIENT TOOL
H = HAND
J = HEALING BRUSH
L = LASSO
Z = ZOOM
X = SWAP BACKGROUND AND FOREGROUND
C = CROP
V = MOVE TOOL
B = BRUSH
N = NOTES
M = MARQUEE
[ = Make brush smaller
] = Make brush bigger
SHIFT + (key of tool) will switch between that tool family. ALT+Click on tool do the same function.
By Ali Raza
•   Alt+Delete Fills the selection or layer with foreground color. Ctrl+Delete Fills the selection or layer with background color.
•   Alt+Shift+Delete Fills the selection or layer with foreground color while preserving transparency.Ctrl+Shift+Delete Fills the selection or layer with background color preserving transparency.
•   Shift+F5 Opens the Fill Dialog Box

Text

•   Ctrl+H Manipulates the visibility of currently selected text.
•   Ctrl+Shift+B Makes the text Bold
•   Ctrl+Shift+I Italic
•   Ctrl+Shift+U Underline
•   Ctrl+Shift+? Strikethrough
•  Ctrl+Shift+K All Block Letters
•  Ctrl+Shift+H All Small Caps (Block Letters in smaller font size)
•  Ctrl+Shift+= SuperScript
•   Ctrl+Shift+- SubScript
•   Ctrl+Shift+L Aligns the text to left.
•   Ctrl+Shift+R Aligns right.
•   Ctrl+Shift+C Aligns Center.
•   Ctrl+Shift+J Justified Alignment.
•   Ctrl+Shift+F Forced Justified.

Work Space

Q = QUICK MASK
CTRL + Click on a layer thumbnail in the layers panel to select the contents (works well for alpha channel selections).

•  CTRL + 1 or 2 or 3 to show only Red, Green or Blue color channels respectively (1, 2, 3, 4 for CMYK mode).
•  CTRL + 4 (RGB)/5(CMYK) and up to show only alpha channels in the order they were created in.
•  CTRL + Z is undo/redo, everyone knows that, but for stepping back more than one step, CTRL + ALT + Zsteps back through history…CTRL + ALT + Y.
•  CTRL+J duplicates the current Layer while you have nothing selected.
If you have any active selection and press CTRL+J, the selected area will be copied to the new layer. If you press SHIFT+CTRL+J when you have something selected, it will be cut out and put on a new layer.
•  Scrolling (with your mouse scroll) moves the document up and down. CTRL+Scroll moves it left and right.
•  ALT+Click on the visibility icon of a layer to hide all other layers.
•  CTRL+TAB to switch between open windows.
•  Ctrl+Alt+Shift+E will merge all visible layers into the newly created layer. Also Ctrl+E will merge selected layers.
•  Ctrl+Alt+2 It selects tonal range higher than 50% (look at the histogram).
You can easily reverse it with Ctrl+Shift+I
•  ALT+[ GO DOWN THROUGH LAYERS ALT+] GO UP
•  CTRL+[ MOVE TARGET LAYER DOWN CTRL+] MORE TARGET LAYER UP
•  Ctrl+[ Moves layer downwards. Ctrl+] Moves layer upwards.
•  Ctrl+Shift+[ Moves the layer to the bottom of current group. Ctrl+Shift+] Moves the layer to the top of current group.
•  Ctrl+J Duplicates the layer, you know that. Ctrl+Shift+J Duplicates layer or selection with the Cut function.
•  Alt+ (any) Arrow Key Duplicates the layer or selection by 1 pixel.  Alt+Shift+Arrow Key Duplicates and nudges by 10 pixels.
•  Ctrl+Shift+E Merges everything. Ctrl+Alt+Shift+E Creates a new layer by merging the selected layers.

Web Designer Vipul Soni

Dojo, Ajax Dojo Tutorials, Online Dojo Tutorial, Dojo Examples

Dojo, Ajax Dojo Tutorials, Online Dojo Tutorial, Dojo Examples


web Designer Vipul Soni

Installing Dojo — The Dojo Toolkit - Reference Guide

Installing Dojo — The Dojo Toolkit - Reference Guide




wec designer Vipul Soni

New fonts | dafont.com

New fonts | dafont.com


Web Designer Vipul Soni