<?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>KDI Media &#187; CSS</title>
	<atom:link href="http://kdi-media.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://kdi-media.com</link>
	<description>Savannah Web Design, WordPress Development and New Media Consulting</description>
	<lastBuildDate>Tue, 26 Apr 2011 01:09:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Useful Cheat Sheets for Web Designers</title>
		<link>http://kdi-media.com/useful-cheat-sheets-for-web-designers/</link>
		<comments>http://kdi-media.com/useful-cheat-sheets-for-web-designers/#comments</comments>
		<pubDate>Mon, 08 Sep 2008 03:58:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Tips]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://kdi-media.com/useful-cheat-sheets-for-web-designers/</guid>
		<description><![CDATA[In this post, you’ll find 28 excellent, useful cheat sheets in various file formats for Photoshop, Dreamweaver, colors, typography, and other web-design related topics all in one page with pictures of each cheat sheet. If you’re looking for front-end web developer cheat sheets (more CSS, HTML, and JavaScript) check outCheat Sheets for Front-end Web Developers. [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fkdi-media.com%2Fuseful-cheat-sheets-for-web-designers%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fkdi-media.com%2Fuseful-cheat-sheets-for-web-designers%2F&amp;source=tybeeguy&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>In this post, you’ll find <strong>28 excellent, useful cheat sheets in  various file formats for Photoshop, Dreamweaver, colors, typography, and other  web-design related topics</strong> all in one page with pictures of each cheat sheet.</p>
<p>If you’re looking for front-end web developer cheat sheets  (more CSS, HTML, and JavaScript) check out<strong><a title="Cheat Sheets for Front-end Web Developers" href="http://sixrevisions.com/resources/cheat_sheets_web_developer/">Cheat Sheets for Front-end  Web Developers</a></strong>.</p>
<p><span id="more-109"></span></p>
<h3>Photoshop</h3>
<h4><a title="Trevor Morris Photographics - Adobe Photoshop Keyboard Shortcuts" href="http://morris-photographics.com/photoshop/shortcuts/#pscs3">Photoshop  CS3 Keyboard Shortcuts Cheat Sheet</a></h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-01_cs3_keyboard_shortcuts.png" alt="Photoshop CS3 Keyboard Shortcuts Cheat Sheet - screen shot." width="550" height="250" /><span class="figure-caption">Downloads: <a title="PDF Download - For Windows" href="http://morris-photographics.com/photoshop/shortcuts/downloads/PSCS3_Keyboard_Shortcuts_PC.pdf">PDF (Windows)</a>, <a title="PDF Download - for Mac" href="http://morris-photographics.com/photoshop/shortcuts/downloads/PSCS3_Keyboard_Shortcuts_Mac.pdf">PDF (Mac)</a></span></p>
<h4><a title="Adobe - Keys for using the Layers palette" href="http://livedocs.adobe.com/en_US/Photoshop/10.0/help.html?content=WS7D245964-27B4-403e-82D5-DDD1CB19A82B.html">Keys for using the Layers  palette</a> (HTML)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-02_keys_for_using_layers.png" alt="Keys for using the Layers palette - screen shot." width="550" height="250" /></p>
<h4><a href="http://simplephotoshop.com/photoshop_tools/index.htm">Photoshop Toolbox Reference</a> (HTML)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-03_photoshop_toolbox_reference.png" alt="Photoshop Toolbox Reference - screen shot" width="550" height="250" /></p>
<h4><a title="CreativeIQ - Staging: Photoshop Lasso Tool Cheatsheet." href="http://www.creativetechs.com/iq-staging/photoshop_lasso_tool_cheatshee.html">Photoshop Lasso  Tool Cheatsheet</a></h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-04_lasso_tool_cheatsheet.png" alt="Photoshop Lasso Tool Cheatsheet - screen shot." width="550" height="250" /><span class="figure-caption">Download: <a title="PDF Download - Photoshop Lasso Tool Cheatsheet" href="http://creativetechs.com/tips/tip_resources/cheatsheets/Photoshop-Lasso-Cheatsheet.pdf">PDF</a></span></p>
<h4><a title="CreativeTechs - Photoshop Brush Tool Cheatsheet" href="http://www.creativetechs.com/iq/photoshop_brush_tool_cheatsheet.html">Photoshop Brush Tool  Cheatsheet</a></h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-05_brush_tool_cheatsheet.png" alt="Photoshop Brush Tool Cheatsheet - screen shot." width="550" height="250" /><span class="figure-caption">Download: <a title="PDF Download - Photoshop Brush Tool Cheatsheet" href="http://creativetechs.com/tips/tip_resources/cheatsheets/Photoshop-Brush-Cheatsheet.pdf">PDF</a></span></p>
<h3>Color</h3>
<h4><a title="Added Bytes - RGB Hex Colour Chart" href="http://www.addedbytes.com/cheat-sheets/colour-chart/">RGB Hex Colour Chart</a></h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-06_rgb_color_codes.png" alt="RGB Hex Colour Chart - Screen shot." width="550" height="250" /><span class="figure-caption">Downloads: <a title="PDF Download" href="http://www.addedbytes.com/download/rgb-hex-cheat-sheet-v1/pdf/">PDF</a>, <a title="PNG Download" href="http://www.addedbytes.com/download/rgb-hex-cheat-sheet-v1/png/">PNG</a></span></p>
<h4><a href="http://www.veign.com/downloads/guides/qrg0006.pdf">Color  Reference Guide</a> (PDF)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-07_veign_color_reference_guide.png" alt="Color Reference Guide - screen shot." width="550" height="250" /></p>
<h4><a title="Visibone - Web Designer's Color Reference Hexagon Mouse Pad" href="http://www.visibone.com/color/hexagon3x.html">Web  Designer Color Reference Hexagon  Mouse  Pad</a></h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-08_hexagon_moust.png" alt="Web Designer Color Reference Hexagon Mouse Pad - screen shot." width="550" height="250" /><span class="figure-caption">Download: <a title="GIF Download - Hexagon_800.gif" href="http://www.visibone.com/color/hexagon_800.gif">GIF</a></span></p>
<h4><a title="Page Tutor - 216 color chart" href="http://www.pagetutor.com/common/bgcolors216.html">Web Safe Color Chart</a> (HTML)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-09_web_safe_color_chart.png" alt="Web Safe Color Chart - screen shot." width="550" height="250" /></p>
<h4><a href="http://www.funky-chickens.com/hex.html">Hexidecimal  Color Chart</a> (HTML)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-10_funky_chicken.png" alt="Hexidecimal Color Chart - screen shot." width="550" height="250" /></p>
<h4><a href="http://www.cookwood.com/html4_4e/examples/appendices/colorcharthex.html">The  Browser Safe Colors</a> (HTML)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-11_the_browser_safe_colors.png" alt="The Browser Safe Colors - screen shot." width="550" height="250" /></p>
<h3>Typography</h3>
<h4><a title="Visibone - VisiBone Font Card" href="http://www.visibone.com/font/">VisiBone Font Card</a></h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-12_font_chart.png" alt="VisiBone Font Card - screen shot." width="550" height="250" /><span class="figure-caption">Download: <a href="http://www.visibone.com/font/fcht_874.gif">GIF</a></span></p>
<h4><a href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html">Common fonts to  all versions of Windows &amp; Mac equivalents</a> (HTML)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-13_windows_font.png" alt="Common fonts to all versions of Windows &amp; Mac equivalents - screen shot." width="550" height="250" /></p>
<h4><a title="PDF Download - Mixing Typefaces" href="http://www.as8.it/handouts/mixing-typefaces_U&amp;lc1992.pdf">Mixing Typefaces</a> (PDF)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-14_mixing_typefaces.png" alt="Free Fonts Cheat Sheet - screen shot." width="550" height="250" /></p>
<h3>Units/Dimension</h3>
<h4><a title="Reed Design - Approximate Conversion from Points to Pixels" href="http://www.reeddesign.co.uk/test/points-pixels.html">Approximate  Conversion from Points to Pixels</a> (HTML)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-15_approximate_conversion.png" alt="Approximate Conversion from Points to Pixels - screen shot." width="550" height="250" /></p>
<h4><a title="Design215 - megapixels comparison and maximum print size charts" href="http://www.design215.com/toolbox/megapixels.php">Megapixels  Chart</a></h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-16_megapixels_chart.png" alt="Megapixels Chart - screen shot." width="550" height="250" /><span class="figure-caption">Download: <a title="GIF Download - Megapixels Chart" href="http://www.design215.com/toolbox/images/megapixels.gif">GIF</a></span></p>
<h3>CSS/CSS Frameworks</h3>
<h4><a title="The Montoya Herald - Blueprint CSS Cheat Sheet" href="http://www.christianmontoya.com/2007/11/12/blueprint-css-cheat-sheet/">Blueprint CSS Cheat  Sheet</a></h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-17_blueprint_css.png" alt="Blueprint CSS Cheat Sheet - screen shot." width="550" height="250" /><span class="figure-caption">Download: <a title="PDF Download - Blueprint CSS Cheat Sheet" href="http://www.digitart.net/blueprintcss/bluebrintcss.pdf">PDF</a></span></p>
<h4><a title="YUI Library - CSS Reset, Base, Fonts, and Grids" href="http://yuiblog.com/assets/pdf/cheatsheets/css.pdf">YUI Library: CSS Reset,  Base, Fonts, and Grids</a> (PDF)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-18_yui_library.png" alt="YUI Library: CSS Reset, Base, Fonts, and Grids - screen shot." width="550" height="250" /></p>
<h4><a href="http://www.eddiewelker.com/wp-content/uploads/2007/09/csscheatsheet.pdf">CSS  Shorthand Cheat Sheet</a> (PDF)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-19_css_shorthand_cheat_sheet.png" alt="CSS Shorthand Cheat Sheet - screen shot." width="550" height="250" /></p>
<h4><a title="Apple Dashboard Widgets - CSS Cheat Sheet" href="http://www.apple.com/downloads/dashboard/developer/csscheatsheet.html">Apple’s CSS Cheat Sheet  Widget</a> (Mac Dashboard Widget)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-20_apple_css_cheat_sheet.jpg" alt="Apple's CSS Cheat Sheet Widget - screen shot." width="550" height="250" /></p>
<h3>HTML/XHTML</h3>
<h4><a href="http://home.uchicago.edu/~gan/file/html.pdf">HTML  &amp; XHTML Tag Quick Reference</a> (PDF)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-21_html_xhtml_quick_ref.png" alt="HTML &amp; XHTML Tag Quick Reference - screen shot." width="550" height="250" /></p>
<h4><a href="http://www.html.su/entities.html">HTML/XHTML  Character Entities</a></h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-22_xhtml_character_entitites.png" alt="HTML/XHTML Character Entities - screen shot." width="550" height="250" /></p>
<h4><a href="http://www.digitalmediaminute.com/reference/entity/index.php">XHTML  Character Entity Reference</a> (HTML)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-23_html_xhtml_character.png" alt="XHTML Character Entity Reference - screen shot." width="550" height="250" /></p>
<h3>Dreamweaver</h3>
<h4><a href="http://www.uwsp.edu/it/ApplicationSupport/appSuppDocsImages/referenceGuides/dreamweaver-quick-reference-cs3.pdf">Dreamweaver  Quick Reference Guide</a> (PDF)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-24_dreamweaver_quick_reference.png" alt="Dreamweaver Quick Reference Guide - screen shot." width="550" height="250" /></p>
<h4><a href="http://daviddiskin.com/documents/Dreamweaver%20CS3%20for%20Mac.pdf">Dreamweaver  CS3 for Mac Quick Reference Card</a> (PDF)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-25_dreamweaver_cs3_mac.png" alt="Dreamweaver CS3 for Mac Quick Reference Card - screen shot." width="550" height="250" /></p>
<h3>Illustrator</h3>
<h4><a href="http://www.nobledesktop.com/shortcuts-illustratorcs2-mac.html">Adobe  Illustrator CS2 Keyboard Shortcuts – MAC</a></h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-26_illustrator.png" alt="Adobe Illustrator CS2 Keyboard Shortcuts – MAC - screen shot." width="550" height="250" /><span class="figure-caption">Download: <a href="http://www.nobledesktop.com/download/shortcut_guides/illustrator_cs2_shortcuts_mac.pdf">PDF</a></span></p>
<h3>Browsers</h3>
<h4><a href="http://centricle.com/ref/css/filters/?highlight_columns=true">Will the  browser apply the rule(s)?</a> (HTML)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-27_browser_rules.png" alt="Will the browser apply the rule(s)? - screen shot." width="550" height="250" /></p>
<h4><a href="http://www.quirksmode.org/dom/compatibility.html#t00">W3C DOM  Compatibility Tables</a> (HTML)</h4>
<p><img src="http://images.sixrevisions.com/2008/09/07-28_w3c_dom_compatibility.png" alt="W3C DOM Compatibility Tables - screen shot." width="550" height="250" /></p>
<h3>(Possibly) Related Posts</h3>
<ul>
<li><a href="http://sixrevisions.com/resources/cheat_sheets_web_developer/"><strong>Cheat Sheets for Front-end Web Developers</strong></a></li>
<li><a href="http://sixrevisions.com/tools/useful_web_analytics_tools/"><strong>7 Incredibly Useful Tools for Evaluating a Web Design</strong></a></li>
<li><a href="http://sixrevisions.com/css/30_css_techniques_examples/"><strong>30 Exceptional CSS Techniques and Examples </strong></a></li>
</ul>
<p><img src="http://feeds.feedburner.com/~r/SixRevisions/~4/386078514" alt="" width="1" height="1" /></p>
<p>(Via <a href="http://sixrevisions.com">Six Revisions</a>.)</p>
]]></content:encoded>
			<wfw:commentRss>http://kdi-media.com/useful-cheat-sheets-for-web-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

