<?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>paitadesignblog &#187; reference</title>
	<atom:link href="http://www.paitadesign.com/blog/tag/reference/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.paitadesign.com/blog</link>
	<description>HTML, CSS e tutto il resto</description>
	<lastBuildDate>Tue, 17 Aug 2010 22:24:12 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Cheat Sheets per il Web Design</title>
		<link>http://www.paitadesign.com/blog/cheat-sheet-per-il-web-design/</link>
		<comments>http://www.paitadesign.com/blog/cheat-sheet-per-il-web-design/#comments</comments>
		<pubDate>Fri, 29 Jan 2010 19:37:29 +0000</pubDate>
		<dc:creator>Giacomo Paita</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Cheat Sheets]]></category>
		<category><![CDATA[guida]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[reference]]></category>

		<guid isPermaLink="false">http://www.paitadesign.com/blog/?p=305</guid>
		<description><![CDATA[


Articoli correlati:<ol><li><a href='http://www.paitadesign.com/blog/seo-guida-pratica-ottimizzazione-posizionamento-motori-di-ricerca/' rel='bookmark' title='Permanent Link: SEO: guida pratica per ottimizzazione e posizionamento nei motori di ricerca'>SEO: guida pratica per ottimizzazione e posizionamento nei motori di ricerca</a></li>
<li><a href='http://www.paitadesign.com/blog/come-eliminare-il-bordo-tratteggiato-attorno-a-un-link-usabilita-web/' rel='bookmark' title='Permanent Link: Eliminare il bordo tratteggiato attorno a un link mantenendo l&#8217;usabilit&agrave;'>Eliminare il bordo tratteggiato attorno a un link mantenendo l&#8217;usabilit&agrave;</a></li>
<li><a href='http://www.paitadesign.com/blog/html5-nuovi-tag-anteprima-delle-innovazioni/' rel='bookmark' title='Permanent Link: HTML5: tag nuovi e anteprima delle novità'>HTML5: tag nuovi e anteprima delle novità</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Le <strong>Cheat Sheets</strong> per il <strong>Web Design</strong> sono degli <strong>strumenti utili</strong> per ricordare le cose in fretta, soprattutto se si parla di <em>sintassi di codice</em> che magari non scriviamo tutti i giorni, e per avere un <em>aiuto veloce</em> con facili riferimenti visivi. <br />Se abbiamo dimenticato il nome di una funzione o la propriet&agrave; di un foglio di stile <acronym title="Cascading Style Sheets">CSS</acronym> &#8211; le <strong>Cheat Sheets</strong> <a href="http://blog.html.it/18/01/2010/la-forza-dei-cheat-sheet/" title="La forza dei cheat sheet" target="_blank">forniscono le informazioni</a> che stiamo cercando &#8211; immediatamente.</p>
<p><span id="more-305"></span>Le Cheat Sheet sono uno strumento di riferimento che fornisce <em>semplici, brevi istruzioni per realizzare un compito specifico</em>. </p>
<p>Ecco quindi di seguito una selezione di <strong>riferimenti rapidi</strong> per numerosi <em>linguaggi e tecnologie web</em>, gratuiti e stampabili:</p>
<p></p>
<h2><acronym title="American Standard Code for Information Interchange">ASCII</acronym> &#8211; Caratteri speciali</h2>
<p><a href="http://www.elizabethcastro.com/html/extras/entities.html" title="Character Entity References in HTML 4 and XHTML 1.0" target="_blank">Character Entity References in <acronym title="HyperText Markup Language">HTML</acronym> 4 and <acronym title="eXtensible HyperText Markup Language">XHTML</acronym> 1.0</a><br />
<a href="http://www.utexas.edu/learn/html/spchar.html" title="HTML: Special Characters" target="_blank"><acronym title="HyperText Markup Language">HTML</acronym>: Special Characters</a><br />
<a class="hotLink" href="http://dualunit.ch/en/tools/cp1252-characters/" title="HTML special character reference" target="_blank">Decimal ASCII code, Reference, URL code and <acronym title="HyperText Markup Language">HTML</acronym> entity</a><br />
<a href="http://www.chami.com/tips/internet/050798I.html" title="HTML special character reference" target="_blank"><acronym title="HyperText Markup Language">HTML</acronym> special character reference</a><br />
<a href="http://tlt.its.psu.edu/suggestions/international/web/codehtml.html" title="HTML - Special Entity Codes" target="_blank"><acronym title="HyperText Markup Language">HTML</acronym> &#8211; Special Entity Codes </a><br />
<a href="http://www.webdesignerwall.com/tutorials/using-html-symbol-entities/" title="Using HTML Symbol Entities" target="_blank">Using <acronym title="HyperText Markup Language">HTML</acronym> Symbol Entities</a></p>
<h2>Colori e web</h2>
<p><a href="http://coloreminder.com/" title="Find colors easily and inspiration" target="_blank">Coloreminder.com; find colors palette easily and inspiration</a><br />
<a href="http://www.addedbytes.com/cheat-sheets/colour-chart/" title="A free, printer-friendly RGB Hex colour chart for web designers. " target="_blank">RGB Hex Colour Chart</a><br />
<a href="http://www.pagetutor.com/common/bgcolors216.html " title="Web safe color chart" target="_blank">Web safe color chart</a><br />
<a href="http://www.elizabethcastro.com/html4_4e/examples/appendices/colorcharthex.html" title="The browser safe colors" target="_blank">The browser safe colors</a></p>
<h2><acronym title="Cascading Style Sheets">CSS</acronym></h2>
<p><a class="hotLink" href="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/05/CSS2-Help-Sheet.pdf" title="CSS 2.1 Guide" target="_blank"><acronym title="Cascading Style Sheets">CSS</acronym>2.1 Sheet </a><br />
<a class="hotLink" href="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/05/CSS3-Help-Sheet1.pdf" title="CSS 3 Guide" target="_blank"><acronym title="Cascading Style Sheets">CSS</acronym>3 Sheet </a><br />
<a href="http://www.dustindiaz.com/css-shorthand/" title="CSS Shorthand Guide" target="_blank"><acronym title="Cascading Style Sheets">CSS</acronym> Shorthand Guide</a><br />
<a href="http://www.blooberry.com/indexdot/css/propindex/all.htm" title="CSS Property Index" target="_blank"><acronym title="Cascading Style Sheets">CSS</acronym> Property Index</a><br />
<a href="http://www.addedbytes.com/cheat-sheets/css-cheat-sheet/" title="a quick reference guide for CSS" target="_blank"><acronym title="Cascading Style Sheets">CSS</acronym> Cheat Sheet (V2)</a><br />
<a href="http://www.communitymx.com/content/article.cfm?cid=2795D" title="use it to learn the nuts and bolts of working with CSS" target="_blank"><acronym title="Cascading Style Sheets">CSS</acronym> Cheat Sheet: Inheritance, Cascade, Specificity</a><br />
<a href="http://www.eddiewelker.com/wp-content/uploads/2007/09/csscheatsheet.pdf" target="_blank"><acronym title="Cascading Style Sheets">CSS</acronym> Shorthand Cheat Sheet</a><br />
<a href="http://www.elizabethcastro.com/html/extras/cssref.html" title="CSS HTML XHTML Reference Book" target="_blank"><acronym title="Cascading Style Sheets">CSS</acronym> Properties and Values</a><br />
<a href="http://www.zachgraeve.com/images/cssBox/" target="_blank">Esempi di utilizzo di CSS</a><br />
<a href="http://centricle.com/ref/css/filters/" title="centricle : css filters (css hacks)" target="_blank">Will the browser apply the rule(s)?</a></p>
<h2><acronym title="Cascading Style Sheets">CSS3</acronym></h2>
<p><a href="http://www.css3.info/" title="Tutto quello che c'è da sapere su CSS3" target="_blank">Tutto quello che c&#8217;&egrave; da sapere su <acronym title="Cascading Style Sheets">CSS3</acronym></a></p>
<h2>Google</h2>
<p><a href="http://www.googleguide.com/advanced_operators_reference.html" title="Google Guide Quick Reference: Google Advanced Operators" target="_blank">Google Guide Quick Reference: Google Advanced Operators</a><br />
<a href="http://hacknmod.com/hack/the-google-cheat-sheets-everything-you-need-to-know/" title="Google tool, trick, and application you never knew existed" target="_blank">The Google Cheat Sheets: Everything You Need To Know</a></p>
<h2>Freelance</h2>
<p><a href="http://www.mediainspiration.com/contents/downloads/designerforms/PDF_forms/terms_and_conditions.pdf" title="Agreement between DESIGNER and business or individual identified on this agreement." target="_blank">Esempio di contratto per prestazione occasionale</a><br />
<a href="http://www.dblog.it/public/sito-web-elenco-verifiche-prima-di-pubblicare-projectmanager-italiano.pdf" title="Cosa controllare prima e durante la pubblicazione di un sito web" target="_blank">Pubblicare un sito web: verifiche e controlli preventivi</a></p>
<h2><acronym title="HyperText Markup Language">HTML 5</acronym></h2>
<p><a href="http://woorkup.com/2009/12/16/html5-visual-cheat-sheet-reloaded/ " title="HTML5 Visual Cheat Sheet" target="_blank"><acronym title="HyperText Markup Language">HTML 5</acronym> Visual Cheat Sheet (Reloaded)</a><br />
<a href="http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/" title="HTML 5 Cheat Sheet" target="_blank"><acronym title="HyperText Markup Language">HTML 5</acronym> Cheat Sheet</a></p>
<h2>HTML/<acronym title="eXtensible HyperText Markup Language">XHTML</acronym></h2>
<p><a href="http://www.angelfire.com/nm/thehtmlsource/html/cheatsheet.html " title="HTML Cheat Sheet   " target="_blank"><acronym title="HyperText Markup Language">HTML</acronym> Cheat Sheet</a><br />
<a href="http://www.killersites.com/HTML_CODES/index.php" title="HTML Codes Cheat Sheet" target="_blank"><acronym title="HyperText Markup Language">HTML</acronym> Codes Cheat Sheet</a><br />
<a href="http://www.elizabethcastro.com/html/extras/entities.html " title="Character Entity References in HTML 4 and XHTML 1.0" target="_blank">Character Entity References in <acronym title="HyperText Markup Language">HTML</acronym> 4 and <acronym title="eXtensible HyperText Markup Language">X<acronym title="HyperText Markup Language">HTML</acronym></acronym> 1.0</a><br />
<a href="http://www.psacake.com/web/dy.asp" title="HTML Cheat Sheet: quick reference guide" target="_blank"><acronym title="HyperText Markup Language">HTML</acronym> Cheat Sheet: quick reference guide </a><br />
<a href="http://htmlguide.drgrog.com/alpha/cheatindex.html " title="A Simple Guide To HTML" target="_blank">A Simple Guide To <acronym title="HyperText Markup Language">HTML</acronym></a><br />
<a href="http://www.quirksmode.org/compatibility.html" title="Browser Compatibility Master Table" target="_blank">Browser Compatibility Master Table</a><br />
<a href="http://www.html.su/" title="HTML/XHTML in one page" target="_blank">HTML/<acronym title="eXtensible HyperText Markup Language">XHTML</acronym> in one page</a></p>
<h2>jQuery</h2>
<p><a href="http://labs.impulsestudios.ca/downloads/impulse_studios-jquery_cheat_sheet-1.0.pdf" title="jQuery 1.4 Cheat Sheet" target="_blank">jQuery 1.4 Cheat Sheet</a><br />
<a href="http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html" title="jQuery Visual Cheat Sheet " target="_blank">Woork: jQuery Visual Cheat Sheet</a></p>
<h2>Lorem Ipsum generators</h2>
<p><a href="http://www.adhesiontext.com/" title="Dynamic text generation tool that it allows you to introduce which characters you want included in your filler text." target="_blank">Render dummy text in English, French, German&#8230;</a></p>
<h2>Mac OS</h2>
<p><a href="http://www.multimedialab.be/doc/tech/doc_osx_short_ref_guide.pdf" title="The OS X Keyboard" target="_blank">The OS X Keyboard</a><br />
</p>
<h2>Programmi Adobe</h2>
<p><a href="http://subdivision.co.uk/wp-content/uploads/2009/02/DreamweaverCS4_PC_Shortcuts.pdf" title="Dreamweaver Cheat Sheet">Dreamweaver CS4: Cheat Sheet and shortcuts</a><br />
<a href="http://simplephotoshop.com/photoshop_tools/index.htm" title="This section of the site is a comprehensive Photoshop Toolbox reference." target="_blank">Photoshop: Toolbox Reference</a><br />
<a href="http://subdivision.co.uk/wp-content/uploads/2009/03/FlashCS4_PC_Shortcuts.pdf" title="flash cs4" target="_blank">Flash CS4: PC Shortcuts</a></p>
<h2><acronym title="Search engine optimization">SEO</acronym></h2>
<p><a href="http://www.seomoz.org/blog/the-web-developers-seo-cheat-sheet" title="Accepted SEO techniques and small business practices." target="_blank">Web Developer&#8217;s <acronym title="Search engine optimization">SEO</acronym> Cheat Sheet</a></p>
<h2>Tipografia e Font</h2>
<p><a href="http://kv5r.com/articles/dev/font-family.asp" title="The New CSS Font-Family List" target="_blank">The New <acronym title="Cascading Style Sheets">CSS</acronym> Font-Family List</a><br />
<a href="http://reeddesign.co.uk/test/points-pixels.html" title="chart that converts points to pixels" target="_blank">Approximate Conversion from Points to Pixels</a><br />
<a href="http://pxtoem.com/ " title="PX to EM conversion made simple." target="_blank">PX to EM conversion made simple.</a><br />
<a href="http://www.typetester.org/" title="Compare screen type" target="_blank">Compare screen type</a><br />
<a href="http://www.webdesigndev.com/web-development/16-gorgeous-web-safe-fonts-to-use-with-css" title="nice resource list of stunning web safe fonts that you can use with CSS stylesheets." target="_blank">16 Gorgeous Web Safe Fonts To Use With <acronym title="Cascading Style Sheets">CSS</acronym></a><br />
<a href="http://speckyboy.com/2007/12/30/top-10-web-safe-blogging-fonts/ " title="List of the most commonly used fonts for Blogging and Web Design." target="_blank">Top 10 (Web Safe) Blogging Fonts</a><br />
<a href="http://www.tripwiremagazine.com/2009/07/how-safe-are-web-safe-font-families-really.html" title="Websafe Font Families" target="_blank">How safe are Web-safe Font Families really? Font preview</a></p>
<h2><acronym title="user interface">UI</acronym> and wireframing</h2>
<p><a href="http://www.jankoatwarpspeed.com/post/2009/12/24/sketching-wireframing-kit.aspx" title="Sketching &#038; Wireframing kit is a free set of elements for sketching and wireframing. " target="_blank">Sketching &#038; Wireframing kit free set</a><br />
<a href="http://www.smashingmagazine.com/2010/02/05/50-free-ui-and-web-design-wireframing-kits-resources-and-source-files/ " title="wireframing kits, browser windows, form elements, grids, Mac OS X elements, mobile elements" target="_blank"><acronym title="user interface">UI</acronym> and wireframing tools</a><br />
<a href="http://www.designerstoolbox.com/designresources/safearea/compare/" title="Compare Web Safe Area" target="_blank">Browser Safe Area</a></p>
<h2>Windows</h2>
<p><a href="http://tlt.its.psu.edu/suggestions/international/accents/codealt.html" title="This page list codes for accented letters and other characters. " target="_blank">Alt Key + Numeric Codes</a></p>
<h2>WordPress</h2>
<p><a href="http://ekinertac.com/wp-content/uploads/2009/07/Wordpress-Cheat-Sheet.pdf" target="_blank">WordPress Cheat Sheet</a> <br />
<a href="http://www.magnificaweb.it//files/wordpress-cheat-sheet-ita.pdf" title="WordPress Help Sheet" target="_blank">WordPress Help Sheet in Italiano</a></p>
<h2>Cheat Sheet per tutto, tutte insieme!</h2>
<p><a href="http://www.cheat-sheets.org/ http://www.addedbytes.com/cheat-sheets/" title="All cheat sheets, round-ups, quick reference cards," target="_blank">All cheat sheets, round-ups, quick reference cards.</a></p>
<div class="resources">
<h3>Letture consigliate</h3>
<p>  <a href="http://www.allwebdesignresources.com/webdesignblogs/graphics/30-css-cheat-sheets-quick-reference-guides/" title="30+ CSS Cheat Sheets &#038; Quick Reference Guides" target="_blank">30+ <acronym title="Cascading Style Sheets">CSS</acronym> Cheat Sheets &#038; Quick Reference Guides</a><a href="http://www.allwebdesignresources.com/webdesignblogs/graphics/30-css-cheat-sheets-quick-reference-guides/" target="_blank"></a><br />
  <a href="http://www.webresourcesdepot.com/70-practical-cheat-sheats-for-web-designers-and-developers/" title="70+ well-categorized cheat sheets" target="_blank">70+ Practical Cheat Sheets For Web Designers And Developers</a><a href="http://www.webresourcesdepot.com/70-practical-cheat-sheats-for-web-designers-and-developers/" target="_blank"></a><br /> <a href="http://www.smashingtips.com/mac-leopard-cheat-sheets" title="Cheat sheets will contain most of the shortcuts needed to program faster." target="_blank">16 useful Mac cheat Sheets</a></p>
</div>


<!-- Begin SexyBookmarks Menu Code -->
<div class="sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-sexy">
<ul class="socials">
		<li class="sexy-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.paitadesign.com/blog/cheat-sheet-per-il-web-design/&amp;t=Cheat+Sheets+per+il+Web+Design" rel="" class="external" title="Condividi suFacebook">Condividi suFacebook</a>
		</li>
		<li class="sexy-delicious">
			<a href="http://del.icio.us/post?url=http://www.paitadesign.com/blog/cheat-sheet-per-il-web-design/&amp;title=Cheat+Sheets+per+il+Web+Design" rel="" class="external" title="Condividi sudel.icio.us">Condividi sudel.icio.us</a>
		</li>
		<li class="sexy-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.paitadesign.com/blog/cheat-sheet-per-il-web-design/&amp;title=Cheat+Sheets+per+il+Web+Design&amp;summary=Le%20Cheat%20Sheets%20per%20il%20Web%20Design%20sono%20degli%20strumenti%20utili%20per%20ricordare%20le%20cose%20in%20fretta%2C%20soprattutto%20se%20si%20parla%20di%20sintassi%20di%20codice%20che%20magari%20non%20scriviamo%20tutti%20i%20giorni%2C%20e%20per%20avere%20un%20aiuto%20veloce%20con%20facili%20riferimenti%20visivi.%20Se%20abbiamo%20dimenticato%20il%20nome%20di%20una%20funzione%20o%20la%20propriet&amp;source=paitadesignblog" rel="" class="external" title="Condividi suLinkedIn">Condividi suLinkedIn</a>
		</li>
		<li class="sexy-twitter">
			<a href="http://twitter.com/home?status=Cheat+Sheets+per+il+Web+Design+-+http://b2l.me/e27ux+(via+@paitadesign)" rel="" class="external" title="Tweetalo!">Tweetalo!</a>
		</li>
		<li class="sexy-mail">
			<a href="mailto:?subject=%22Cheat%20Sheets%20per%20il%20Web%20Design%22&amp;body=I%20thought%20this%20article%20might%20interest%20you.%0A%0A%22Le%20Cheat%20Sheets%20per%20il%20Web%20Design%20sono%20degli%20strumenti%20utili%20per%20ricordare%20le%20cose%20in%20fretta%2C%20soprattutto%20se%20si%20parla%20di%20sintassi%20di%20codice%20che%20magari%20non%20scriviamo%20tutti%20i%20giorni%2C%20e%20per%20avere%20un%20aiuto%20veloce%20con%20facili%20riferimenti%20visivi.%20Se%20abbiamo%20dimenticato%20il%20nome%20di%20una%20funzione%20o%20la%20propriet%22%0A%0AYou%20can%20read%20the%20full%20article%20here%3A%20http://www.paitadesign.com/blog/cheat-sheet-per-il-web-design/" rel="" class="external" title="Vuoi segnalarlo via mail ad un amico?">Vuoi segnalarlo via mail ad un amico?</a>
		</li>
		<li class="sexy-myspace">
			<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://www.paitadesign.com/blog/cheat-sheet-per-il-web-design/&amp;t=Cheat+Sheets+per+il+Web+Design" rel="" class="external" title="Pubblicalo suMySpace">Pubblicalo suMySpace</a>
		</li>
		<li class="sexy-comfeed">
			<a href="http://www.paitadesign.com/blog/cheat-sheet-per-il-web-design/feed" rel="" class="external" title="Vuoi iscriverti ai commenti per questo post?">Vuoi iscriverti ai commenti per questo post?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
<!-- End SexyBookmarks Menu Code -->



<p>Articoli correlati:</p><ol><li><a href='http://www.paitadesign.com/blog/seo-guida-pratica-ottimizzazione-posizionamento-motori-di-ricerca/' rel='bookmark' title='Permanent Link: SEO: guida pratica per ottimizzazione e posizionamento nei motori di ricerca'>SEO: guida pratica per ottimizzazione e posizionamento nei motori di ricerca</a></li>
<li><a href='http://www.paitadesign.com/blog/come-eliminare-il-bordo-tratteggiato-attorno-a-un-link-usabilita-web/' rel='bookmark' title='Permanent Link: Eliminare il bordo tratteggiato attorno a un link mantenendo l&#8217;usabilit&agrave;'>Eliminare il bordo tratteggiato attorno a un link mantenendo l&#8217;usabilit&agrave;</a></li>
<li><a href='http://www.paitadesign.com/blog/html5-nuovi-tag-anteprima-delle-innovazioni/' rel='bookmark' title='Permanent Link: HTML5: tag nuovi e anteprima delle novità'>HTML5: tag nuovi e anteprima delle novità</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.paitadesign.com/blog/cheat-sheet-per-il-web-design/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
