[DE] Sehr gute Artikel rund um Webdesign und JavaScript

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)


  • von Stefan Mintert und Christine Kühnel (Hrsg.)

[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 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).
  • 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.”

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 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


  • 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 - now for 1.2: * mootools v1.2 core * mootools v1.2 more - fx.elements )

  • 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.


  • 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.

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

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

2 Klicks für mehr Datenschutz 01.09.2011 Heise Verlag


Wie man die Koordinaten bei Google Maps erhält

  • javascript:void(prompt('',gApplication.getMap().getCenter())); 
  • Einfacher: rechts-klick auf Marker, “was ist hier?” anklicken, schon werden die Koordinaten in der Google-Leiste angezeigt.”
  • Find your Geo position
    “Da die Geo-Positionierung einer Adresse sowohl bei Google als auch anderen Online-Karten-Services häufig etwas ungenau ist, können Sie hier Ihre Adresse eingeben und dann durch einen Mausklick an die genauere Position auf der Karte Ihre persönliche Geoposition exakt bestimmen.”


  • “The GeoNames geographical database covers all countries and contains over eight million placenames that are available for download free of charge.” (Quotation:

Google Libraries API - Developer's Guide

Little link helper

links/javascript.txt · Last modified: 2018/06/03 18:08 (external edit) 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