This is an old revision of the document!


JavaScript

[EN] Very good stuff around webdesign and JavaScript


digitarald (Harald Kirschner)

Open-source Ajax plugins, based on the JavaScript framework MooTools. Easy to install, well documented and with persuasive showcases.


Slideshow

  • Slideshow is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. Slideshow is the result of many trials in code attempting to create a javascript class that was lightweight, unobtrusive, a snap to setup (but also highly configurable), extendable and - built using the javascript framework with the best effects - visually very impressive. Slideshow began as a side project by Aeron Glemann, and is now open source with an MIT-style license. If you would like to contribute - improving the class in accordance with the aforementioned goals - please contact a developer for membership.


BarackSlideshow (Mootools 1.2.x)

BarackSlideshow is a very tiny and lightweight slideshow script, that takes the power of MorphList to enhance visualization and navigation of the images (demo).

Autor: Guillermo Rauch


Shadowbox.js

  • Shadowbox is an online media viewer application that supports all of the web's most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.


multiBox (phatfusion)

  • Using mootools v1.1.1, lightbox that supports images, flash, video, mp3s, html


multiBox

  • Using mootools v1.2x, multiBox is a reworked version of Phatfusion´s brilliant multibox so that it will work with MooTools 1.2. There are many extra options including the option to group elements!…


mootools image menu (mootools v1.11)

  • Features
    • 2 optional onClick events - open & close
    • href passed to onClick events
    • stays open when clicked
    • closes when clicked
    • select item to pre-open


Polaroid Gallery v.1.01

  • The script loads images and image titles dynamically from an external xml file or a flickr RSS feed. Then the script processes the data and creates an interactive flash gallery.


Timeline

  • Web Widget for Visualizing Temporal Data
  • With this widget, you can make beautiful interactive timelines. Try dragging it horizontally or using your mouse-wheel.


CRIR: Checkbox & Radio Input Replacement

  • This combination of JavaScript and CSS will hide checkbox and radio inputs that have a class = “crirHiddenJS”, an id, and a proper label tag.
  • This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. The form will still collect data as it normally would because the label itself will trigger the hidden input control. If javascript is disabled no inputs will be hidden and the form is still be fully functional.


[jonplante.com] Accessible Ajax Tabs With MooTools

  • “Ajax tabs (JavaScript tabs that only load tab content on request) have a couple problems:
    1. Can't be bookmarked.
    2. Search engines can't index the tab content.
    3. Inaccessible for users with JavaScript turned off.
  • They are, in many ways, frames for the web 2.0 generation. But they don't have to be. In this tutorial, I'll demonstrate how to make search-engine-friendly, handicap-accessible Ajax tabs using MooTools and PHP.”


[smashingmagazine.com] MooTools Tutorials and Resources Round-Up


Automatically Version Your CSS and JavaScript Files by Kevin Hale

  • “Because we’re always on the look out for ways to speed up our web application, one of my favorite tools for optimization is the YSlow Firefox extension. Based on rules created by research done by Yahoo engineer, Steve Souders (his book High Performance Web Sites is a must read for anyone interested in front end engineering), the tool hooks into Firebug and helps you diagnose issues that can shave seconds off your pages’ load times. While we were able to implement most of the suggestions fairly easily, Rule #3, which specifies adding a far futures Expires header required a bit of elbow grease that some of you might be interested in.” (Quotation: http://particletree.com/)




Little link helper

links/javascript.1260488650.txt.gz · Last modified: 2018/06/03 18:06 (external edit)
www.planmatrix.de www.chimeric.de Creative Commons License Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0