a |b |c |d |e |f |g |h |i |j |k |l |m |n |o |p |q |r |s |t |u |v |w |x |y |z |

moo.rd

moo.rdis a super lightweightjavascript (object oriented) library based on the MooTools framework.
It is designed to give many useful and powerful functionalities to the developers, like a lot of effects, customizable standards, utility native functions, table management, virtual boxesand many more.
In addiction moo.rd is modular, flexible, and completely compatiblewith all MooTools plug-in.

Related javascript Articles


Spoiler Blocker When JS Isn’t Available


Ever gone to a site to read up on your favorite show or get the lowdown on a new movie only to have the whole plot spoiled because you weren't forewarned that the "whole freakin' script" was injected into the article?!?! Yeah, I've been there and it ain't fun!

Chris Coyier of CSS-Trickscame up with a solution called Fade-in Spoiler Revealer which used jQueryto allow the user to click on a div that blocked view of the spoiler and see the contents. This was a very cool technique and caught the attention of Brian Dillard. Brian wondered how this script could be adapted to work with RSS readers and mobile browsers:

My only reservation about Coyier's technique was its reliance on JavaScript, and only JavaScript, to hide spoiler-laden content. With RSS and mobile browsing on the rise, lots of people read content in user-agents without JavaScript support. Shouldn't we try to protect them, too? I commented to this effect on the original article, then realized that I should just write the code myself as proof of concept.

Brian Dillard came up with his own version of a spoiler blockerwhich, through a little progressive enhancement, accommodates for situations where JS is not enabled (eg: a RSS reader). His code consists of two parts; the jQuery code which hides the spoiler and binds the click event to a fade effect and the HTML which is progressive enhanced.

PLAIN TEXT
JAVASCRIPT:
  2. $(document).ready(function() {
  4. $ (".spoiler")
  5. //hide the spoiler
  6. . children("span.hidden").hide()
  7. //hide the whitespace inside it
  8. . children("br").hide()
  9. //step back up a level
  10. . end()
  11. //find the sibling
  12. . prev("span.message")
  13. //add the click handler to show the spoiler
  14. . click(function() {
  15. //use a callback So FX execute non-simultaneously;
  16. $ (this).fadeOut(600, function() {
  17. $ (this).next().fadeIn(600);
  18. })
  19. })
  20. ;
  22. });
PLAIN TEXT
HTML:
  2. <p class="spoiler">
  3. In the movie "Citizen Kane," Charles Foster Kane's last
  4. word, "Rosebud," turns out to be ...
  5. <span class="message">
  6. ( <a href="#answer">Click here if you'd like to be spoiled.</a>)
  7. </span>
  8. <span class="hidden">
  9. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  10. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  11. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  12. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  13. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  14. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  15. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  16. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  17. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  18. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  19. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  20. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  21. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  22. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  23. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  24. <br/ ><br/ ><br/ ><br/ ><br/ ><br/ ><br/ >
  25. <a name="answer"></a>a sled.
  26. </span>
  27. </p>

You can see the demo here. You'll need to turn off JavaScript in order to see it.

This is one way of managing the user experience in user-agents without JavaScript support but I'm sure that the Ajaxian crowd has developed other ways of tackling this same problem. We'd like to hear about it so comment away.

JsonSQL

sql like json query lib.

ErlyJS

ErlyJS is a Javascript compiler running on and compiling for the Erlang virtual machine.

JSLint

JSLint is a JavaScript program that looks for problems in JavaScript programs.

dojo

Ajax, events, packaging, CSS-based querying, animations, JSON, language utilities, and a lot more. All at 23K.

google gears

Google Gears is an open source browser extension that lets developers create web applications that can run offline.