perfection kills

Exploring prototype by example

Prototype 1.6.0.2 Cheat Sheet

January 22nd, 2008 by kangax

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 (8989 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 (2258 downloads)
Seems to look much better when printed.

Categories: cheat sheet

Comments

  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×11 so people in us can print it out.

  8. Gravatar

    kangax 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.5×11 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 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×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 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

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 [...]

Leave a Comment

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