<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>[Re]Encoded.com &#187; Shortcuts</title>
	<atom:link href="http://www.reencoded.com/category/various/shortcuts/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.reencoded.com</link>
	<description>Web Design and Development Tips, Tutorials and [Re]lated [Re]sources</description>
	<lastBuildDate>Tue, 24 Jan 2012 20:23:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Essential Photoshop Keyboard Shortcuts</title>
		<link>http://www.reencoded.com/2009/03/14/essential-photoshop-keyboard-shortcuts/</link>
		<comments>http://www.reencoded.com/2009/03/14/essential-photoshop-keyboard-shortcuts/#comments</comments>
		<pubDate>Sat, 14 Mar 2009 19:44:24 +0000</pubDate>
		<dc:creator>McKenna Julilette</dc:creator>
				<category><![CDATA[Shortcuts]]></category>

		<guid isPermaLink="false">http://www.reencoded.com/?p=1104</guid>
		<description><![CDATA[As a Web Designer I know the value of keyboard/mouse shortcut key in every design industry software. Photoshop being the most popular graphic/web design software is used by millions of Designers around the world and these people always look for the help to improve their selves. I think Keyboard Shortcuts can really helps to build [...]]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal">As a Web Designer I know the value of keyboard/mouse shortcut key in every design industry software. Photoshop being the most popular graphic/web design software is used by millions of Designers around the world and these people always look for the help to improve their selves. I think Keyboard Shortcuts can really helps to build up working speed using them in your workflow.</p>
<p class="MsoNormal"><!--[if !supportEmptyParas]--> <!--[endif]--></p>
<p class="MsoNormal">There are huge amount of keyboard shortcuts available in Photoshop but I have complied a list of useful keyboard shortcuts which I think are useful for everyone using Photoshop. The list also includes some shortcuts where combination of mouse is used with keyboard.<span id="more-1104"></span></p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><span> </span></p>
<p><strong>List 1</strong></p>
<div style="display: block; color: #000000; background-color: #cccccc; font-weight: bold; width: 500px; text-align: center; line-height: 50px;">Advanced Photoshop Shortcut</div>
<table style="text-align:center;" border="1" cellspacing="0" cellpadding="6" width="500">
<tbody>
<tr>
<td><strong>Shortcut</strong></td>
<td><strong>Result</strong></td>
<td><strong>Explained</strong></td>
</tr>
<tr>
<td>Alt + Ctrl + A</td>
<td>Select All</td>
<td>Slect All Layers in the Document</td>
</tr>
<tr>
<td>Ctrl + Shift + C</td>
<td>Copy Merged</td>
<td>Useful for copying a selected area what you see on screen.</td>
</tr>
<tr>
<td>Ctrl + H</td>
<td>Hide/Show Guidelines</td>
<td>Useful to Hide Guidelines while working with lot of layer with many guidelines for alignment.</td>
</tr>
<tr>
<td>Ctrl + A + Any arrow key</td>
<td>Selects present Layer</td>
<td>makes selection of present selected layer  (except text layer)</td>
</tr>
<tr>
<td>Ctrl + Mouse click on Layer (layer palette)</td>
<td>Makes Layer Selection</td>
<td>-</td>
</tr>
<tr>
<td>Ctrl + Scroll Mouse (up/down)</td>
<td>Moves document left or right</td>
<td>The shorcut Navigate the document left or right</td>
</tr>
<tr>
<td>Ctrl + Shift + &gt; or &lt;</td>
<td>Increase Decrease the font size</td>
<td>Select  text, press Ctrl + Shift + &gt; or &lt; to increase / decrease font size.</td>
</tr>
<tr>
<td>Ctrl + Alt + Scroll Mouse</td>
<td>Zoom In/Out</td>
<td>Zoom In/Out</td>
</tr>
<tr>
<td>Double click  Zoom tool</td>
<td>Zoom to 100%</td>
<td>Double click on the Zoom tool will zoom document  to 100%.</td>
</tr>
<tr>
<td>Tab</td>
<td>Toggle Tools Panel</td>
<td>Press Tab to toggle tools panel</td>
</tr>
<tr>
<td>Shift + Tab</td>
<td>Show / Hide Palette Windows</td>
<td>Show / Hide your active Palette Windows</td>
</tr>
<tr>
<td>Caps lock</td>
<td>Precise cursor</td>
<td>Caps lock displays tool cursor in precise  mode</td>
</tr>
<tr>
<td>Ctrl + Tab</td>
<td>Switch between document windows</td>
<td>Switch between document windows</td>
</tr>
<tr>
<td>Select Text – Ctrl + Enter + Enter + Move arrow  keys</td>
<td>Change font style</td>
<td>Easy to select your desired font style from hundreds of fonts available with just arrow keys</td>
</tr>
</tbody>
</table>
<p><!--more--><br />
<strong>List 2</strong></p>
<div style="display: block; color: #000000; background-color: #cccccc; font-weight: bold; width: 500px; text-align: center; line-height: 50px;">Photoshop Useful Function Keys</div>
<table style="text-align:center;" border="1" cellpadding="6" width="500">
<tbody>
<tr>
<td><strong>Shortcut</strong></td>
<td><strong>Result</strong></td>
<td><strong>Explained</strong></td>
</tr>
<tr>
<td>F5</td>
<td>Show/Hide Brushes palette</td>
<td>Press F5 to Show/Hide Brushes palette and Press B to activate the palette</td>
</tr>
<tr>
<td>F6</td>
<td>Show/Hide Color palette</td>
<td>Show/Hide Color palette</td>
</tr>
<tr>
<td>F7</td>
<td>Show/Hide Layers palette</td>
<td>Show/Hide Layers palette</td>
</tr>
<tr>
<td>F8</td>
<td>Show/Hide Actions palette</td>
<td>Show/Hide Actions palette</td>
</tr>
<tr>
<td>F12</td>
<td>Revert</td>
<td>Revert to Last Saved</td>
</tr>
<tr>
<td>Shift + F5</td>
<td>Fill</td>
<td>Opens the Fill Box</td>
</tr>
<tr>
<td>Shift + F6</td>
<td>Feather Selection</td>
<td>Feather Selection</td>
</tr>
<tr>
<td>Shift + F7</td>
<td>Inverse Selection</td>
<td>Inverse Selection</td>
</tr>
</tbody>
</table>
<p><strong>List 3</strong></p>
<div style="display: block; color: #000000; background-color: #cccccc; font-weight: bold; width: 500px; text-align: center; line-height: 50px;">Photoshop A to Z Shortcut Keys</div>
<table style="text-align:center;" border="1" cellpadding="6" width="500">
<tbody>
<tr>
<td><strong>Shortcut</strong></td>
<td><strong>Result</strong></td>
<td><strong>Explained</strong></td>
</tr>
<tr>
<td>B</td>
<td>Brush / Pencil / Color Replacement Tool</td>
<td>To Pick Brush / Pencil / Color Replacement Tool</td>
</tr>
<tr>
<td>C</td>
<td>Crop Tool</td>
<td>To Pick Crop Tool</td>
</tr>
<tr>
<td>D</td>
<td>Default Color</td>
<td>Set Default Foreground/Background (Black/White) Color</td>
</tr>
<tr>
<td>E</td>
<td>Eraser Tool</td>
<td>To Pick Eraser Tool</td>
</tr>
<tr>
<td>F</td>
<td>Cycle Screen Modes</td>
<td>Cycle Screen Modes upto full screen</td>
</tr>
<tr>
<td>G</td>
<td>Gradient / Paint Bucket Tool</td>
<td>To pick Gradient / Paint Bucket Tool</td>
</tr>
<tr>
<td>I</td>
<td>Eyedropper Tool</td>
<td>To pick Eyedropper Tool</td>
</tr>
<tr>
<td>L</td>
<td>Lasso Tool</td>
<td>To Pick Lasso Tool</td>
</tr>
<tr>
<td>M</td>
<td>Marquee Tool</td>
<td>To Pick Marquee Tool</td>
</tr>
<tr>
<td>O</td>
<td>Dodge / Burn / Sponge Tool</td>
<td>To pick Dodge / Burn / Sponge Tool (Use Shift + O to toggle between)</td>
</tr>
<tr>
<td>P</td>
<td>Pen / Freeform Pen Tool</td>
<td>To pick Pen / Freeform Pen Tool (Use Shift + P to toggle between)</td>
</tr>
<tr>
<td>Q</td>
<td>Standard / Quick Mask Mode</td>
<td>To Activate Standard / Quick Mask Mode</td>
</tr>
<tr>
<td>S</td>
<td>Clone / Pattern Stamp Tool</td>
<td>To pick Clone / Pattern Stamp Tool (Use Shift + S to toggle between)</td>
</tr>
<tr>
<td>T</td>
<td>Type/Text Tool</td>
<td>To Pick Type/Text Tool</td>
</tr>
<tr>
<td>U</td>
<td>Shapes Tool</td>
<td>To pick Shapes Tool</td>
</tr>
<tr>
<td>V</td>
<td>Move Tool</td>
<td>To pick Move Tool</td>
</tr>
<tr>
<td>W</td>
<td>Magic Wand Tool</td>
<td>To Pick Magic Wand Tool</td>
</tr>
<tr>
<td>X</td>
<td>Switch Colors</td>
<td>Switch beween Foreground/Background Color</td>
</tr>
</tbody>
</table>
<p><strong>List 4</strong></p>
<div style="display: block; color: #000000; background-color: #cccccc; font-weight: bold; width: 500px; text-align: center; line-height: 50px;">Photoshop Miscellaneous Shortcut Keys</div>
<table style="text-align:center;" border="1" cellpadding="6" width="500">
<tbody>
<tr>
<td><strong>Shortcut</strong></td>
<td><strong>Result</strong></td>
<td><strong>Explained</strong></td>
</tr>
<tr>
<td>Ctrl + D</td>
<td>Deselect</td>
<td>Deselect your selection on the document</td>
</tr>
<tr>
<td>]</td>
<td>Increase Brush Size</td>
<td>Increase Brush Size</td>
</tr>
<tr>
<td>[</td>
<td>Decrease Brush Size</td>
<td>Decrease Brush Size</td>
</tr>
<tr>
<td>1 - 0</td>
<td>Tool Opacity</td>
<td>Use numbers from 1 - 0 to set opacity</td>
</tr>
<tr>
<td>Hold Space</td>
<td>Hand Tool</td>
<td>Hold Space and use mouse with left click to move around the document</td>
</tr>
<tr>
<td>Ctrl + Shift + I</td>
<td>Inverse Selection</td>
<td>Selects opposite of your present seleciton</td>
</tr>
<tr>
<td>Alt + Ctrl + D</td>
<td>Feather Selection</td>
<td>Feather Selection</td>
</tr>
<tr>
<td>Ctrl + Space + Click</td>
<td>Zoom In</td>
<td>Zoom In Document</td>
</tr>
<tr>
<td>Alt + Space + Click</td>
<td>Zoom Out</td>
<td>Zoom Out Document</td>
</tr>
<tr>
<td>Shift + A-Z keys</td>
<td>Toggle Between</td>
<td>Toogle Between the hidden tools</td>
</tr>
<tr>
<td>Alt + Ctrl + Shift + S</td>
<td>Save for Web</td>
<td>Save Document for Web in your desired selected options (JPG, GIF, PNG, etc.)</td>
</tr>
<tr>
<td>Ctrl + T</td>
<td>Free Transform Tool</td>
<td>Free Transform Tool</td>
</tr>
<tr>
<td>Alt + Ctrl + T</td>
<td>Duplicate Free Transform</td>
<td>Duplicate Free Transform</td>
</tr>
<tr>
<td>Ctrl + Alt + Shift + T</td>
<td>Duplicate Transform Again</td>
<td>Duplicate Transform Again</td>
</tr>
<tr>
<td>Alt + Backspace</td>
<td>Fill Foreground Color</td>
<td>Fill Foreground Color</td>
</tr>
<tr>
<td>Ctrl + Backspace</td>
<td>Fill Background Color</td>
<td>Fill Background Color</td>
</tr>
<tr>
<td>Ctrl + ]</td>
<td>Bring Forward</td>
<td>Bring Forward (Selected Layer)</td>
</tr>
<tr>
<td>Ctrl + [</td>
<td>Send Backward</td>
<td>Send Backward (Selected Layer)</td>
</tr>
<tr>
<td>Ctrl + Shift + ]</td>
<td>Bring To Front</td>
<td>Bring To Front (Selected Layer)</td>
</tr>
<tr>
<td>Ctrl + Shift + [</td>
<td>Send to Back</td>
<td>Send to Back (Selected Layer)</td>
</tr>
<tr>
<td>Ctrl + J</td>
<td>Layer via Copy</td>
<td>Layer via Copy</td>
</tr>
<tr>
<td>Ctrl + Shift + J</td>
<td>Layer via Cut</td>
<td>Layer via Cut</td>
</tr>
<tr>
<td>Ctrl + Shift + N</td>
<td>New Layer</td>
<td>Create New Layer</td>
</tr>
<tr>
<td>Ctrl + E</td>
<td>Merge Layers</td>
<td>Merge Layers</td>
</tr>
<tr>
<td>Ctrl + Shift + E</td>
<td>Merge visible</td>
<td>Merge visible Layers</td>
</tr>
<tr>
<td>Alt + ]</td>
<td>Next Layer</td>
<td>Move to Next Layer</td>
</tr>
<tr>
<td>Alt + [</td>
<td>Previous Layer</td>
<td>Move to Previous Layer</td>
</tr>
<tr>
<td>Ctrl + W</td>
<td>Close</td>
<td>Close Document</td>
</tr>
<tr>
<td>Ctrl + 0</td>
<td>Fit on Screen</td>
<td>Fit on Screen</td>
</tr>
<tr>
<td>Alt + Ctrl + 0</td>
<td>Actual Size</td>
<td>Actual Size of Document</td>
</tr>
</tbody>
</table>
<p>Hope the list of essential photoshop shortcuts will be helpful for you guys.</p>
<script type="text/javascript">(function() {var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];s.type = 'text/javascript';s.async = true;s.src = 'http://widgets.digg.com/buttons.js';s1.parentNode.insertBefore(s, s1);})();</script><a href="http://digg.com/submit?url=http%3A%2F%2Fwww.reencoded.com%2F2009%2F03%2F14%2Fessential-photoshop-keyboard-shortcuts%2F"class="DiggThisButton DiggCompact"   rel="nofollow"></a>]]></content:encoded>
			<wfw:commentRss>http://www.reencoded.com/2009/03/14/essential-photoshop-keyboard-shortcuts/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>7 Firefox Addons I Use Every Day</title>
		<link>http://www.reencoded.com/2008/08/11/7-firefox-addons-i-use-every-day/</link>
		<comments>http://www.reencoded.com/2008/08/11/7-firefox-addons-i-use-every-day/#comments</comments>
		<pubDate>Mon, 11 Aug 2008 20:58:06 +0000</pubDate>
		<dc:creator>Anders Haig</dc:creator>
				<category><![CDATA[Shortcuts]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Various]]></category>

		<guid isPermaLink="false">http://reencoded.com/?p=229</guid>
		<description><![CDATA[Colorzilla – Colorzilla allows you to capture the hex code (e.g #FFF000) of any color you see on the web. This allows you to match colors and grab the exact code of colors you like on other sites. When also used in combination with Adobe Kuler, Colorzilla cures Kuler&#8217;s problem of not displaying HTML codes [...]]]></description>
			<content:encoded><![CDATA[<p style="0in;"><a href="http://www.iosart.com/firefox/colorzilla/"  rel="nofollow">Colorzilla</a> – Colorzilla allows you to capture the hex code (e.g #FFF000) of any color you see on the web. This allows you to match colors and grab the exact code of colors you like on other sites. When also used in combination with Adobe Kuler, Colorzilla cures Kuler&#8217;s problem of not displaying HTML codes for the selected colors.</p>
<p style="0in;">
<p style="0in;"><a href="http://www.foxmarks.com/"  rel="nofollow">Foxmarks</a> – Foxmarks replaces your traditional bookmarking capabilities with synchronized bookmarks. Foxmarks synchronizes your bookmarks with an online account and any computer you install the addon to automatically whenever you close your browser. It takes about two seconds and guarantees that you&#8217;ll never be without your bookmarks, whether at a public computer or at home.</p>
<p style="0in;">
<p style="0in;"><a href="http://www.google.com/tools/firefox/toolbar/FT3/intl/en/index.html"  rel="nofollow">Google Toolbar</a> – Google Toolbar is rather simplistic but adds some much needed features to my browser. First, it can replace the standard Firefox search with Google search which is a bit cleaner to look at. Second, it adds a Gmail notifier that lets me know whenever I have new mail with a simple icon. It also adds quick links to some Google services I use often such as Google maps.</p>
<p style="0in;">
<p style="0in;"><a href="http://www.yellowpipe.com/yis/tools/window_resizer/"  rel="nofollow">Window Resizer</a> – Working as a web developer, it&#8217;s important to view my sites in different browsers and different screen resolutions. Window Resizer emulates different screen resolutions be resizing the browser window to different sizes (e.g. 800&#215;600).</p>
<p style="0in;">
<p style="0in;"><a href="http://getfirebug.com/"  rel="nofollow">Firebug</a> – Firebug is, in my opinion, the most useful addon for a Firefox-based web developer. You can edit your HTML from Firebug, find errors, change your CSS and many more options all from one console. I cannot describe Firebug as well as they can, so please take a look at the Firebug site at <a href="http://getfirebug.com/"  rel="nofollow">http://getfirebug.com/</a></p>
<p style="0in;">
<p style="0in;"><a href="http://developer.yahoo.com/yslow/"  rel="nofollow">YSlow</a> – YSlow is not an addition to firebug but is integrated with it for information exchange. YSlow analyzes any web page and generates a grade for each rule and an overall grade. If a page can be improved, YSlow lists the specific changes to be made. YSlow is especially useful on high traffic sites where limiting the number of HTTP requests makes more of a difference but has great suggestions for smaller sites as well.</p>
<p style="0in;">
<p style="0in;"><a href="https://addons.mozilla.org/en-US/firefox/addon/1368"  rel="nofollow">Colorful Tabs</a> – Colorful tabs doesn&#8217;t have any big use in web development but it speeds up my overall surfing. Tabs can be colored by many different options allowing you to find important sites at a glance or just to differentiate between tabs easier.</p>
<p style="0in;">
<p style="0in;">What addons are indispensable to you?</p>
<script type="text/javascript">(function() {var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];s.type = 'text/javascript';s.async = true;s.src = 'http://widgets.digg.com/buttons.js';s1.parentNode.insertBefore(s, s1);})();</script><a href="http://digg.com/submit?url=http%3A%2F%2Fwww.reencoded.com%2F2008%2F08%2F11%2F7-firefox-addons-i-use-every-day%2F"class="DiggThisButton DiggCompact"   rel="nofollow"></a>]]></content:encoded>
			<wfw:commentRss>http://www.reencoded.com/2008/08/11/7-firefox-addons-i-use-every-day/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The (Free) Script That Saved My Website</title>
		<link>http://www.reencoded.com/2008/08/09/the-free-script-that-saved-my-website/</link>
		<comments>http://www.reencoded.com/2008/08/09/the-free-script-that-saved-my-website/#comments</comments>
		<pubDate>Sat, 09 Aug 2008 19:38:28 +0000</pubDate>
		<dc:creator>Anders Haig</dc:creator>
				<category><![CDATA[Shortcuts]]></category>
		<category><![CDATA[Various]]></category>

		<guid isPermaLink="false">http://reencoded.com/2008/08/09/the-free-script-that-saved-my-website/</guid>
		<description><![CDATA[I recently purchased a music streaming website, powered by MySQL database full of links to the musical content. In order to transfer the website to my hosting I was going to need to import the database. Unfortunately, I host with GoDaddy.com. GoDaddy offers phpMyAdmin to control your databases which is a great program but it [...]]]></description>
			<content:encoded><![CDATA[<p><!-- 		@page { size: 8.5in 11in; margin: 0.79in } 		P { margin-bottom: 0.08in } 	--></p>
<p>I recently purchased a music streaming website, powered by MySQL database full of links to the musical content. In order to transfer the website to my hosting I was going to need to import the database. Unfortunately, I host with GoDaddy.com. GoDaddy offers phpMyAdmin to control your databases which is a great program but it limits imports to 2MBs. My database was over 70MB. I tried it anyways with my fingers crossed but as expected, it wasn&#8217;t going to work.</p>
<p><span id="more-228"></span></p>
<p>Next, I remembered <a href="http://www.navicat.com/"  rel="nofollow">Navicat</a>, a program that allows you to externally monitor your database and has no limit on the file you can upload. To use Navicat, you need the standard database info (username, password, databasename) and the external IP address to the server the database is on. I called up the GoDaddy support and explained my situation. My customer service associate quickly (and rudely) explained that GoDaddy does not allow an external connection to their database servers at any time. This is their (stone age) approach to protecting their servers. Other hosting companies seem to do fine relying on other methods for security while still allowing customers to connect to their servers but GoDaddy does not share the same philosophy.</p>
<p>I was out of luck. I decided to just break up the file manually into over 35 pieces and uploaded one by one, a task that would take quite a good deal of time. However, my database was too large to open in notepad even on my quad core behemoth. Totally crushed, I took one last ditch look around the internet. That&#8217;s when I cam across BigDump.</p>
<p><a href="http://www.hotscripts.com/Detailed/20922.html"  rel="nofollow">BigDump</a> is a script written by Alexey Ozerov that automatically cuts your database into pieces and uploads them one by one. The setup is simple and the operation was flawless. I was elated, my money wouldn&#8217;t be going down the drain after all. If you haven&#8217;t already heard of BigDump check it out. You may not need it now, but it could save your website in the future as it did for me.</p>
<p>If you already know about BigDump, as I&#8217;m sure many of you do, has it ever saved your site? If you&#8217;re just now learning about BigDump, keep it in mind in case you ever need it.</p>
<script type="text/javascript">(function() {var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];s.type = 'text/javascript';s.async = true;s.src = 'http://widgets.digg.com/buttons.js';s1.parentNode.insertBefore(s, s1);})();</script><a href="http://digg.com/submit?url=http%3A%2F%2Fwww.reencoded.com%2F2008%2F08%2F09%2Fthe-free-script-that-saved-my-website%2F"class="DiggThisButton DiggCompact"   rel="nofollow"></a>]]></content:encoded>
			<wfw:commentRss>http://www.reencoded.com/2008/08/09/the-free-script-that-saved-my-website/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>10 Ways to Save Time While Building a Website</title>
		<link>http://www.reencoded.com/2008/08/04/10-ways-to-save-time-while-building-a-website/</link>
		<comments>http://www.reencoded.com/2008/08/04/10-ways-to-save-time-while-building-a-website/#comments</comments>
		<pubDate>Tue, 05 Aug 2008 05:40:47 +0000</pubDate>
		<dc:creator>Anders Haig</dc:creator>
				<category><![CDATA[Shortcuts]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://reencoded.com/2008/08/04/10-ways-to-save-time-while-building-a-website/</guid>
		<description><![CDATA[As a freelance web developer, time is money. I use many different tricks to increase my productivity and these are my top selections for saving time. Please make you own suggestions for other time savers in the comments. Drop Down Menus :: All Web Menus (http://www.likno.com/allwebmenusinfo.html ) Whenever I need to add a complex drop-down [...]]]></description>
			<content:encoded><![CDATA[<p>As a freelance web developer, time is money. I use many different tricks to increase my productivity and these are my top selections for saving time. Please make you own suggestions for other time savers in the comments.</p>
<p><strong>Drop Down Menus</strong> :: All Web Menus (<a href="http://www.likno.com/allwebmenusinfo.html"  rel="nofollow">http://www.likno.com/allwebmenusinfo.html</a> )<br />
Whenever I need to add a complex drop-down menu to a site, I turn to All Web Menus. This program styles a complex multi level menu in less time then it takes to type the text. All websites need menus and for detailed menus, you should try All Web Menus.</p>
<p><strong>Time saved: 1 Hour per menu.</strong></p>
<p><strong>Image Capture</strong> :: Gadwin Printscreen (<a href="http://www.gadwin.com/printscreen/"  rel="nofollow">http://www.gadwin.com/printscreen/</a>)<br />
Gadwin Printscreen utility replaces windows standard printscreen keyboard button with more options and flexibility. It loads on windows startup and runs silently in the background without consuming system resources but it&#8217;s always there when you need it. Instead of just capturing the entire screen view, Gadwin allows you to select a rectangular area very precisely with the help of a built in magnifying window. This tool is invaluable to my work. I often use it to grab different pieces to mock up a design.</p>
<p><strong>Time saved: 2 Minutes per screen capture.</strong></p>
<p><strong>Batch Image Resizing</strong> :: Multiple Image Resizer .NET (<a href="http://www.multipleimageresizer.net">http://www.multipleimageresizer.net</a><a href=" http://www.multipleimageresizer.net" rel="nofollow">/</a> )<br />
I tried 10-15 different batch resizing programs before setting on Multiple Image Resizer .NET. This program&#8217;s ease of use in unparalleled and it has absolutely any function you could desire. Simply select a folder of images you want resized, determine whether to resize, add border, add text, overlay images, crop, rotate or flip them as a whole and save time editing the images one by one. I often use it to add small watermarks to a group of images I&#8217;m uploading to a clients website.</p>
<p><strong>Time saved: 20 Minutes for a group of 20 images to an hour or more for a group of 100+.</strong><span id="more-194"></span></p>
<p><strong>Web Forms</strong> :: My Contact Form (<a href="http://www.mycontactform.com">http://www.mycontactform.com</a>)<br />
Web forms take time to build, time to style and time to test. I use My Contact Form because it offers all of these steps in one plus more options then I can easily code. The forms are highly customizable including things like adding attachments, multiple recipients, selecting a recipient and complete control over the look of the form.</p>
<p><strong>Time saved: 30 Minutes to 1 hour per form.</strong></p>
<p><strong>CSS Text Boxes</strong> :: Rounded Cornr (<a href="http://www.roundedcornr.com/"  rel="nofollow">http://www.roundedcornr.com/</a>)<br />
Once you have your rough draft laid out in CSS, and you need to start adding style, Rounded Cornr can save you a lot of time. Rounded Cornr quickly and easily creates images and CSS code for different box styles in an easy to use interface. It also offers an option to code it using only one image for all four corners, saving a minimal amount of bandwidth.</p>
<p><strong>Time Saved: 10 Minutes per style.</strong></p>
<p><strong>Vectorizing Images</strong> :: Vector Magic (<a href="http://vectormagic.com/"  rel="nofollow">http://vectormagic.com/</a>)<br />
A lot of the time, I&#8217;m designing images using Photoshop. I do all of my logo work in Illustrator but I often find the need to convert another one of my designs to a vector so I can resize it without a reduction in quality. Vector Magic is a free online service that does this amazingly well. I was skeptical at first, but after answering a few short questions about my image, they were able to create a high quality vector image from my jpeg. Doing it by hand for complex images would take a lot of time and not turn out quite as precise.</p>
<p><strong>Time Saved: 1-3 Hours per complex vector.</strong></p>
<p><strong>Selecting Color Schemes</strong> :: Adobe Kuler (<a href="http://kuler.adobe.com/"  rel="nofollow">http://kuler.adobe.com/</a>)<br />
This is one site you&#8217;ve probably heard of before, but I find it easier to use and with more advanced features then the other color scheme utilities available online. Add Adobe Air and use this tool even when you&#8217;re not connect to the internet. Kuler offers many premade color schemes as well that are an excellent source of inspiration for your website.</p>
<p><strong>Time Saved: 5-10 Minutes per scheme over self-selection.</strong></p>
<p><strong>Creating a Patterned Background</strong> :: Stripe Generator (<a href="http://www.stripegenerator.com/"  rel="nofollow">http://www.stripegenerator.com/</a>)<br />
A simple patterned background can add a much needed professional finish to your websites. Sometimes, if a site of mine is looking amateur despite clean design, all I need to add is a touch of design to the background. Stripe Generator, as it&#8217;s name implies, auto generates a striped background based on your input criteria. You can change all the colors and create a wide variety of non-distracting backgrounds.</p>
<p><strong>Time Saved: 15 Minutes over creating it manually.</strong></p>
<p><strong>Building a Quick Photo Gallery</strong> :: Flickr Slidr (<a href="http://flickrslidr.com/"  rel="nofollow">http://flickrslidr.com/</a>)<br />
First off, I&#8217;m partial to Thickbox, but it isn&#8217;t always the easiest to configure exactly as you like and can require use of other programs like the Multiple Image Resizer. Flickr Slidr creates a user controlled photo slideshow that pulls the pictures directly from your Flickr account. You can create a separate account for each project and spend much less time editing the look of the already well-designed gallery.</p>
<p><strong>Time Saved: 25 Minutes over Thickbox.</strong></p>
<p><strong>Testing Your Website in Multiple Browsers</strong> :: Browser Shots (<a href="http://browsershots.org/"  rel="nofollow">http://browsershots.org/</a>)<br />
It&#8217;s extremely important that your websites look good on all browsers (or at a minimum, all widely used ones). Most people don&#8217;t have very many browsers installed on their computer and even if they did, the time it would take to open your site in each browser would be huge. That&#8217;s where Browser Shots comes in. Put in your URL and choose all the browsers you liked to test for. Over 50 browsers are currently supported and you can even specify different screen sizes. Browser Shots then shows you a screenshot of what your website looks like in each browser.</p>
<p align="left"><strong>Time Saved: 1-2 Hours if you choose all the browsers.</strong></p>
<p align="left">Want a free website?</p>
<p align="left"><a href="http://www.wix.com">Free unique, custom drag and drop flash site</a></p>
<h2>Make sure to check out Ander&#8217;s latest article, <a href="http://www.reencoded.com/2009/02/28/10-ways-to-save-time-while-building-a-website-improved/" >10 Ways to Save Time Building a Website: Improved</a></h2>
<p><noscript><a href="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&amp;MarketPlace=US&amp;ID=V20070822%2FUS%2Freencodedcom-20%2F8010%2Fadf83bf6-11c3-490d-b4e2-a91f4baae134&amp;Operation=NoScript"  rel="nofollow">Amazon.com Widgets</a></noscript></p>
<script type="text/javascript">(function() {var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];s.type = 'text/javascript';s.async = true;s.src = 'http://widgets.digg.com/buttons.js';s1.parentNode.insertBefore(s, s1);})();</script><a href="http://digg.com/submit?url=http%3A%2F%2Fwww.reencoded.com%2F2008%2F08%2F04%2F10-ways-to-save-time-while-building-a-website%2F"class="DiggThisButton DiggCompact"   rel="nofollow"></a>]]></content:encoded>
			<wfw:commentRss>http://www.reencoded.com/2008/08/04/10-ways-to-save-time-while-building-a-website/feed/</wfw:commentRss>
		<slash:comments>58</slash:comments>
		</item>
		<item>
		<title>A Compilation of Helpful Firefox Add-Ons</title>
		<link>http://www.reencoded.com/2008/07/05/a-compilation-of-helpful-firefox-add-ons/</link>
		<comments>http://www.reencoded.com/2008/07/05/a-compilation-of-helpful-firefox-add-ons/#comments</comments>
		<pubDate>Sun, 06 Jul 2008 00:04:56 +0000</pubDate>
		<dc:creator>McKenna Julilette</dc:creator>
				<category><![CDATA[Shortcuts]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://reencoded.com/2008/07/05/a-compilation-of-helpful-firefox-add-ons/</guid>
		<description><![CDATA[  Tab Effect is an unusual Firefox add-on that takes tab control to new levels. Continue reading for a list of the Firefox add-ons that you must have!      Web/Graphic Design Clipmarks Linking to web pages is now a thing of the past. You can use Clipmarks to create clips of web sites to make it easier to show people exactly what you [...]]]></description>
			<content:encoded><![CDATA[<p> <img jQuery1215300063734="68" oldblock="inline" width="495" src="https://addons.mozilla.org/en-US/firefox/images/preview/4258/2" height="379" style="display: inline; zoom: 1" id="lightbox-image" /></p>
<p><a href="https://addons.mozilla.org/en-US/firefox/images/preview/4258/1"jQuery1215300063734="14" rel="jquery-lightbox nofollow"  ></a><a href="https://addons.mozilla.org/en-US/firefox/images/preview/4258/1"jQuery1215300063734="14" rel="jquery-lightbox nofollow"  ></a><a href="https://addons.mozilla.org/en-US/firefox/addon/4258"  rel="nofollow">Tab Effect</a> is an unusual Firefox add-on that takes tab control to new levels. Continue reading for a list of the Firefox add-ons that you must have!</p>
<p><span id="more-167"></span>    </p>
<p><strong>Web/Graphic Design</strong></p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/1407"  rel="nofollow">Clipmarks</a> Linking to web pages is now a thing of the past. You can use Clipmarks to create clips of web sites to make it easier to show people exactly what you are referring to.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/1002"  rel="nofollow">Codetch</a> This web page editing tool has the feel of Dreamweaver in a Firefox extension.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/271"  rel="nofollow">Colorzilla</a> Get a color reading from anywhere in your browser. Also has a zoom feature.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/2104"  rel="nofollow">CSS Viewer </a>CSS property viewer.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/1843"  rel="nofollow">Firebug</a>  A must for any web developer,  edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.</p>
<p><a href="http://www.firephp.org/"  rel="nofollow">FirePHP </a>Use a PHP function call to print your firebug.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/5648"  rel="nofollow">FireShot</a> Helps you create screen shots of web pages.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/4415"  rel="nofollow">Font Finder</a> Highlight any font and this tool will tell you what it is.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/219"  rel="nofollow">FoxyTunes</a> Now you can listen to music on the job.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/433"  rel="nofollow">Greasemonkey</a> Use javascript to customize web display with this extension </p>
<p><a href="http://www.puidokas.com/portfolio/gridfox/"  rel="nofollow">GridFox</a> Allows you to create a grid over any web site.</p>
<p><a href="http://users.skynet.be/mgueury/mozilla/"  rel="nofollow">HTML Validator</a> Amazing tool for validating HTML</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/1419"  rel="nofollow">IE Tab</a> Need to know if your site looks good in internet explorer? This tool is the solution.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/532"  rel="nofollow">Link Checker</a> Instantly check the validity of links. Red means a broken link, yellow means forbidden links, green means good and gray means skipped.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/3371"  rel="nofollow">Load Time Analyzer</a> An extension that lets you know how long a page takes to load in Firefox.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/539"  rel="nofollow">MeasureIt</a> Creates a ruler allowing you to measure pixel width and height.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/1190"  rel="nofollow">Opera View</a> View pages in Firefox as if they were in Opera without having to leave Firefox. This allows you to see the differences between the two which can be very helpful in solving coding problems.</p>
<p><a href="http://www.geocities.com/abk0680/extensions/"  rel="nofollow">Pagediff </a>Helps web designers compare web pages to solve coding problems.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/2290"  rel="nofollow">Palette Grabber</a> This extension can be used with photoshop and a variety of other programs to create color palettes.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/737"  rel="nofollow">Platypus</a> Edit web pages from your browser.</p>
<p><a href="http://www.edgewall.org/python-sidebar/"  rel="nofollow">Python Sidebar</a> Seamlessly integrates the Python programming language into your browser.</p>
<p><a href="http://www.bitstorm.org/extensions/view-cookies/"  rel="nofollow">View Cookies</a> Find out which websites are using cookies and what is stored in those cookies. Also allows you to delete cookies.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/655"  rel="nofollow">View Source Chart</a> Creates color-coded squares around html tags making it easier to distinguish them.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/1985"  rel="nofollow">Windows Resizer</a> Lets you resize your browser to common resolution sizes so that you can see web pages in various browsing dimensions. Includes these resolutions 640×480, 800×600, 1024×768, 1280×1024, 1600×1200.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/60"  rel="nofollow">Web Developer</a> An excellent menu with a variety of web development tools. Allows you to disable cookies, disable certain features of a web page as well as edit the CSS of a page.</p>
<p><a href="http://www.rankquest.com/"  rel="nofollow">Rank Quest </a>A tool that tracks your google page position, keyword performance and also includes several SEO features. </p>
<p><a href="http://tools.seobook.com/firefox/seo-for-firefox.html"  rel="nofollow">SEO Book</a>, <a href="http://seopen.com/firefox-extension/index.php"  rel="nofollow">SEOpen</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/3036"  rel="nofollow">Seoquake</a>, <a href="http://www.quirk.biz/searchstatus/"  rel="nofollow">SearchStatus</a>  Must have SEO tools for any web designer.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/2318"  rel="nofollow">Total Validator</a> This all in one validation tool checks links, html and lets you take screen shots.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/1449"  rel="nofollow">Xinha Here</a> A very useful WYSIWYG editor.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/1802"  rel="nofollow">X-ray </a>Forget viewing the sourcecode install X-ray and you can view tags without it. Make sure to also check out <a href="https://addons.mozilla.org/en-US/firefox/addon/2823"  rel="nofollow">Professor X</a> a similar tool which allows you to look inside a web page&#8217;s head without viewing the sourcecode.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/1944"  rel="nofollow">Yellowpipe Lynx Viewer</a> Use this tool to make a site easier for people with poor vision to read.</p>
<p><strong>Organization</strong></p>
<p><a href="http://www.adaptiveblue.com/"  rel="nofollow">Blue Organizer</a>  The Blue Organizer tells you how popular a variety of things are on the web (books, music etc.) and provides useful links relating to the subject, helps create customized widgets for your blog and manages all your favorite things on the Internet.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/3615"  rel="nofollow">Delicious Bookmarks</a> Search, browse, organize,  and import your bookmarks with Delicious Bookmarks or use <a href="https://addons.mozilla.org/en-US/firefox/addon/5457"  rel="nofollow">Shareaholic</a>  to access all of your bookmarks from a central location.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/710"  rel="nofollow">Menu Editor</a>  Enhance your menu with this add-on.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/1759"  rel="nofollow">Organize Status Bar </a>Helps you keep your status bar clutter free.</p>
<p> <a href="http://reminderfox.mozdev.org/"  rel="nofollow">ReminderFox </a>Have trouble remembering dates? ReminderFox is a tool that reminds you of important events, birthdays, anniverseries etc.</p>
<p><strong>Efficiency</strong></p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/2464"  rel="nofollow">Foxy Proxy</a> Fix Firefox&#8217;s inferior proxying capabilities with this proxy management extension.</p>
<p><a href="http://www.hyperwords.net/"  rel="nofollow">Hyperwords</a> Increase the efficiency of your right click menu with Hyperwords.</p>
<p><a href="http://www.cooliris.com/"  rel="nofollow">PicsLens</a> If you were a fan of Browster before it mysteriously disappeared, and you haven&#8217;t heard about PicLens yet, you should definitely check it out. Piclens lets you preview links without leaving the page you are viewing which increases your web browsing efficiency. You might also like <a href="https://addons.mozilla.org/en-US/firefox/addon/4882"  rel="nofollow">Tab Scope</a> a tool which allows you to preview tabs before clicking.</p>
<p><a href="http://www.hyperwords.net/demo.html"  rel="nofollow"></a></p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/3456"  rel="nofollow">WOT </a>Keep clear of spyware, risky websites, scams and spam with WOT. For added security also check out <a href="https://addons.mozilla.org/en-US/firefox/addon/722"  rel="nofollow">NoScript</a>, block intrusive ads with Adblock Plus or block annoying flash with <a href="https://addons.mozilla.org/en-US/firefox/addon/433"  rel="nofollow">Flashblock</a>.      <a href="https://addons.mozilla.org/en-US/firefox/images/preview/722/1"jQuery1215301789234="14" rel="jquery-lightbox nofollow"   title="Be paranoid! Browse with NoScript!"></a>     </p>
<p><strong>Information</strong></p>
<p><a href="http://www.answers.com/main/firefox_plugins.jsp"  rel="nofollow">Answers </a>This is an amazingly helpful tool- alt-click any word to get reliable facts about that word. I also find the Dictionary <a href="https://addons.mozilla.org/en-US/firefox/addon/1171"  rel="nofollow">Tooltip </a> to be useful as well.</p>
<script type="text/javascript">(function() {var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];s.type = 'text/javascript';s.async = true;s.src = 'http://widgets.digg.com/buttons.js';s1.parentNode.insertBefore(s, s1);})();</script><a href="http://digg.com/submit?url=http%3A%2F%2Fwww.reencoded.com%2F2008%2F07%2F05%2Fa-compilation-of-helpful-firefox-add-ons%2F"class="DiggThisButton DiggCompact"   rel="nofollow"></a>]]></content:encoded>
			<wfw:commentRss>http://www.reencoded.com/2008/07/05/a-compilation-of-helpful-firefox-add-ons/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

