Perfection kills

Exploring Javascript by example

Prototype 1.6.0.2 Cheat Sheet

January 22nd, 2008 by kangax (Permalink)

Prototype 1.6+ cheat sheet

A long awaited Prototype cheat sheet - a full reference to a bleeding edge 1.6.0.2 is finally here. I had no experience creating something like this before, so any bugs or suggestions are very much appreciated. Couple of notes about notations:

  • Modules are sorted in a somewhat logical order - those commonly used are mostly in the left/center area, while deprecated/utility methods are all the way to the right
  • Method can be recognized by parentheses following it (anything that doesn’t have ones is a property)
  • Deprecated items are marked red and have NO parentheses/arguments specified
  • Prototype extends quite few native objects’ prototypes with a set of convenient methods. In such cases there’s an explicit note about it next to a module name - i.g. stripScripts() method from “String (String.prototype)” can be called as 'foo'.stripScripts()
  • When a module is also a class, there’s a “(constructor)” note next to it - i.g. “Hash (constructor)” means that it should be called as new Hash()
  • There are few bonus items (such as those from Prototype.Browser) which are not yet included in documentation

Download (36047 downloads) and Enjoy!

Update:
I have managed to choose the most retarded format for the cheat sheet - almost squared - which was impossible to print or navigate. Sincere apologies. There is an updated version at the same address which also fixes few other annoyances:

  • Ajax.Responders is now a separate section
  • Added missing Event.fire
  • Added Prototype.BrowserFeatures.XPath
  • Added simple “Dimensions/Offsets” diagram
  • Minor rearrangements

Update 2:
Uploaded a Higher Contrast version (6636 downloads)
Seems to look much better when printed.

Categories: cheat sheet

Comments (136)

  1. Gravatar

    nickevin said:

    Thx to share!

  2. Gravatar

    Venu said:

    Keep up the good work.

  3. Gravatar

    seb said:

    Great, it should be available on htpp://prototypejs.org

  4. Gravatar

    Bertrand Gorge said:

    Would be nice to have it in A4 (european format). A cheat sheet that doesn't fill the space somewhat defeats the purpose !

    Thanks for the effort, though !

  5. Gravatar

    Rauan Maemirov said:

    Hi! Nice work. But what about Event.fire()?

  6. Gravatar

    barabba said:

    Thx !
    But in A4 please !

  7. Gravatar

    louis w said:

    Great job.
    My only request would be that it's made in 8.5 x 11 so people in us can print it out.

  8. Gravatar

    kangax (article author) said:

    Fixed bunch of things (you could see them in "update" section of the post). Thanks for great tips, everyone!

  9. Gravatar

    su6z3r0 said:

    Awesome! Thank you so much!!!

  10. Gravatar

    Steve Prior said:

    When I print it (on 8.5x11 paper with an inkjet printer) most of the black on the page seems to be a dark gray so especially the smallest text is in pretty low contrast and the red text is pretty light. The diagram text in the lower right is much darker. I have pretty good eyesight, but it's still pretty fine for me to read. Would it be possible to increase the contrast on all the text to make it pop a little bit more?

  11. Gravatar

    kangax (article author) said:

    Steve,

    Good point!
    I'll try to make a high-contrast (black/white) version as soon as a I get a chance.

    Best,
    kangax

  12. Gravatar

    James MacFarlane said:

    I just printed it out 11 x 17 on a Xerod Docucolor. I would agree with Steve Prior. The print needs to be darker and the alternating background color needs to be darker as well.

    This is a handy guide. Thanks for taking the time.

  13. Gravatar

    Robert said:

    Keep up the good work guys!

  14. Gravatar

    imnotquitejack said:

    Righteous cheatsheet, well done!

    (just a heads up - your html is slightly busted. You have extra tags in your li's.)

  15. Gravatar

    Rick DeNatale said:

    Another vote for a more readable version, especially for folk like me with older eyes.

    I'd love to have a version which is actually two US letter side pages in portrait format, which would be 2X in size.

  16. Gravatar

    Sangesh said:

    great,

    thankx for this

  17. Gravatar

    gabel said:

    i've seperated it to a 2 page version that can be printed on a single A4 page or duplex for people that did not got eagle eyes ;)

    A4 2 page version: http://gabel-art.de/prototype_cheatsheet_1.6.0.2_bw-duplex.pdf

    hope that's ok for kangax, if not just leave me a message and i'll remove it

  18. Gravatar

    kangax (article author) said:

    @gabel,
    That's great! Of course I don't mind and thanks for the effort.

  19. Gravatar

    FLX said:

    Thanks =D

  20. Gravatar

    Bufo said:

    Just a tiny correction: Enumerable::each() is lacking the optional context parameter. Thanks alot for the sheet!

  21. Gravatar

    chazzuka said:

    thank you for this :) handy cheatseet help alot while coding without internet connection

  22. Gravatar

    Avishai said:

    Very cool, this is definitely a useful sheet to have!

  23. Gravatar

    Alexey Bass said:

    Thanks a lot!

  24. Gravatar

    Vlad (Small Business Blog) said:

    Thanks for an updated cheat-sheet version, still have problems looking at it, but feels a bit easier on the eyes.

  25. Gravatar

    Frédéric Klee said:

    Good idea but in A4 please !

  26. Gravatar

    zibex said:

    PARfGx hi! nice site!

  27. Gravatar

    Иван said:

    Анальный сексДовольно интересный сайт о общения, не имет ничего общего с известнами сервисами .
    Сравнительно молодой проект но имеет уже три миллиона посетителей и
    различные услуги для клиентов, как платные, так и бесплатные. Так же необходимо сказать что сайт имеет очень |удобный| понятный] интерфейс! Анальный секс.

  28. Gravatar

    Angela Hayden said:

    Thank you very much for this wonderful resource.

Trackbacks

  1. iGeek » Prototype 1.6.0.2 Cheat Sheet said:

    [...] | Perfection Kills Descarga | Cheat Sheet  23 Ene, 2008    Ajax, Recursos addthis_url = [...]

  2. Prototype 1.6.0.2 Cheat Sheet › anty.at said:

    [...] Framework noch nicht so gut zurechtfindet, wie er vielleicht möchte, der kann sich jetzt das Prototype Cheat Sheet [...]

  3. Deliggit.com | The social sites' most interesting urls said:

    perfection kills » Blog Archive » Prototype 1.6.0.2 Cheat Sheet | Deliggit.com...

    thinkweb2.com

    Perfection kills. Prototype javascript framework tutorials and examples, tips and t...

  4. Cheat sheet prototype « Développement web said:

    [...] Un nouveau cheat sheet pour Prototype 1.6.0.2 est disponible à cette adresse : http://thinkweb2.com/projects/prototype/2008/01/22/prototype-1602-cheat-sheet/ [...]

  5. Prototype 1.6.0.2 Cheat Sheet | Ajaxonomy said:

    [...] blog that is current with all the updates in the recent release of Prototype version 1.6.0.2. Kangax, the author of the cheat sheet, even color coded deprecated 1.6 methods in [...]

  6. Javascript News » Blog Archive » Prototype 1.6.0.2 Cheat Sheet said:

    [...] Prototype user (and Scripteka maintainer) kangax has released a Prototype cheat sheet in coordination with our recent 1.6.0.2 [...]

  7. Bram.us » PrototypeJS 1.6.0.2 Cheat Sheet said:

    [...] new version catalogs the full Prototype API, but marks in red those methods that have been deprecated in 1.6. (src) Spread the [...]

  8. Prototype cheat sheet | Ajax Noticias Novidades tudo sobre Ajax said:

    [...] oficial: Prototype Cheat Sheet Partilhar esta Entrada (Ninguem Votou)  Loading [...]

  9. Javascript News » Blog Archive » Prototype: new cheat sheet and in place editor said:

    [...] The maintainer of scripteka, the Prototype extensions library, has produced a new cheat sheet for the recent 1.6.0.2 release. [...]

  10. Prototype 1.6.0.2 Cheat Sheet | David Bisset: Web Designer, Coder, Wordpress Guru said:

    [...] Prototype 1.6.0.2 Cheat Sheet might come in handy. Bookmarkable indeed! Tags: Javascript, [...]

  11. Prototype 1.6.0.2 Cheat Sheet said:

    [...] Prototype cheat sheet - a full reference to a bleeding edge 1.6.0.2. [...]

  12. afongen » links for 2008-01-30 said:

    [...] Prototype 1.6.0.2 Cheat Sheet (tags: prototype) [...]

  13. Prototype JavaScript Framework Cheat Sheet said:

    [...] 1.6.0.2 just released for several days, a Prototype user kangax has created a full reference Prototype cheat sheet in coordination with the recent 1.6.0.2 version that categorizes the full Prototype API. It marks [...]

  14. Prototype 1.6.0.2 Cheat Sheet « outaTiME said:

    [...] 1.6.0.2 Cheat Sheet Loyal Prototype user (and Scripteka maintainer) kangax has released a Prototype cheat sheet in coordination with our recent 1.6.0.2 [...]

  15. Prototype 1.6.0.2 Cheat Sheet « Quest’s Blog said:

    [...] (creador de Scripteka y fiel seguidor de este framework) se dio cuenta de esto y creo la nueva Cheat Sheet de Prototype 1.6.0.2 que obviamente hay que [...]

  16. mudkicker.com » Prototype cheat sheet arrived said:

    [...] A new cheat sheet for the famous AJAX library Prototype has been published by “perfection kills”. Check it out. [...]

  17. NetBlog » » Краткий справочник по PrototypeJS 1.6.0.2 said:

    [...] оригинал материала [...]

  18. Sp3w said:

    [...] Prototype cheat sheet [...]

  19. Neue Prototype-Version verfügbar | astBlog said:

    [...] gibt’s bei "perfection kills" bereits das entsprechende Cheat Sheet für die neue Prototype Version 1.6.0.2. Für alle Entwickler auf jeden Fall [...]

  20. Prototype Cheat Sheet | Sitek Technology Blog said:

    [...] but a bit out of date. Stumble upon this today, Prototype 1.6 Cheat Sheet. Get it here or visit the blog. So time to update my quick reference folder. Tag It [...]

  21. links for 2008-03-12 - The Boltzmann Constant said:

    [...] Prototype 1.6.0.2 Cheat Sheet A very good cheatsheet for the Prototype Javascript Framework. (tags: Prototype Javascript Cheatsheet reference AJAX Framework)   Digg It!  |  Del.icio.us No Comments, Comment or Ping [...]

  22. Rhymon com Flotr said:

    [...] Por falar em Prototype, aqui vai uma boa cheat sheet. No [...]

  23. Treibstofff.de » Blog Archiv » Prototype Cheat Sheet said:

    [...] zum Erscheinen der Version 1.6.0.2 des Javascript-Frameworks Prototype, ist ein passendes Prototype Cheat Sheet [...]

  24. sonegy's me2DAY said:

    소내기의 생각...

    perfection kills » Blog Archive » Prototype 1.6.0.2 Cheat Sheetpdf로 만든 prototype cheet sheet 입니다. 구구단 외우는거 같아요~...

  25. Las mejores ‘chuletas’ para desarrolladores said:

    [...] Ajax (1) (2) (3) [...]

  26. Tutoriales de frameworks JavaScript « evelio.blog(); said:

    [...] Cheat sheet de Prototype [...]

  27. Prototype 1.6.0.2 Cheat Sheet | Developers Blog said:

    [...] cheatsheet - prototypejs.com Tags: ajax, cheat sheet, Framework, javascript, [...]

  28. Chris-Wallace.com - Web Designer and Developer said:

    [...] Released by kangax. [...]

  29. 5 Useful JavaScript Library Cheat Sheets | Greep It said:

    [...] Prototype Cheat Sheet Released by kangax [...]

  30. 40 Useful Print-Ready Cheat Sheet For Web Developers | Back to Essentials said:

    [...] Prototype Cheat Sheet [Download] [...]

  31. -= Linkage 2008.01.31 =- said:

    [...] Prototype cheat sheet<br/> [...]

  32. CSS Tools for Developers | The Meadow said:

    [...] 13. Prototype Cheat Sheet [Download] [...]

  33. 14 Most Useful Web Design Cheat Sheets | Web Design Ledger said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  34. 14 Most Useful Web Design Cheat Sheets | Blog YODspica Ltd said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  35. 14 acordeones para diseño y diseño web | Heckennedy Blog & Podcast Oaxaca said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  36. 断翅’s Zen Garden » Web前端开发必备手册 said:

    [...] 8.Prototype Cheat Sheet [...]

  37. The Ulitimate List of Cheat Sheets for a Developer / Designer!!! | James W Lane said:

    [...] 1.6.0.2 Cheat Sheet by Juriy Zaytsev (download now) - (download “High Contrast” [...]

  38. Web Tasarımcıları için Cheat Sheet : Javascript / Ajax | Nemelazim.net said:

    [...] Prototype Cheat Sheet Prototype Cheat Sheet 2 [...]

  39. 20 mémos utiles pour tout webdesigner said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  40. 14个最有用的网页设计帮助手册 | 源来中文 said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  41. 12 Simple And Useful Web Design Cheat Sheets : eAdvertisingBlog said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  42. 14个最有用的网页设计帮助手册 - Jeff-Chen.Com said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  43. 38 nützliche Cheat-Sheets | tagdocs.de said:

    [...] Prototype 1.6.0.2 Cheat Sheet von Juriy Zaytsev Prototype 1.5.0 Cheat Sheet von Jonathan Snook [...]

  44. BLOVEC | 测试下lw的写日志 said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  45. Hojas de trucos (Cheat Sheets) para diseñadores y desarrolladores web. said:

    [...] Hoja de trucos Prototipo 1.6.0.2 [...]

  46. 18 Seriously Helpful Cheat Sheets for Easier Coding | Web Design Ledger said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  47. 18 Helpful Sheets for Coding | Blog YODspica Ltd said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  48. - JavaScript Framework Helpfull Cheat Sheets zulsdesign studio Blog said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  49. 70 guias rápidas para diseñadores y desarrolladores web said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  50. Os melhores pôsteres ou cheat sheet para programadores - Profissionais de Web said:

    [...] Cheat Sheet - Scriptaculous Cheat Sheet - jQuery 1.3 Cheat Sheet - Mootools 1.2 cheat sheet - Prototype 1.6.0.2 Cheat Sheet - (X)HTML Elements and Attributes - HTML/XHTML in one page - CSS Cheat Sheet (V2) No [...]

  51. 14 Incredibly Useful Web Design Cheat Sheets | The Scripts Zone said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  52. Javascript Kopya Kağıtları (Cheatsheets) said:

    [...] Prototype 1.6.0.2 Kopya Kağıdı [...]

  53. o portal do web design em português | Portal do Web Design said:

    [...] 6. Referência para Prototype [...]

  54. [Otros] Cheet Sheets - Villa Foros said:

    [...] FrameWorks De JavaScript: JQuery (PDF) JQuery JQuery - Mapa Visual Scriptaculous - Gu

  55. List of Really Useful Free Tools For JavaScript Developers « RIAdobe said:

    [...] Prototype 1.6.0.2 Cheat Sheet Possibly related posts: (automatically generated)15 Helpful In-Browser Web Development ToolsActionscript for Javascript DevelopersDebug JavaScript in Adobe AIR Apps Using Aptana Studio 1.2.1Railsconf 2009 – testing javascript with blue ridge [...]

  56. 24 Indispensible Ajax and Javascript Cheat Sheets | Design Reviver said:

    [...] HTML: Prototype 1.6.0.2 Cheat Sheet. Source: [...]

  57. 40+ Essential Front End Web Developer Cheat Sheets | tripwire magazine said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  58. Web 开发与设计师速查手册大全(上) « 每日IT新闻,最新IT资讯,聚合多站点消息,保证你与世界同步 said:

    [...] mootools 1.2 cheat sheet 另一个 JavaScript 库 MooTools 1.2 速查手册。下载(PDF) Prototype 1.6.0.2 Cheat Sheet JavaScript 库 Prototype 1.6.0.2 速查手册。下载(PDF) Addison-Wesley’s JavaScript [...]

  59. Web 开发与设计师速查手册大全(上) | 互联网的那点事... said:

    [...] mootools 1.2 cheat sheet 另一个 JavaScript 库 MooTools 1.2 速查手册。下载(PDF) Prototype 1.6.0.2 Cheat Sheet JavaScript 库 Prototype 1.6.0.2 速查手册。下载(PDF) Addison-Wesley’s JavaScript [...]

  60. Web 开发与设计师速查手册大全(上) said:

    [...] Prototype 1.6.0.2 Cheat Sheet  [...]

  61. IT资讯速客™ » Blog Archive » Web 开发与设计师速查手册大全(上) said:

    [...] Prototype 1.6.0.2 Cheat Sheet JavaScript 库 Prototype 1.6.0.2 速查手册。下载(PDF) [...]

  62. Web 开发与设计师速查手册大全(上) « 武羊志 said:

    [...] 1.2 cheat sheet 另一个 JavaScript 库 MooTools 1.2 速查手册。下载(PDF)Prototype 1.6.0.2 Cheat Sheet JavaScript 库 Prototype 1.6.0.2 速查手册。下载(PDF)Addison-Wesley’s JavaScript [...]

  63. Web 开发与设计师速查手册 | TwaMix said:

    [...] Prototype 1.6.0.2 Cheat Sheet JavaScript 库 Prototype 1.6.0.2 速查手册。下载(PDF)   [...]

  64. Web 开发与设计师速查手册大全(上) - ZiY Warez Forum said:

    [...] prototype 1.5.0 JavaScript 库 Prototype 1.5 速查手册。下载 (PDF) Prototype 1.6.0.2 Cheat Sheet JavaScript 库 Prototype 1.6.0.2 速查手册。下载(PDF) Addison-Wesley’s JavaScript [...]

  65. Web 开发与设计师速查手册大全(上) « 五季星空 said:

    [...] Prototype 1.6.0.2 Cheat Sheet  [...]

  66. Web 开发与设计师速查手册大全(上) | 芒果 said:

    [...] Prototype 1.6.0.2 Cheat Sheet JavaScript 库 Prototype 1.6.0.2 速查手册。下载 (PDF) [...]

  67. Popular JavaScript Libraries – 7 cheat sheets - SimplyAries said:

    [...] Prototype is a JavaScript Framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere. [...]

  68. days of linnchord » Blog Archive » Web 开发与设计师速查手册大全 said:

    [...] Prototype 1.6.0.2 Cheat Sheet JavaScript 库 Prototype 1.6.0.2 速查手册。下载(PDF) [...]

  69. 前端开发工程师必备速查手册| Resource| 前端观察 said:

    [...] Prototype 1.6.0.2 速查手册 [直接下载] [...]

  70. 前端开发工程师必备速查手册 | 互联网的那点事... said:

    [...] Prototype 1.6.0.2 速查手册 [直接下载] [...]

  71. 30 Handy Cheat Sheets and Reference Guides for Web Professionals-NotFailed said:

    [...] Download the Prototype 1.6.0.2 Cheat Sheet [...]

  72. 小田心晴 » 前端开发工程师必备速查手册 said:

    [...] Prototype 1.6.0.2 速查手册[直接下载] [...]

  73. Cheatsheets para todos | Polar Geek said:

    [...] JQuery JQuery – Mapa Visual Scriptaculous – Guía de Efectos Mootools Prototype [...]

  74. 不得不看-Web 开发与设计师速查手册大全(上) « 盒子UI said:

    [...] Prototype 1.6.0.2 Cheat Sheet JavaScript 库 Prototype 1.6.0.2 [...]

  75. Zennith Web Works » 14 Incredibly Useful Web Design Cheat Sheets said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  76. TONY BLOG » Web 开发与设计师速查手册大全 said:

    [...] Prototype 1.6.0.2 Cheat Sheet JavaScript 库 Prototype 1.6.0.2 速查手册。下载(PDF) [...]

  77. Web 开发与设计师速查手册大全 | TONY BLOG said:

    [...] Prototype 1.6.0.2 Cheat Sheet JavaScript 库 Prototype 1.6.0.2 速查手册。下载(PDF) [...]

  78. Chris B. – idéias e pensamentos » Prototype Cheat Sheet said:

    [...] http://thinkweb2.com/projects/prototype/prototype-1602-cheat-sheet/ No TweetBacks yet. (Be the first to Tweet this post)Posts relacionadosJavascript Cheat Sheet [...]

  79. 100+ Must Have Cheat Sheets For Web Designers & Developers | Online Business Guide said:

    [...] Prototype 1.6.0.2 Cheat Sheet (click here) [...]

  80. Pure Wordpress Cheat Sheets- Anastacia said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  81. He Min Blog » Blog Archive » Web前端开发必备手册 更新中… said:

    [...] Prototype 1.6.0.2 速查手册 [直接下载](英文) [...]

  82. 12 cheat sheet for developers « Francesco Corsentino .net said:

    [...] Prototype 1.6.0.2 Cheat Sheet (http://thinkweb2.com/projects/prototype/prototype-1602-cheat-sheet/); [...]

  83. 65のデザイナーの為のチートシートまとめ | NANDE said:

    [...] JavaScript Frameworks jQuery 1.3 Cheat Sheet mootools 1.2 cheat sheet Prototype 1.6.0.2 Cheat Sheet [...]

  84. 10 Useful Cheat Sheets for Designers and Developers | Son Of Byte said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  85. 12 Cheat Sheets a Developer Must Have | Tech Inspiration said:

    [...] Prototype.js JavaScript Cheat Sheet [...]

  86. 10 Useful Cheat Sheets for Designers and Developers » tipBOX.com said:

    [...] Prototype 1.6.0.2 Cheat Sheet [...]

  87. 30 Handy Cheat Sheets and Reference Guides for Web Professionals « Referências de Design said:

    [...] Download the Prototype 1.6.0.2 Cheat Sheet [...]

Leave a Comment

Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Please, don't forget to escape your input (<, > and &). Wrap code sections with <pre>