Bildschirm- und Fensterdaten ermitteln
“JavaScript ist dazu bestimmt, die Seitengestaltung zu unterstützen.
HTML als Beschreibungssprache wurde geschaffen, weil die fertige Präsentation unabhängig von der Bildschirmauflösung funktionieren soll. Mit
HTML allein kann man das Wort Gestaltung getrost vergessen. JavaScript schafft insofern Abhilfe, als es die Bildschirmdaten des Nutzers ermitteln und innerhalb der Präsentation Anpassungsmaßnahmen organisieren kann. Dafür gibt es zunächst einige Eigenschaften des Objektes “screen”, die man zwar nicht setzen, wohl aber lesen und berücksichtigen kann. Weitere Möglichkeiten bietet das Objekt “window”, dessen Möglichkeiten zur Bestimmung des Darstellungsbereiches auf dieser Seite ebenfalls beschrieben werden.”
(Zitat: Prof. Dr. Rolf Hirte, Technische Fachhochschule Wildau)
JavaScript-Workshop
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.
-
Author: Guillermo Rauch
Image Cross Fader Redux
“This is a rewrite of a very old experiment. This rewrite uses unobtrusive
DOM scripting and semantic markup to achieve its goals, and is somewhat less abusive of the CPU in Firefox. It also works in Safari - the original version was written prior to Safari supporting the CSS3 “opacity” property. Opera doesn't support opacity, so the images will just flip in that browser.
Following the unobtrusive philosophy, the document is completely usable when javascript isn't available. This is accomplished by overwriting the style sheet with one designed for the application in the so_init() method. If javascript isn't available, the user gets an arms length list of photos.”
Author:
http://slayeroffice.com-
JonDesign's SmoothGallery (Mootools 1.2.x)
Using mootools, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website…
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
mootools image menu (mootools v1.11 - now for 1.2:
* mootools v1.2 core
* mootools v1.2 more - fx.elements
)
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
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/)
2 Klicks für mehr Datenschutz 01.09.2011 Heise Verlag