Шпаргалки для разработчиков пользовательских интерфейсов

Posted by Pavel Podlipensky on August 17 10:00 PM
Подобного рода шпаргалки полезны для запоминания синтаксиса языка, визуального представления взаимосвязей и просто украшают ваш офис. Пользуйтесь на здоровье.<br /> <p> <strong>HTML/XHTML</strong> </p> <h4>1. <a href="http://www.gosquared.com/liquidicity/archives/51">HTML Help Sheet</a></h4> <p> <a href="http://www.gosquared.com/liquidicity/archives/51"><img src="http://images.sixrevisions.com/2008/07/07-01_html_help_sheet.png" alt="HTML Help Sheet Screenshot" width="550" height="200" /></a> </p> <p> <span></span> </p> <ul> <li><a href="http://www.gosquared.com/images/help_sheets/HTML%20Help%20Sheet.pdf">PDF</a></li> </ul> <h4>2. <a href="http://www.addedbytes.com/cheat-sheets/html-cheat-sheet/">HTML Cheat Sheet</a></h4> <p> <a href="http://www.addedbytes.com/cheat-sheets/html-cheat-sheet/"><img src="http://images.sixrevisions.com/2008/07/07-02_html_cheat_sheet.png" alt="HTML Cheat Sheet - Screen shot." width="550" height="200" /></a> </p> <ul> <li><a href="http://www.addedbytes.com/download/html-cheat-sheet-v1/pdf/">PDF</a></li> <li><a href="http://www.addedbytes.com/download/html-cheat-sheet-v1/png/">PNG</a></li> </ul> <h4>3. <a href="http://www.addedbytes.com/cheat-sheets/html-character-entities-cheat-sheet/">HTML Character Entities Cheat Sheet</a></h4> <p> <a href="http://www.addedbytes.com/cheat-sheets/html-character-entities-cheat-sheet/"><img src="http://images.sixrevisions.com/2008/07/07-03_html_character_entities.png" alt="HTML Character Entities Cheat Sheet - Screen shot." width="550" height="200" /></a> </p> <ul> <li><a href="http://www.addedbytes.com/download/html-character-entities-cheat-sheet/pdf/">PDF</a></li> <li><a href="http://www.addedbytes.com/download/html-character-entities-cheat-sheet/png/">PNG</a></li> </ul> <h4>4. <a href="http://floele.flyspray.org/htmlcheatsheet.pdf">XHTML Cheat Sheet v. 1.03</a> – PDF</h4> <p> <a href="http://floele.flyspray.org/htmlcheatsheet.pdf"><img src="http://images.sixrevisions.com/2008/07/07-04_xhtml_cheat_sheet.png" alt="XHTML Cheat Sheet v. 1.03 - screen shot." width="550" height="200" /></a> </p> <h3>CSS</h3> <h4>5. <a href="http://www.addedbytes.com/cheat-sheets/css-cheat-sheet/">CSS Cheat Sheet (V2)</a></h4> <p> <a href="http://www.addedbytes.com/cheat-sheets/css-cheat-sheet/"><img src="http://images.sixrevisions.com/2008/07/07-05_css_cheat_sheet.png" alt="CSS Cheat Sheet (V2) - screen shot." width="550" height="200" /></a> </p> <ul> <li><a href="http://www.addedbytes.com/download/css-cheat-sheet-v2/pdf/">PDF</a></li> <li><a href="http://www.addedbytes.com/download/css-cheat-sheet-v2/png/">PNG</a></li> </ul> <h4>6. <a href="http://lesliefranke.com/files/reference/csscheatsheet.html">CSS Cheat Sheet</a></h4> <p> <a href="http://lesliefranke.com/files/reference/csscheatsheet.html"><img src="http://images.sixrevisions.com/2008/07/07-06_css_version_2.png" alt="CSS Cheat Sheet - screen shot." width="550" height="200" /></a> </p> <ul> <li><a href="http://lesliefranke.com/sandbox/ref/csscheatsheet.pdf">PDF</a></li> <li><a href="http://lesliefranke.com/sandbox/ref/csscheatsheet.html">HTML</a></li> </ul> <h4>7. <a href="http://www.leigeber.com/2008/04/css-shorthand-cheat-sheet/">CSS Shorthand Cheat Sheet</a></h4> <p> <a href="http://www.leigeber.com/2008/04/css-shorthand-cheat-sheet/"><img src="http://images.sixrevisions.com/2008/07/07-07_shorthand_cheat_sheet.png" alt="CSS Shorthand Cheat Sheet - screen shot." width="550" height="200" /></a> </p> <ul> <li><a href="http://www.leigeber.com/wp-content/uploads/2008/04/css-cheat-sheet.pdf">PDF</a></li> </ul> <h4>8. <a href="http://refcards.com/docs/deepx/css1/CSS1.pdf">CSS Level 1 Quick Reference</a> – PDF</h4> <p> <a href="http://refcards.com/docs/deepx/css1/CSS1.pdf"><img src="http://images.sixrevisions.com/2008/07/07-08_css_level_1.png" alt="CSS Level 1 Quick Reference - screen shot." width="550" height="200" /></a> </p> <h4>9. <a href="http://refcards.com/docs/jungb/css2/css2.pdf">CSS Level 2 Quick Reference</a> – PDF</h4> <p> <a href="http://refcards.com/docs/jungb/css2/css2.pdf"><img src="http://images.sixrevisions.com/2008/07/07-09_css_level_2.png" alt="CSS Level 2 Quick Reference - screen shot." width="550" height="200" /></a> </p> <h4>10. <a href="http://www.explainth.at/downloads/cssquick.pdf">CSS2.1 Quick Reference Card</a> – PDF</h4> <p> <a href="http://www.explainth.at/downloads/cssquick.pdf"><img src="http://images.sixrevisions.com/2008/07/07-10_css21_quick_reference_card.png" alt="CSS2.1 Quick Reference Card - screen shot." width="550" height="200" /></a> </p> <h4>11. <a href="http://www.veign.com/downloads/guides/qrg0007.pdf">CSS2 Reference Guide</a> – PDF</h4> <p> <a href="http://www.veign.com/downloads/guides/qrg0007.pdf"><img src="http://images.sixrevisions.com/2008/07/07-11_css_quick_reference.png" alt="CSS2 Reference Guide - screen shot." width="550" height="200" /></a> </p> <h3>JavaScript</h3> <h4>12. <a href="http://www.addedbytes.com/cheat-sheets/javascript-cheat-sheet/">JavaScript Cheat Sheet</a></h4> <p> <a href="http://www.addedbytes.com/cheat-sheets/javascript-cheat-sheet/"><img src="http://images.sixrevisions.com/2008/07/07-12_javascript_cheat_sheet.png" alt="JavaScript Cheat Sheet - screen shot." width="550" height="200" /></a> </p> <ul> <li><a href="http://www.addedbytes.com/download/javascript-cheat-sheet-v1/pdf/">PDF</a></li> <li><a href="http://www.addedbytes.com/download/javascript-cheat-sheet-v1/png/">PNG</a></li> </ul> <h4>13. <a href="http://wps.aw.com/wps/media/objects/2234/2287950/javascript_refererence.pdf">Addison-Wesley’s JavaScript Reference Card</a> – PDF</h4> <p> <a href="http://wps.aw.com/wps/media/objects/2234/2287950/javascript_refererence.pdf"><img src="http://images.sixrevisions.com/2008/07/07-13_javascript_reference_card.png" alt="Addison-Wesley's JavaScript Reference Card - screen shot." width="550" height="200" /></a> </p> <h4>14. <a href="http://www.dannyg.com/ref/jsquickref.html">JavaScript and Browser Objects Quick Reference</a></h4> <p> <a href="http://www.dannyg.com/ref/jsquickref.html"><img src="http://images.sixrevisions.com/2008/07/07-14_javascript_and_browser_object.png" alt="JavaScript and Browser Objects Quick Reference - screen shot." width="550" height="200" /></a> </p> <ul> <li><a href="http://www.dannyg.com/dl/JSB6RefBooklet.pdf">PDF</a></li> </ul> <h4>15. <a href="http://www.wait-till-i.com/stuff/JavaScript-DOM-Cheatsheet.pdf">The most common DOM methods at a glance</a> – PDF</h4> <p> <a href="http://www.wait-till-i.com/stuff/JavaScript-DOM-Cheatsheet.pdf"><img src="http://images.sixrevisions.com/2008/07/07-15_most_common_dom.png" alt="The most common DOM methods at a glance - Screen shot." width="550" height="200" /></a> </p> <h4>16. <a href="http://www.explainth.at/en/qr/jsqr.shtml">JavaScript Quick Reference Card/Cheatsheet</a></h4> <p> <a href="http://www.explainth.at/en/qr/jsqr.shtml"><img src="http://images.sixrevisions.com/2008/07/07-16_explainthat_reference_card.png" alt="avaScript Quick Reference Card/Cheatsheet - Screen shot." width="550" height="200" /></a> </p> <ul> <li><a href="http://www.explainth.at/downloads/jsquick.pdf">PDF</a></li> </ul> <h4>17. <a href="http://mediavrog.net/blog/2008/06/11/mootools/mootools-12-cheat-sheet/">mootools 1.2 cheat sheet</a></h4> <p> <a href="http://mediavrog.net/blog/2008/06/11/mootools/mootools-12-cheat-sheet/"><img src="http://images.sixrevisions.com/2008/07/07-17_mootools_1_2_cheatsheet.png" alt="mootools 1.2 cheat sheet - screen shot." width="550" height="200" /></a> </p> <ul> <li><a href="http://mediavrog.net/blog/wp-content/uploads/2008/06/mootools-12-cheat-sheet.pdf">PDF</a></li> </ul> <h4>18. <a href="http://colorcharge.com/jquery/">jQuery Cheatsheet</a></h4> <p> <a href="http://colorcharge.com/jquery/"><img src="http://images.sixrevisions.com/2008/07/07-18_jquery_cheatsheet.png" alt="jQuery Cheatsheet - screen shot." width="550" height="200" /></a> </p> <ul> <li><a href="http://colorcharge.com/wp-content/uploads/2007/12/jquery12_colorcharge.png">PNG</a></li> </ul> <h4>19. <a href="http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/">jQuery 1.2 Cheat Sheet</a></h4> <p> <a href="http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/"><img src="http://images.sixrevisions.com/2008/07/07-19_jquery_1_2_cheat_sheet.png" alt="jQuery 1.2 Cheat Sheet - screen shot." width="550" height="200" /></a> </p> <ul> <li><a href="http://www.gscottolson.com/jquery/jQuery1.2.cheatsheet.v1.0.pdf">PDF</a></li> </ul> <h4>20. <a href="http://jquery.com/images/jQuery-Map.png">jQuery Visual Map</a> – PNG</h4> <p> <a href="http://jquery.com/images/jQuery-Map.png"><img src="http://images.sixrevisions.com/2008/07/07-20_jquery_visual_map.jpg" alt="jQuery Visual Map - screen shot." width="550" height="200" /></a> </p> <h3>Miscellaneous</h3> <h4>21. <a href="http://www.addedbytes.com/cheat-sheets/colour-chart/">RGB Hex Colour Chart</a></h4> <p> <a href="http://www.addedbytes.com/cheat-sheets/colour-chart/"><img src="http://images.sixrevisions.com/2008/07/07-21_rgb_colour_codes.png" alt="RGB Hex Colour Chart - screen shot." width="550" height="200" /></a> </p> <ul> <li><a href="http://www.addedbytes.com/download/rgb-hex-cheat-sheet-v1/pdf/">PDF</a></li> <li><a href="http://www.addedbytes.com/download/rgb-hex-cheat-sheet-v1/png/">PNG</a></li> </ul> <h4>22. <a href="http://www.seomoz.org/blog/the-web-developers-seo-cheat-sheet">The Web Developer’s SEO Cheat Sheet</a></h4> <p> <a href="http://www.seomoz.org/blog/the-web-developers-seo-cheat-sheet"><img src="http://images.sixrevisions.com/2008/07/07-22_web_developer_seo.png" alt="The Web Developer's SEO Cheat Sheet - screen shot" width="550" height="200" /></a> </p> <ul> <li><a href="http://www.seomoz.org/user_files/SEO_Web_Developer_Cheat_Sheet.pdf">PDF</a></li> </ul> <h4>23. <a href="http://wpcandy.com/articles/tutorials/the-wordpress-help-sheet.html">The WordPress Help Sheet</a></h4> <p> <a href="http://wpcandy.com/articles/tutorials/the-wordpress-help-sheet.html"><img src="http://images.sixrevisions.com/2008/07/07-23_wordpress_help_sheet.png" alt="The WordPress Help Sheet - screen shot." width="550" height="200" /></a> </p> <ul> <li><a href="http://wpcandy.com/wp-content/uploads/WordPress-Help-Sheet.pdf">PDF</a></li> </ul>
Подобного рода шпаргалки полезны для запоминания синтаксиса языка, визуального представления взаимосвязей и просто украшают ваш офис. Пользуйтесь на здоровье.

HTML/XHTML

1. HTML Help Sheet

HTML Help Sheet Screenshot

2. HTML Cheat Sheet

HTML Cheat Sheet - Screen shot.

3. HTML Character Entities Cheat Sheet

HTML Character Entities Cheat Sheet - Screen shot.

4. XHTML Cheat Sheet v. 1.03 – PDF

XHTML Cheat Sheet v. 1.03 - screen shot.

CSS

5. CSS Cheat Sheet (V2)

CSS Cheat Sheet (V2) - screen shot.

6. CSS Cheat Sheet

CSS Cheat Sheet - screen shot.

7. CSS Shorthand Cheat Sheet

CSS Shorthand Cheat Sheet - screen shot.

8. CSS Level 1 Quick Reference – PDF

CSS Level 1 Quick Reference - screen shot.

9. CSS Level 2 Quick Reference – PDF

CSS Level 2 Quick Reference - screen shot.

10. CSS2.1 Quick Reference Card – PDF

CSS2.1 Quick Reference Card - screen shot.

11. CSS2 Reference Guide – PDF

CSS2 Reference Guide - screen shot.

JavaScript

12. JavaScript Cheat Sheet

JavaScript Cheat Sheet - screen shot.

13. Addison-Wesley’s JavaScript Reference Card – PDF

Addison-Wesley's JavaScript Reference Card - screen shot.

14. JavaScript and Browser Objects Quick Reference

JavaScript and Browser Objects Quick Reference - screen shot.

15. The most common DOM methods at a glance – PDF

The most common DOM methods at a glance - Screen shot.

16. JavaScript Quick Reference Card/Cheatsheet

avaScript Quick Reference Card/Cheatsheet - Screen shot.

17. mootools 1.2 cheat sheet

mootools 1.2 cheat sheet - screen shot.

18. jQuery Cheatsheet

jQuery Cheatsheet - screen shot.

19. jQuery 1.2 Cheat Sheet

jQuery 1.2 Cheat Sheet - screen shot.

20. jQuery Visual Map – PNG

jQuery Visual Map - screen shot.

Miscellaneous

21. RGB Hex Colour Chart

RGB Hex Colour Chart - screen shot.

22. The Web Developer’s SEO Cheat Sheet

The Web Developer's SEO Cheat Sheet - screen shot

23. The WordPress Help Sheet

The WordPress Help Sheet - screen shot.

blog comments powered by Disqus