Test Your Photoshop Knowledge #4:
We know how much you guys like to test your knowledge of Photoshop
About Me
- vipulsoni
- 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
Monday, 26 September 2011
Wednesday, 14 September 2011
Monday, 12 September 2011
amazing lookout of website... quite mind blowing
http://www.gayadesign.com
Amazing
Salute to tha designer of tha site
Amazing
Salute to tha designer of tha site
Monday, 15 August 2011
Sliding Boxes and Captions with JQuery
show image caption with detail on hover
Truely exceptional...
Wednesday, 15 June 2011
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)
{
Response.Redirect("Yourpage.aspx");
}
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.
Enjoy...
---------------------------------------------
Page.Header.Title="Your Text";
---------------------------------------------
and it's done.
Enjoy...
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.
- To start off, we make two images, one for mouseover and the other for mouseout.
- The image that signifies mouseout is displayed in the
tag.
- The image is given a name using the NAME attribute of
tag.
- This tag is surrounded by tags, which contain the onmouseover() andonmouseout() event handlers.
- When a mouse cursor is brought over an image, the event is captured byonmouseover(). This event handler changes the image to another by employing thesrc property of the Image object.
- When the mouse cursor is removed from the image, we utilize the pnmouseout() to capture the event. This event handler changes the image back to the original.
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
Friday, 6 May 2011
Thursday, 5 May 2011
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>
Enjoy.
Web Designer.
Thursday, 7 April 2011
Wednesday, 6 April 2011
Drop down list in Update panel
<form id="form1" runat="server"><asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering ="true"/><div> </div><asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode ="Conditional" ><ContentTemplate><asp:DropDownList ID="DropDownList1" runat="server" DataTextField="fieldname" DataValueField="fieldname" autopostback="true" OnSelectedIndexChanged ="DropDownList1_SelectedIndexChanged"></asp:DropDownList><asp:DropDownList ID="DropDownList2" runat="server" DataTextField="Text" DataValueField="Val"></asp:DropDownList></ContentTemplate><Triggers ><asp:AsyncPostBackTrigger ControlID ="DropDownList1" EventName ="SelectedIndexChanged" /></Triggers></asp:UpdatePanel><asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode ="conditional" ><ContentTemplate><asp:Button ID="Button1" runat="server" Text="Button" /><br /><asp:Label ID="Label1" runat="server" Text="Label" Width="152px"></asp:Label></ContentTemplate></asp:UpdatePanel> </form>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" /></Triggers></asp:UpdatePanel>
Saturday, 26 March 2011
Friday, 25 March 2011
Thursday, 24 March 2011
CSS3 properties exposed in »transform« | css3files.com
CSS3 properties exposed in »transform« | css3files.com: "-webkit-transform-origin"
Web Designer Vipul Soni
Sunday, 13 March 2011
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>
--------
<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
Friday, 4 March 2011
Tuesday, 1 March 2011
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
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
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
