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.

Thursday, 29 December 2011

Test Your Photoshop Knowledge #4 | Psdtuts+

Test Your Photoshop Knowledge #4:
We know how much you guys like to test your knowledge of Photoshop

Test Your Photoshop Knowledge #4 | Psdtuts+:

How to Design a Twitter Background

Monday, 26 September 2011

12 free vector kawaii zoo animals

12 free vector kawaii zoo animals

Wednesday, 14 September 2011

Colors in Web Design: An Exploration

Colors in Web Design: An Exploration:

For web designers : What colors says....

Web Design - Six Revisions

Web Design - Six Revisions:

Web design tips and examples

Monday, 12 September 2011

Context Menu Class Preview - CodeCanyon

Context Menu Class Preview - CodeCanyon:

this is also nice

Mega Menu Complete Set Preview - CodeCanyon

Mega Menu Complete Set Preview - CodeCanyon:

now that is some thing interesting styles

Super menu pack (10 menus) Preview - CodeCanyon

Super menu pack (10 menus) Preview - CodeCanyon:

amazing menus

amazing lookout of website... quite mind blowing



Salute to tha designer of tha site

Monday, 15 August 2011

Sliding Boxes and Captions with JQuery

show image caption with detail on hover

Sliding Boxes and Captions with JQuery

Truely exceptional...

Wednesday, 15 June 2011

Free Web Page Backgrounds - Free Website Background

Free Web Page Backgrounds - Free Website Background

Tuesday, 14 June 2011

How to Disable back button after signout/logout

write the below line(For C#) at the page/pages where u r after sign in and accessing them

On Page load event :

Response.CacheControl = "no-cache";
if (Session["SessionName"] == null)

and it's done when u r go to the your redirected page & press back button of browser it will remain in the same page.

Good luck.

Tuesday, 24 May 2011

Asp.net Funda : Dynamically change the title of the page

just Write This line on the code Behind :
Page.Header.Title="Your Text";
and it's done.

Monday, 23 May 2011

changing images on mouseover using javascript - javascript onmouseout and onmouseover event handlers

The onmouseover event handler is used for generating various kinds of interactivity on web pages. It's most often used for image rollovers. Image change on mouse over is actually quite simple once we understand the logic.

We'll now construct an image tag and give the image a name using its NAME attribute.

SRC="icon1.gif" NAME="but"  WIDTH="100" HEIGHT="50" BORDER="0" ALT="..."> 

We use icon1.gif as the value for the SRC attribute since this is the image used for mouseout. The image is named but.

The two event handlers are placed inside the starting tag.

onmouseover="document.but.src='icon2.gif'" onmouseout="document.but.src='icon1.gif'">  SRC="icon1.gif" NAME="but"  WIDTH="100" HEIGHT="50" BORDER="0" ALT="...">   

As you would have guessed, images are a part the document object. The src property of the image object determines the source of the image.
Thus, when the mouse cursor is brought over the image, the event is captured byonmouseover() that changes the src property, icon2.gif in our case. The opposite happens when the mouse is taken off the image. You should also note that the image is refered to by its name. If this was not so, JavaScript would be confused as to which image to change!

Saturday, 7 May 2011

jQuery - Creating a Slideshow | Switch on the Code

jQuery - Creating a Slideshow | Switch on the Code

Web Designer

Friday, 6 May 2011

How to bluff your way in DOM Scripting

How to bluff your way in DOM Scripting

web Designer

Graphics Hotfile FileServe & Rapidshare Downloads - DownloadCity.Org

Graphics Hotfile FileServe & Rapidshare Downloads

Web Designer

Thursday, 5 May 2011

Photoshop Vs5 Serial Crack Download

Photoshop cs5 all about

Web Designer

jQuery Text Effects | jQuery Plugins

jQuery Text Effects | jQuery Plugins

Web Designer

3d Arrow Icons - Download 1,592 Free 3d Arrow Icon

3d Arrow Icons - Download 1,592 Free 3d Arrow Icon

web Designer

Thursday, 21 April 2011

html funda : how to go to specific position of the page like wikipedia

The most suitable example is wikipedia where you see the indexing with all topic names with links
when you click to the specific link it will go to that keyword.

     How it will done?
    Here is the solution

    Step 1 : define link with #
                 when u define the link of the same page or the page where u want to move with that keyword define the keyword with # 
                 example : <a href="page.html#keyword">keyword</a>

   Step 2 : the word where to move
              now span the keyword where is it locatedon the page
              example : <span id="keyword">keyword</span>

  Additional : If u want to go to the top of the page write this: <a href="#">keyword</a>


Web Designer.

Thursday, 7 April 2011

jQuery Animated Menu Demo

jQuery Animated Menu Demo

Web Designer

Wednesday, 6 April 2011

Drop down list in Update panel

<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering ="true"/>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode ="Conditional" >
<asp:DropDownList ID="DropDownList1" runat="server" DataTextField="fieldname" DataValueField="fieldname" autopostback="true" OnSelectedIndexChanged ="DropDownList1_SelectedIndexChanged">
<asp:DropDownList ID="DropDownList2" runat="server" DataTextField="Text" DataValueField="Val">
<Triggers >
<asp:AsyncPostBackTrigger ControlID ="DropDownList1" EventName ="SelectedIndexChanged" />
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode ="conditional" >
<asp:Button ID="Button1" runat="server" Text="Button" /><br />
<asp:Label ID="Label1" runat="server" Text="Label" Width="152px"></asp:Label>
Here's the code from my form -
<td><asp:UpdatePanel ID="updateRecipe" runat="server" UpdateMode ="Conditional" >
<ContentTemplate><asp:DropDownList ID="JobDescription" runat="server" DataTextField="Text" DataValueField="val" Width="150px" CssClass ="grdData" AutoPostBack="True" OnSelectedIndexChanged ="JobDescription_SelectedIndexChanged">
</asp:DropDownList> </ContentTemplate><Triggers >
<asp:AsyncPostBackTrigger ControlID ="JobDescription" EventName ="SelectedIndexChanged" />

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">

Step :-2  Style sheet to in use

<style type="text/css">
            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;
            background-color: #666666;
            color: #FFFFFF;
            text-align: center;
            font-weight: bold;
            text-decoration: none;
            border: outset thin #FFFFFF;
            padding: 5px;

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" />
            <br />
                some content here for whatever text

Step :-4  Controls to move
on button click Click button happens:
<asp:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="lnkBtnColHelp">
                        <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 AnimationTarget="moveMe" Duration=".5">
                             <Color PropertyKey="color" StartValue="#666666" EndValue="#FF0000" />
                            <Color PropertyKey="borderColor" StartValue="#666666" EndValue="#FF0000" />

on close button happens : 
        <asp:AnimationExtender ID="AnimationExtender2" runat="server"             TargetControlID="lnkBtnCloseColHelp">
                    <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 />
                        <StyleAction Attribute="display" Value="none"/>
                        <StyleAction Attribute="height" Value=""/>
                        <StyleAction Attribute="width" Value="400px"/>
                       <StyleAction Attribute="fontSize" Value="14px"/>
                        <EnableAction AnimationTarget="lnkBtnColHelp" Enabled="true" />

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

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
P = PEN TOOL (drawing paths)
S = STAMP TOOL (clone)
[ = 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


•   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

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
•  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
There was an error in this gadget