<?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>Web and designers &#124; Complete resource platform for web designers and developers &#187; Guide</title>
	<atom:link href="http://www.webanddesigners.com/category/guide/feed" rel="self" type="application/rss+xml" />
	<link>http://www.webanddesigners.com</link>
	<description>Web blog to help web designers and developers</description>
	<lastBuildDate>Wed, 08 Sep 2010 13:14:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Don&#8217;t work Hard, work efficiently</title>
		<link>http://www.webanddesigners.com/dont-work-hard-work-efficiently</link>
		<comments>http://www.webanddesigners.com/dont-work-hard-work-efficiently#comments</comments>
		<pubDate>Fri, 30 Apr 2010 14:07:25 +0000</pubDate>
		<dc:creator>Snigdha</dc:creator>
				<category><![CDATA[Guide]]></category>
		<category><![CDATA[Management]]></category>
		<category><![CDATA[Profession]]></category>
		<category><![CDATA[manage]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.webanddesigners.com/?p=1303</guid>
		<description><![CDATA[Doing right thing at the right time helps you ace in life. More people fail in life not because they are unable to reach their goals, but there are inefficient to manage there time and plan there work accordingly. Work can only meet its objective when it is carried out in a productive way, more [...]


Related posts:<ol><li><a href='http://www.webanddesigners.com/love-to-work-vs-work-to-work' rel='bookmark' title='Permanent Link: Love to Work vs Work to Work'>Love to Work vs Work to Work</a></li>
<li><a href='http://www.webanddesigners.com/tips-to-work-from-home-with-the-perfect-motivating-environment' rel='bookmark' title='Permanent Link: Tips to work from home with the perfect motivating environment'>Tips to work from home with the perfect motivating environment</a></li>
<li><a href='http://www.webanddesigners.com/ways-to-tame-anger-at-work' rel='bookmark' title='Permanent Link: Ways to tame anger at work'>Ways to tame anger at work</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Doing right thing at the right time helps you ace in life. More people fail in life not because they are unable to reach their goals, but there are inefficient to manage there time and plan there work accordingly. Work can only meet its objective when it is carried out in a productive way, more to say if there is no value addition to what you perform then work done goes in vain. <span id="more-1303"></span> </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><img class="size-full" title="Google Webmaster Tool" src="http://www.webanddesigners.com/wp-content/uploads/2010/04/manage-work/efficiently.jpg" alt="Don't work Hard, work efficiently" width="577" height="250" /></p>
<p><p class="wp-caption-text">Don't work Hard, work efficiently</p></div><br />
Photo credit: <a href="http://www.sxc.hu/photo/1235996">nkzs</a></p>
<p>Thus to get the best out of work done in a smart way there are few basic guidelines that we need to adapt in our daily schedule and sooner you will be working efficiently without pain.</p>
<p>&nbsp;</p>
<h2>Match yourself with the work load</h2>
<p><div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><img class="size-full" title="Google Webmaster Tool" src="http://www.webanddesigners.com/wp-content/uploads/2010/04/manage-work/work-hard.jpg" alt="Match yourself with the work load" width="425" height="282" /></p>
<p><p class="wp-caption-text">Match yourself with the work load</p></div>
<p>Photo credit: <a href="http://www.flickr.com/photos/24266892@N04/2334363767/">shine_dorydevlin</a></p>
<p>Every individual is different in the way they act they work and perform. I might be active during the first hour of the work whereas someone can be during the late hours. So understand your nature place the job accordingly like save the bulge for the time and hour you can work maximum.</p>
<p>&nbsp;</p>
<h2>Schedule and plan</h2>
<div class="wp-caption aligncenter" style="width: 587px">
<p style="text-align: center;"><img class="size-full" title="Google Webmaster Tool" src="http://www.webanddesigners.com/wp-content/uploads/2010/04/manage-work/schedule-and-plan.jpg" alt="Schedule and plan" width="577" height="250" /></p>
<p><p class="wp-caption-text">Schedule and plan</p></div><br />
Photo credit: <a href="http://www.sxc.hu/photo/570617/">tome213</a></p>
<p>Schedule and plan your work such that you can estimate your time to meet deadline. Don&#8217;t wait for the work to create a stress on you instead schedule and plan it so well that you can easily manage it through the deadline.</p>
<p>Don&#8217;t get overwhelmed prioritize whatever you do. Don&#8217;t jumble up the work, if the work is overloaded juggle it up by breaking the big picture into steps learning what you are able to complete in a specific time frame, prioritizing and working on the most important and urgent tasks, and creating and sticking to a plan no matter what other might say.</p>
<p>Maintain a routine create a checklist workload and stress are directly proportional to each other, when you are planning on doing job in a manageable way, you should also attempt to manage stress. Stress comes with uncontrolled emotions, work schedule, work environment, and the way you deal with problems. These all are related with the way you carry out your work. So the best way to avoid stress is creating a clear ambience by placing things in your cabinet and desk neatly. So that when you need it you can get hold of it. So make a routine and prepare a checklist so that in the busy schedule you don&#8217;t stress yourself and miss out on stuff.</p>
<p>Every individual can work hard but if you want to stand out of the crowd you have to be one who can work smart efficiently. If you follow the above stated tips in your schedule you can improve and be efficient and gain the right attitude which will lead your career your way.</p>
<p>So if you follow on the simple things in life you will be in able to do your work in short time without hustling. So to make it easier I have summarized it in points. Hope this shall turn you into an efficient worker.</p>
<ol>
<li><strong>1.</strong> Avoid wasting time shuffling through piles of paper, keep your desk organized. </li>
<li><strong>2.</strong>  Prioritize a list of the tasks, prepare a checklist of work that you have to carry out through the day. </li>
<li><strong>3.</strong> Trying working in a team, allot tasks to co-workers and assistants if possible.</strong> </li>
<li><strong>4.</strong>  Don&#8217;t jump up, finish one task before you go on to the next. </li>
<li><strong>5.</strong> Have effective communication and plan cautiously to make sure a job is done properly the first time around. </li>
<li><strong>6.</strong> Before leaving for the day, tidy up your desk and make a short list of projects you will need to do the next day.</strong> </li>
<li><strong>7.</strong> Determine when you have most energy in a day and tackle the most important or most difficult tasks at that time.</strong> </li>
<li><strong>8.</strong> If the works get up to your ears, hire a subordinate and give away the pressure. </li>
</ol>
<p>&nbsp;</p>
<p>&nbsp;</p>


<p>Related posts:<ol><li><a href='http://www.webanddesigners.com/love-to-work-vs-work-to-work' rel='bookmark' title='Permanent Link: Love to Work vs Work to Work'>Love to Work vs Work to Work</a></li>
<li><a href='http://www.webanddesigners.com/tips-to-work-from-home-with-the-perfect-motivating-environment' rel='bookmark' title='Permanent Link: Tips to work from home with the perfect motivating environment'>Tips to work from home with the perfect motivating environment</a></li>
<li><a href='http://www.webanddesigners.com/ways-to-tame-anger-at-work' rel='bookmark' title='Permanent Link: Ways to tame anger at work'>Ways to tame anger at work</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webanddesigners.com/dont-work-hard-work-efficiently/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>20 ways to improve website&#8217;s readability</title>
		<link>http://www.webanddesigners.com/20-ways-to-improve-websites-readability</link>
		<comments>http://www.webanddesigners.com/20-ways-to-improve-websites-readability#comments</comments>
		<pubDate>Fri, 16 Apr 2010 09:29:44 +0000</pubDate>
		<dc:creator>Snigdha</dc:creator>
				<category><![CDATA[Guide]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[improve]]></category>
		<category><![CDATA[improvement]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.webanddesigners.com/?p=999</guid>
		<description><![CDATA[When you read something and can soothingly go on and on with no stress then the message that you want your reader to get is conveyed properly. This style of delivering your write up in such a way that your readers feel the ease of reading is Readability. If you are into the field of [...]


Related posts:<ol><li><a href='http://www.webanddesigners.com/10-tutorials-using-photoshop-to-build-a-website' rel='bookmark' title='Permanent Link: 16 tutorials using photoshop to build a website'>16 tutorials using photoshop to build a website</a></li>
<li><a href='http://www.webanddesigners.com/1-free-psd-and-photoshop-resources-websites' rel='bookmark' title='Permanent Link: 15 Free PSD and photoshop resources websites'>15 Free PSD and photoshop resources websites</a></li>
<li><a href='http://www.webanddesigners.com/how-to-promote-your-website' rel='bookmark' title='Permanent Link: How to promote your website'>How to promote your website</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>When you read something and can soothingly go on and on with no stress then the message that you want your reader to get is conveyed properly. This style of delivering your write up in such a way that your readers feel the ease of reading is Readability. If you are into the field of writing READABILITY is an important aspect that you can’t avoid. As people visit you to get information and if the information can’t be accessed with ease you wont be able to drag your readers .So to ease your pressure an emphasize on the techniques of readability, here I have collected so awesome easy way to make your reading effective. 
<p>&nbsp;</p>
<h2>1. If you can convey in a sentence don’t drag it to a paragraph</h2>
<p>Short and sweet sentence are always effective and makes a mark. So if a thing can be stated in a sentence or two don’t make it paragraph long .As great things come in small packages.
<p>&nbsp;</p>
<h2>2. Keep sentence short, but increase in the number of paragraph</h2>
<p>Be precise with what you have to say, in two or three sentence. Instead of making the paragraph long break it into paragraph, as it looks trendy and easy is easy to express as well.
<p>&nbsp;</p>
<h2>3. Keep it virtually clean</h2>
<p>Don’t hesitate to keep space between your paragraph. A ideal way is to divide your line-height by your font-size. That is you will keep it in a space of 1.5. 
<p>&nbsp;</p>
<h2>4. Managed write up will make your write up look decent</h2>
<p>To manage and make it look decent make use of heading, subheading, bullets, such that your write up is managed and the readers get all the important information.<br/><br/></p>
<p>Structured hierarchy like Title, Introduction, Heading, Text, Subheading – Text, gives your page a more logical flow</p>
<h2>5. Headings and subheadings must stand out</h2>
<p><img class="size-full" title="heading" src="http://www.webanddesigners.com/wp-content/uploads/2009/12/stand-out/heading.jpg" alt="heading" width="577" height="150" /></p>
<p>One of the major benefits of using headings is that readers can scan down and see exactly what is in the article. This only works if the headings stand out, so feel free to use larger fonts, underlines, colors or whatever else is necessary.
<p>&nbsp;</p>
<h2>6. Text width can spoilt the management so watch out</h2>
<p>Make note of it shorter the width easier it is to read. So try to limit in the width, just don’t run over the width of the page. This will certainly help as if you see a newspaper you can see this being applied in the column of the paper, so it works. 
<p>&nbsp;</p>
<h2>7. Be color conscious</h2>
<p><img class="size-full" title="Color" src="http://www.webanddesigners.com/wp-content/uploads/2009/12/stand-out/color.jpg" alt="color" width="577" height="150" /></p>
<p>Colors are another importance aspect that adds lots to readability so try and use contrast colors so that the visibility of text is prominent .But try and avoid colors that are aloud and it disturbs the visitor. 
<p>&nbsp;</p>
<h2>8.	Think twice when you are dealing with background</h2>
<p>Background plays the lead role as it matters where you are writing you text .A soothing background speaks for the letters written .so choose background with great care .Avoid loud background keep it decent and professional.
<p>&nbsp;</p>
<h2>9. &#8220;Text size&#8221; give the chain of command to the readers</h2>
<p>Some user like it small some big, so let your reader have the control over the size of the text. 
<p>&nbsp;</p>
<h2>10.	Creativity with simplicity in case of text</h2>
<p>In the hedge of standing out don’t make your text over attractive. Avoid using italics and other design which is hard to read and understand .keeping it simple will make it effective.
<p>&nbsp;</p>
<h2>11.	Text case to be considered</h2>
<p>Mixed case is easier to read than uppercase. Uppercase is taken as a dictator in terms of webpage that screams, we don’t want to portray as a dictator so to be in amicable relation with the reader and to ease the reader use mixed case.
<p>&nbsp;</p>
<h2>12.	Don’t push your reader through the text</h2>
<p>The visitor might get bored with chunks of text so be innovative and keeping the synchronization lighten your write-up.
<p>&nbsp;</p>
<h2>13.	Unavoidable and not crucial, faint color will help you</h2>
<p>There are things in a post that are unavoidable that are the post date ,authors name,but it is not crucial so to write these stuffs use faint color so you wont draw.
<p>&nbsp;</p>
<h2>14.	Diagram and chart speaks a lot so don’t avoid it</h2>
<p><img class="size-full" title="Chart" src="http://www.webanddesigners.com/wp-content/uploads/2009/12/stand-out/chart.jpg" alt="Chart" width="577" height="150" /><br />
Photo credit: <a href="http://www.sxc.hu/photo/987790">miamiamia</a></p>
<p>If an image plays a vital part in your post, use it but with technicality   that is place the image such that it looks like it is a part of the article, not just a decoration. So center it, and skip a line before and after the image.
<p>&nbsp;</p>
<h2>15.	Say no to hurdles in between the post</h2>
<p>Adverts in the middle of the post is a hurdle to the reader as it disturbs the reader pace so try avoiding it.
<p>&nbsp;</p>
<h2>16.	Clearly separate your post from the rest of your design</h2>
<p>Design is what addresses the post so the post needs to stand out .you need to design in such a manner that it should be obvious where the post starts and stops. Your sidebar, comments, etc. should be visually distinct from the main content.
<p>&nbsp;</p>
<h2>17.	Links don’t forget to underline them</h2>
<p><img class="size-full" title="Underline" src="http://www.webanddesigners.com/wp-content/uploads/2009/12/stand-out/underline.jpg" alt="underline" width="577" height="150" />Photo credit: <a href="http://www.sxc.hu/photo/264208">adamci</a></p>
<p>Links are always underlined, and the visitors have the habit of finding the links underlined so make sure you cater to what they want.
<p>&nbsp;</p>
<p> </p>
<h2>18.	Avoid using snapshots in link</h2>
<p>The feature of whilst seems fascinating but it is a means of trouble. Trouble in the sense it hides your valuable text every time you by chance hover over a link.
<p>&nbsp;</p>
<h2>19.	Don’t let your audience concentration go towards sidebar</h2>
<p><img class="size-full" title="Focus" src="http://www.webanddesigners.com/wp-content/uploads/2009/12/stand-out/focus.jpg" alt="focus" width="577" height="150" /></p>
<p>Your visitor come to your site for your post, so don’t let a long side bar take all the attention keep it short. 
<p>&nbsp;</p>
<h2>20. Make your navigation easier to use</h2>
<p>If you are planning on referring your article from one page to other than make the mechanism simple to use. It is important that simplicity is considered as you don’t want your reader to get diverted because of pagination. 
<p>&nbsp;</p>
<p>Use this simple step and your user will have the ease in reading your write-up making your site readers friendly.</p>


<p>Related posts:<ol><li><a href='http://www.webanddesigners.com/10-tutorials-using-photoshop-to-build-a-website' rel='bookmark' title='Permanent Link: 16 tutorials using photoshop to build a website'>16 tutorials using photoshop to build a website</a></li>
<li><a href='http://www.webanddesigners.com/1-free-psd-and-photoshop-resources-websites' rel='bookmark' title='Permanent Link: 15 Free PSD and photoshop resources websites'>15 Free PSD and photoshop resources websites</a></li>
<li><a href='http://www.webanddesigners.com/how-to-promote-your-website' rel='bookmark' title='Permanent Link: How to promote your website'>How to promote your website</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webanddesigners.com/20-ways-to-improve-websites-readability/feed</wfw:commentRss>
		<slash:comments>30</slash:comments>
		</item>
		<item>
		<title>34 cheat sheets for web designers and developers</title>
		<link>http://www.webanddesigners.com/34-cheat-sheets-for-web-designers-and-developers</link>
		<comments>http://www.webanddesigners.com/34-cheat-sheets-for-web-designers-and-developers#comments</comments>
		<pubDate>Sun, 22 Nov 2009 07:46:31 +0000</pubDate>
		<dc:creator>WAD</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Guide]]></category>

		<guid isPermaLink="false">http://www.webanddesigners.com/?p=851</guid>
		<description><![CDATA[A cheat sheet is a printable guide of a particular programming language, software or framework. A web designer spends most of his design time to move around different softwares environment and it becomes really hard to memorize the shortcuts and hot keys for each environment. Hence, cheat sheets provide great help for them. In this [...]


Related posts:<ol><li><a href='http://www.webanddesigners.com/top-iphone-application-for-web-designers-and-developers' rel='bookmark' title='Permanent Link: Top iphone application for web designers and developers'>Top iphone application for web designers and developers</a></li>
<li><a href='http://www.webanddesigners.com/20-color-tools-for-web-designers' rel='bookmark' title='Permanent Link: 20 color tools for web designers'>20 color tools for web designers</a></li>
<li><a href='http://www.webanddesigners.com/9-tutorials-to-converting-psd-to-html' rel='bookmark' title='Permanent Link: 9 Tutorials to convert psd to html'>9 Tutorials to convert psd to html</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>A cheat sheet is a printable guide of a particular programming language, software or framework. A web designer spends most of his design time to move around different softwares environment and it becomes really hard to memorize the shortcuts and hot keys for each environment. Hence, cheat sheets provide great help for them. In this article, we present 34 essential cheat sheets for the most popular web based technologies.
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>Wordpress</h2>
<h2>1. <a href="http://wpcandy.com/wp-content/uploads/WordPress-Help-Sheet.pdf">Liquidicity &#8211;  Wordpress help sheet</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="Liquidicity -  Wordpress help sheet" href="http://wpcandy.com/wp-content/uploads/WordPress-Help-Sheet.pdf"><img class="size-full" target="_blank" title="Liquidicity -  Wordpress help sheet" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/liquidicity.jpg" alt="Liquidicity -  Wordpress help sheet" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">Liquidicity -  Wordpress help sheet</p></div>
<p>&nbsp;</p>
<h2>2. <a href="http://designtopx.files.wordpress.com/2009/11/wp_loop.pdf">WP-The Loop</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="WP-The Loop" href="http://designtopx.files.wordpress.com/2009/11/wp_loop.pdf"><img class="size-full" target="_blank" title="WP-The Loop" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/loop.jpg" alt="WP-The Loop" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">WP-The Loop</p></div>
<p>&nbsp;</p>
<h2>3. <a href="http://designtopx.files.wordpress.com/2009/11/wordpress-theme-development-check-list.pdf">WordPress Theme Development Check List</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="WordPress Theme Development Check List" href="http://designtopx.files.wordpress.com/2009/11/wordpress-theme-development-check-list.pdf"><img class="size-full" target="_blank" title="WordPress Theme Development Check List" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/theme.jpg" alt="WordPress Theme Development Check List" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">WordPress Theme Development Check List</p></div>
<p>&nbsp;</p>
<h2>4. <a href="http://designtopx.files.wordpress.com/2009/11/wordpress_cheatsheet_v1.pdf">Andy wibbels</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="Andy wibbels" href="http://designtopx.files.wordpress.com/2009/11/wordpress_cheatsheet_v1.pdf"><img class="size-full" target="_blank" title="Andy wibbels" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/andywibbels.jpg" alt="Andy wibbels" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">Andy wibbels</p></div>
<p>&nbsp;</p>
<h2>jQuery</h2>
<h2>5. <a href="http://colorcharge.com/jquery/">jQuery</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="jQuery" href="http://colorcharge.com/jquery/"><img class="size-full" target="_blank" title="jQuery" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/jquery.jpg" alt="jQuery" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">jQuery</p></div>
<p>&nbsp;</p>
<h2>6. <a href="http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/">jQuery 1.2 Cheat Sheet</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="jQuery 1.2 Cheat Sheet" href="http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/"><img class="size-full" target="_blank" title="jQuery 1.2 Cheat Sheet" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/jquery12.jpg" alt="jQuery 1.2 Cheat Sheet" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">jQuery 1.2 Cheat Sheet</p></div>
<p>&nbsp;</p>
<h2>PHP</h2>
<h2>7. <a href="http://www.dreamincode.net/downloads/ref_sheets/php_reference_sheet.pdf">PHP reference sheet &#8211; basics</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="PHP reference sheet - basics" href="http://www.dreamincode.net/downloads/ref_sheets/php_reference_sheet.pdf"><img class="size-full" target="_blank" title="PHP reference sheet - basics" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/php.jpg" alt="PHP reference sheet - basics" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">PHP reference sheet - basics</p></div>
<p>&nbsp;</p>
<h2>8. <a href="http://www.gosquared.com/images/help_sheets/PHP%20Help%20Sheet%2001.pdf">GoSquared</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="GoSquared" href="http://www.gosquared.com/images/help_sheets/PHP%20Help%20Sheet%2001.pdf"><img class="size-full" target="_blank" title="GoSquared" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/php2.jpg" alt="GoSquared" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">GoSquared</p></div>
<p>&nbsp;</p>
<h2>9. <a href="http://www.blueshoes.org/en/developer/php_cheat_sheet">PHP cheat sheet &#8211; blueshoes</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="PHP cheat sheet - blueshoes" href="http://www.blueshoes.org/en/developer/php_cheat_sheet"><img class="size-full" target="_blank" title="PHP cheat sheet - blueshoes" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/php3.jpg" alt="PHP cheat sheet - blueshoes" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">PHP cheat sheet - blueshoes</p></div>
<p>&nbsp;</p>
<h2>10. <a href="http://designtopx.files.wordpress.com/2009/11/0php-5-online-cheat-sheet-v1-3.pdf">PHP 5 Online Cheat Sheet v1.3</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="PHP 5 Online Cheat Sheet v1.3" href="http://designtopx.files.wordpress.com/2009/11/0php-5-online-cheat-sheet-v1-3.pdf"><img class="size-full" target="_blank" title="PHP 5 Online Cheat Sheet v1.3" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/php5.jpg" alt="PHP 5 Online Cheat Sheet v1.3" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">PHP 5 Online Cheat Sheet v1.3</p></div>
<p>&nbsp;</p>
<h2>Photoshop</h2>
<h2>11. <a href="http://creativetechs.com/tipsblog/adobe-pen-tool-cheatsheet/">Creative Tip: Adobe Pen Tool Cheatsheet</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="Creative Tip: Adobe Pen Tool Cheatsheet" href="http://creativetechs.com/tipsblog/adobe-pen-tool-cheatsheet/"><img class="size-full" target="_blank" title="Creative Tip: Adobe Pen Tool Cheatsheet" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/pen-tool.jpg" alt="Creative Tip: Adobe Pen Tool Cheatsheet" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">Creative Tip: Adobe Pen Tool Cheatsheet</p></div>
<p>&nbsp;</p>
<h2>12. <a href="http://morris-photographics.com/photoshop/shortcuts/#pscs4">Adobe Photoshop CS4 Keyboard Shortcuts</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="Adobe Photoshop CS4 Keyboard Shortcuts" href="http://morris-photographics.com/photoshop/shortcuts/#pscs4"><img class="size-full" target="_blank" title="Adobe Photoshop CS4 Keyboard Shortcuts" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/photoshop-cs4.jpg" alt="Adobe Photoshop CS4 Keyboard Shortcuts" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">Adobe Photoshop CS4 Keyboard Shortcuts</p></div>
<p>&nbsp;</p>
<h2>13. <a href="http://www.creativetechs.com/iq/photoshop_brush_tool_cheatsheet.html">Photoshop Brush Tool Cheatsheet</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="Photoshop Brush Tool Cheatsheet" href="http://www.creativetechs.com/iq/photoshop_brush_tool_cheatsheet.html"><img class="size-full" target="_blank" title="Photoshop Brush Tool Cheatsheet" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/brush-tool.jpg" alt="Photoshop Brush Tool Cheatsheet" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">Photoshop Brush Tool Cheatsheet</p></div>
<p>&nbsp;</p>
<h2>14. <a href="http://www.diyphotography.net/black-white-cheatsheet-for-photoshop">Black &amp; White Cheatsheet For Photoshop</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="Black &#038; White Cheatsheet For Photoshop" href="http://www.diyphotography.net/black-white-cheatsheet-for-photoshop"><img class="size-full" target="_blank" title="Black &#038; White Cheatsheet For Photoshop" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/black.jpg" alt="Black &#038; White Cheatsheet For Photoshop" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">Black &amp; White Cheatsheet For Photoshop</p></div>
<p>&nbsp;</p>
<h2>CSS</h2>
<h2>15. <a href="http://www.addedbytes.com/cheat-sheets/css-cheat-sheet/">CSS Cheat Sheet (V2)</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="CSS Cheat Sheet (V2)" href="http://www.addedbytes.com/cheat-sheets/css-cheat-sheet/"><img class="size-full" target="_blank" title="CSS Cheat Sheet (V2)" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/V2.jpg" alt="CSS Cheat Sheet (V2)" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">CSS Cheat Sheet (V2)</p></div>
<p>&nbsp;</p>
<h2>16. <a href="http://designtopx.files.wordpress.com/2009/11/csscheatsheet.pdf">CSS Shorthand cheat sheet</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="CSS Shorthand cheat sheet" href="http://designtopx.files.wordpress.com/2009/11/csscheatsheet.pdf"><img class="size-full" target="_blank" title="CSS Shorthand cheat sheet" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/css-shorthand.jpg" alt="CSS Shorthand cheat sheet" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">CSS Shorthand cheat sheet</p></div>
<p>&nbsp;</p>
<h2>17. <a href="http://designtopx.files.wordpress.com/2009/11/0css-cheat-sheet.pdf">CSS Shorthand Cheat Sheet</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="CSS Shorthand Cheat Sheet" href="http://designtopx.files.wordpress.com/2009/11/0css-cheat-sheet.pdf"><img class="size-full" target="_blank" title="CSS Shorthand Cheat Sheet" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/css.jpg" alt="CSS Shorthand Cheat Sheet" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">CSS Shorthand Cheat Sheet</p></div>
<p>&nbsp;</p>
<h2>Color</h2>
<h2>18. <a href="http://designtopx.files.wordpress.com/2009/11/rgb-hex-cheat-sheet-v1.pdf">RGB Colour codes</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="RGB Colour codes" href="http://designtopx.files.wordpress.com/2009/11/rgb-hex-cheat-sheet-v1.pdf"><img class="size-full" target="_blank" title="RGB Colour codes" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/color.jpg" alt="RGB Colour codes" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">RGB Colour codes</p></div>
<p>&nbsp;</p>
<h2>19. <a href="http://www.pagetutor.com/common/bgcolors216.html">Web safe color chart</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="Web safe color chart" href="http://www.pagetutor.com/common/bgcolors216.html"><img class="size-full" target="_blank" title="Web safe color chart" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/color2.jpg" alt="Web safe color chart" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">Web safe color chart</p></div>
<p>&nbsp;</p>
<h2>HTML</h2>
<h2>20. <a href="http://designtopx.files.wordpress.com/2009/11/html-help-sheet-02.pdf">GoSquared</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="GoSquared" href="http://designtopx.files.wordpress.com/2009/11/html-help-sheet-02.pdf"><img class="size-full" target="_blank" title="GoSquared" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/html.jpg" alt="GoSquared" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">GoSquared</p></div>
<p>&nbsp;</p>
<h2>21. <a href="http://designtopx.files.wordpress.com/2009/11/html-cheat-sheet-v1.pdf">HTML Cheat sheet v 1</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="HTML Cheat sheet v 1" href="http://designtopx.files.wordpress.com/2009/11/html-cheat-sheet-v1.pdf"><img class="size-full" target="_blank" title="HTML Cheat sheet v 1" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/html2.jpg" alt="HTML Cheat sheet v 1" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">HTML Cheat sheet v 1</p></div>
<p>&nbsp;</p>
<h2>22. <a href="http://designtopx.files.wordpress.com/2009/11/html-character-entities-cheat-sheet.pdf">HTML character entities</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="HTML character entities" href="http://designtopx.files.wordpress.com/2009/11/html-character-entities-cheat-sheet.pdf"><img class="size-full" target="_blank" title="HTML character entities" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/html-char.jpg" alt="HTML character entities" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">HTML character entities</p></div>
<p>&nbsp;</p>
<h2>23. <a href="http://www.elizabethcastro.com/html/extras/xhtml_ref.html">HTML Elements and Attributes</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="HTML Elements and Attributes" href="http://www.elizabethcastro.com/html/extras/xhtml_ref.html"><img class="size-full" target="_blank" title="HTML Elements and Attributes" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/htmlattribute.jpg" alt="HTML Elements and Attributes" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">HTML Elements and Attributes</p></div>
<p>&nbsp;</p>
<h2>24. <a href="http://www.html.su/entities.html">HTML/XHTML Character Entities</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="HTML/XHTML Character Entities" href="http://www.html.su/entities.html"><img class="size-full" target="_blank" title="HTML/XHTML Character Entities" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/html-code.jpg" alt="HTML/XHTML Character Entities" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">HTML/XHTML Character Entities</p></div>
<p>&nbsp;</p>
<h2>25. <a href="http://www.digitalmediaminute.com/reference/entity/index.php">XHTML Character Entity Reference</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="XHTML Character Entity Reference" href="http://www.digitalmediaminute.com/reference/entity/index.php"><img class="size-full" target="_blank" title="XHTML Character Entity Reference" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/html-character.jpg" alt="XHTML Character Entity Reference" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">XHTML Character Entity Reference</p></div>
<p>&nbsp;</p>
<h2>Fonts</h2>
<h2>26. <a href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html">Common fonts to all versions of Windows &#038; Mac equivalents</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="Common fonts to all versions of Windows &#038; Mac equivalents" href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html"><img class="size-full" target="_blank" title="Common fonts to all versions of Windows &#038; Mac equivalents" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/font.jpg" alt="Common fonts to all versions of Windows &#038; Mac equivalents" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">Common fonts to all versions of Windows &#038; Mac equivalents</p></div>
<p>&nbsp;</p>
<h2>27. <a href="http://www.as8.it/handouts/mixing-typefaces_U&#038;lc1992.pdf">Mixing typefaces</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="Mixing typefaces" href="http://www.as8.it/handouts/mixing-typefaces_U&#038;lc1992.pdf"><img class="size-full" target="_blank" title="Mixing typefaces" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/mixing-typeface.jpg" alt="Mixing typefaces" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">Mixing typefaces</p></div>
<p>&nbsp;</p>
<h2>Adobe</h2>
<h2>28. <a href="http://subdivision.co.uk/wp-content/uploads/2009/03/FlashCS4_PC_Shortcuts.pdf">Adobe Flash CS4 Keyboard Shortcuts Cheat Sheet (PC and OS X) </a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="Adobe Flash CS4 Keyboard Shortcuts Cheat Sheet (PC and OS X) " href="http://subdivision.co.uk/wp-content/uploads/2009/03/FlashCS4_PC_Shortcuts.pdf"><img class="size-full" target="_blank" title="Adobe Flash CS4 Keyboard Shortcuts Cheat Sheet (PC and OS X) " src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/flash.jpg" alt="Adobe Flash CS4 Keyboard Shortcuts Cheat Sheet (PC and OS X) " width="577" height="250" /></a></p>
<p><p class="wp-caption-text">Adobe Flash CS4 Keyboard Shortcuts Cheat Sheet (PC and OS X) </p></div>
<p>&nbsp;</p>
<h2>29. <a href="http://www.uwsp.edu/it/ApplicationSupport/appSuppDocsImages/referenceGuides/dreamweaver-quick-reference-cs3.pdf">Dreamweaver CS3 Training</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="Dreamweaver CS3 Training" href="http://www.uwsp.edu/it/ApplicationSupport/appSuppDocsImages/referenceGuides/dreamweaver-quick-reference-cs3.pdf"><img class="size-full" target="_blank" title="Dreamweaver CS3 Training" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/dream.jpg" alt="Dreamweaver CS3 Training" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">Dreamweaver CS3 Training</p></div>
<p>&nbsp;</p>
<h2>30. <a href="http://www.crazyleafdesign.com/blog/images/tutorials/keyboard-shortcuts/illustrator-cs3-mac.pdf">Illustrator CS3</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="Illustrator CS3" href="http://www.crazyleafdesign.com/blog/images/tutorials/keyboard-shortcuts/illustrator-cs3-mac.pdf"><img class="size-full" target="_blank" title="Illustrator CS3" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/illustrator.jpg" alt="Illustrator CS3" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">Illustrator CS3</p></div>
<p>&nbsp;</p>
<h2>31. <a href="http://www.customguide.com/pdf/fireworksmac-quick-reference-cs3.pdf">Fireworks CS3</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="Fireworks CS3" href="http://www.customguide.com/pdf/fireworksmac-quick-reference-cs3.pdf"><img class="size-full" target="_blank" title="Fireworks CS3" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/fireworks.jpg" alt="Fireworks CS3" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">Fireworks CS3</p></div>
<p>&nbsp;</p>
<h2>32. <a href="http://www.nobledesktop.com/download/shortcut_guides/indesign_cs2_shortcuts_mac.pdf">Adobe InDesign CS2</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="Adobe InDesign CS2" href="http://www.nobledesktop.com/download/shortcut_guides/indesign_cs2_shortcuts_mac.pdf"><img class="size-full" target="_blank" title="Adobe InDesign CS2" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/indesign.jpg" alt="Adobe InDesign CS2" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">Adobe InDesign CS2</p></div>
<p>&nbsp;</p>
<h2>Mod rewrite and htaccess</h2>
<h2>33. <a href="http://www.addedbytes.com/apache/mod_rewrite-cheat-sheet/">Mod_rewrite Cheat Sheet (V2)</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="Mod_rewrite Cheat Sheet (V2)" href="http://www.addedbytes.com/apache/mod_rewrite-cheat-sheet/"><img class="size-full" target="_blank" title="Mod_rewrite Cheat Sheet (V2)" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/mod_rewrite-cheat-sheet.jpg" alt="Mod_rewrite Cheat Sheet (V2)" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">Mod_rewrite Cheat Sheet (V2)</p></div>
<p>&nbsp;</p>
<h2>34. <a href="http://www.thejackol.com/htaccess-cheatsheet/">htaccess Cheatsheet</a></h2>
<div class="wp-caption aligncenter" style="width: 587px"></p>
<p style="text-align: center;"><a target="_blank" title="htaccess Cheatsheet" href="http://www.thejackol.com/htaccess-cheatsheet/"><img class="size-full" target="_blank" title="htaccess Cheatsheet" src="http://www.webanddesigners.com/wp-content/uploads/2009/11/cheatsheet/htaccess.jpg" alt="htaccess Cheatsheet" width="577" height="250" /></a></p>
<p><p class="wp-caption-text">htaccess Cheatsheet</p></div>
<p>&nbsp;</p>


<p>Related posts:<ol><li><a href='http://www.webanddesigners.com/top-iphone-application-for-web-designers-and-developers' rel='bookmark' title='Permanent Link: Top iphone application for web designers and developers'>Top iphone application for web designers and developers</a></li>
<li><a href='http://www.webanddesigners.com/20-color-tools-for-web-designers' rel='bookmark' title='Permanent Link: 20 color tools for web designers'>20 color tools for web designers</a></li>
<li><a href='http://www.webanddesigners.com/9-tutorials-to-converting-psd-to-html' rel='bookmark' title='Permanent Link: 9 Tutorials to convert psd to html'>9 Tutorials to convert psd to html</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webanddesigners.com/34-cheat-sheets-for-web-designers-and-developers/feed</wfw:commentRss>
		<slash:comments>53</slash:comments>
		</item>
	</channel>
</rss>
