tagdocs.de » MIT

MarkerCSS – CSS Framework

Christian — Sun, 31 Jan 2010 12:15:56 +0000

MarkerCSS

Heute gibt es nur einen kleinen Quicky, nämlich MarkerCSS, ein CSS-Framework.

Das Framework soll durch eine grosse Zahl von vordefinierten CSS-Klassen die Entwicklung von Layouts vereinfachen.

Z.B. könnte man so:

dem Body verschiedene Eigenschaften zuweisen(Arial, 13px Schriftgrösse, Dunkelgraue Schrift die zentriert ist).

Wie man sieht sind die Klassen nicht unbedingt “sprechend” und daher wahrscheinlich nicht jedermanns Geschmack.

Das komplette Framework steht unter der MIT-Lizenz.

IE-CSS3.JS – CSS3 Pseudo-Class Selektoren im IE nutzen

Christian — Thu, 28 Jan 2010 12:15:39 +0000

ie-css3.js ist eine JavaScript-Bibliothek die es erlaubt, einen grossteil der CSS3-Selektoren im Internet Explorer zu nutzen.

Nutzt man die Bibliothek kann man also z.B. Selektoren wie disabled, enabled, checked, first-child, last-child, usw. nutzen.

Die Bibliothek arbeitet dabei automatisch mit diversen Frameworks zusammen (jQuery, MooTools, etc.) wobei je nach verwendeter Bibliothek bestimmte Sachen nicht funktionieren. Die beste Unterstützung bietet die Bibliothek mit DOMAssistant v2.8 (beta 2).

Wer also mit den neuen Selektoren arbeiten möchte/muss, sollte mal einen Blick riskieren.

ie-css3.js steht unter der MIT-Lizenz.

Buttons im google-Stil mit jQuery und ohne Bilder

Christian — Wed, 27 Jan 2010 12:15:26 +0000

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 – jQuery PlugIn für Uploads mittels AJAX

Christian — Fri, 22 Jan 2010 12:15:33 +0000

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 – automatische Text-Vervollständigung mit jQuery

Christian — Mon, 18 Jan 2010 12:15:20 +0000

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!