Für Profis vielleicht weniger interessant aber für Einsteiger (mit Englischkenntnissen) definitiv einen Besuch wert.

Plupload - jQuery Widget

So sperrig der Titel dieses Artikels ist, so interessant ist Plupload

Plupload stammt von den gleichen Entwicklern die auch TinyMCE entwickeln und ist eine JavaScript-API die den Upload von Dateien handhabt. Das Besondere daran ist, dass Plupload die Möglichkeiten von Flash, Gears, BrowserPlus, HTML5 oder Silverlight nutzen kann um diverse Features anzubieten.

Zum Beispiel kann man Drag & Drop für den Upload nutzen, automatisch Bildgrössen anpassen und vieles mehr.

Ausserdem wird auch gleich ein jQuery-Widget mitgeliefert welches ein sehr komfortables Interface für den Upload von Dateien bereitstellt (Alternativ kann man auch die Plupload-API direkt per JS ansprechen).

Die Bibliothek steht unter der GPL V2 (man kann aber ggf. eine kommerzielle Lizenz erwerben).

Imageless Buttons

Swizec Teller hat auf seiner Seite eine Möglichkeit vorgestellt wie man mit Hilfe von jQuery Buttons erstellen kann wie man sie z.B. aus den diversen Applikationen von google kennt (z.B. Google Mail).

Die Lösung kommt dabei komplett ohne Bilder aus und verwendet lediglich CSS für das Design. Das PlugIn funktioniert auf so ziemlich allen Browsern (IE ab 5.5, Firefox 2+, Opera 9.6+, Safari 3+, usw.) wobei es mit dem IE zwei kleine Probleme gibt die auch auf der Seite beschrieben sind.

Das PlugIn steht unter der MIT und GPL-Lizenz.

AJAX Upload Demo

AJAX Upload ist ein PlugIn für jQuery mittels dem man Dateien bequem über AJAX auf den Server übertragen kann.

Das Ganze funktioniert dabei so, dass man das PlugIn z.B. mit einem Link verbindet. Klickt der Nutzer auf den Link kommt der gewohnte Datei-Dialog vom Browser und man kann eine Datei auswählen. Bestätigt man die Auswahl wird die Datei sofort im Hintergrund hochgeladen (wie z.B. ähnlich auch bei GMail).

Sehr praktisch dabei ist, dass man z.B. die Datei gleich an ein PHP-Script übergeben kann welches per JSON Daten an die Seite zurückgeben kann (AJAX Upload kann dazu eine JavaScript-Funktion ausführen wenn die Datei übermittelt wurde).

Wir nutzen das Script z.B. um ein Formular automatisch mit Daten aus einer CSV-Datei zu belegen die der Nutzer hochladen kann.

Das PlugIn steht unter der MIT-Lizenz.

AutoSuggest

AutoSuggest ist ein jQuery-PlugIn unter einer Dual-Lizenz (GPL und MIT) mit dem man eine Textbox um eine Auto-Vervollständigung, bzw. Vorschlag-Funktion erweitern kann.

Besonders praktisch ist soetwas z.B. bei der Verschlagwortung von Artikeln, Fotos, etc. – man legt eine Tabelle mit Schlagworten an (“Sonne”, “Meer”, “Frau”, “Strand”, usw.) und wenn der Nutzer dann beginnt “So” einzutippen, wird z.B. sofort eine Auswahl von Schlagworten gezeigt die mit “So” anfangen (“Sonne”, “Sonnenuntergang”, usw.). Der Benutzer kann dann eines auswählen und es wird als “Button” in die Textbox übernommen (“Mick Jagger” im Screenshot) und durch einen Klick auf das “x” könnte man das Schlagwort auch wieder entfernen.

ACHTUNG: Die Homepage funktioniert momentan nicht mit dem Internet Explorer (zumindest bei mir mit dem IE8 nicht) – das PlugIn selbst soll allerdings keine Probleme mit den gängigen Browsern machen!