von Christian am 28. März 2011
Mosaic
Ich gebe zu… der Titel dieses Artikels ist ein wenig seltsam (bevor sich jemand beschwert).
Mosaic ist ein jQuery PlugIn mit dem man im Grunde erstmal "nur" Bilder beschriften kann. Das kann man allerdings sehr elegant und mit ein paar Extras.
Das PlugIn funktioniert so, dass man eine bestimmte Struktur aus verschachtelten DIVs erzeugen muss. In diesen DIVs werden dann Bilder angezeigt. Über Mosaic kann man nun weitere "Dinge" die über diese Bilder gelegt werden anzeigen. Ich schreibe "Dinge" weil das nicht unbedingt Text sein muss. Auf der Demo-Seite wird z.B. ein Icon mit einer Lupe über das erste Bild gelgt wenn man mit der Maus darüber fährt. Man kann aber auch (wie erwähnt) Text (bzw. beliebigen HTML-Code) als Beschriftung eines Bildes anzeigen lassen. Über diverse Parameter kann man dann festlegen, ob der Text z.B. von einer Seite aus hereingescrollt wird oder per Fade eingeblendet wird, etc.
Schaut Euch einfach mal die Demo an für ein paar Beispiele dafür was man machen kann 
Veröffentlicht in jQuery
von Christian am 23. März 2011
Viele von Euch kennen bestimmt das SELFHTML-Projekt das Stefan Münz vor einigen Jahren (1995!) angefangen wurde.
Seit Ende letzten Jahres gibt es von ihm und Clemens Gull das "HTML5 Handbuch" zu kaufen. Allerdings gibt es auch von diesem Buch eine komplett lesbare Online-Version.
Das Buch dreht sich ausschliesslich um HTML5, das Thema JavaScript wird diesmal nicht mit behandelt!
Wer sich für das Thema interessiert sollte definitiv mal in das Buch reinschauen (und am Besten auch das Buch kaufen 
) wenn es Euch weiterhilft.
Veröffentlicht in CSS, Webseiten |
von Christian am 22. März 2011
gwazu
Heute gibt es nur einen kleinen Quicky
gwazu ist eine Seite die Gewinnspiele in Social-Media Diensten sammelt und nach Kategorien sortiert.
Viele Firmen bieten ja Gewinnspiele der Art "Folge uns und gewinne XYZ" oder "Retweete DIES und gewinne DAS" an. Auf der gwazu-Seite kann man nun in verschiedenen Kategorien (z.B. Elektronik, Musik, Gift Cards, etc.) aufgeteilt solche Gewinnspiele sehen und auch direkt teilnehmen. Dazu verbindet sich gwazu mit dem eigenen Twitter Account und erledigt gleich die nötigen Schritte (Retweet und ggf. folgen).
Zwar machen viele der Gewinnspiele für Nicht-Amerikaner nicht unbedingt Sinn, aber es gibt ja genug Sachen die z.B. nicht an irgendwelche amerikanischen Geschäfte gebunden sind, etc.
Veröffentlicht in Webseiten |
von Christian am 21. März 2011
Galleria
Galleria ist ein jQuery-PlugIn mit dem man auf einfache Art und Weise Galerien bzw. Slideshows mit jQuery erstellen kann.
Um das PlugIn zu nutzen muss man lediglich alle Bilder in ein DIV packen und den Rest übernimmt das PlugIn. Natürlich kann man ausch eine Vielzahl von Parametern setzen um z.B. die Übergänge zwischen den Bildern zu beeinflussen, was passieren soll wenn Bilder angezeigt werden sollen die grösser sind als der Bereich den man für die Gallerie zur Verfügung hat und vieles mehr.
Alles in Allem ein sehr ansehnliches PlugIn mit vielen Features. Bei den Entwicklern bekommt man auch diverse Themes für das PlugIn (auf dem Screenshot sieht man das Twelve Theme). Eine Demo aller Themes findet sich auf der Homepage unter "Themes" (einfach eines der Themes anklicken).
Veröffentlicht in jQuery
von Christian am 18. März 2011
Select2Buttons
Select2Buttons ist ein kleines jQuery-PlugIn welches die Elemente einer Select-Box in anklickbare Buttons umwandelt.
Das klingt erstmal relativ überflüssig, ist aber durchaus praktisch weil es unnötige Arbeit ersparen kann. Möchte man normalerweise mehrere Buttons anzeigen von denen nur einer ausgewählt werden kann muss man einiges an Code schreiben um das hinzubekommen. Mit dem PlugIn erzeugt man einfach eine entsprechende SelectBox und lässt diese umwandeln.
Gerade für Konfiguratoren finde ich das eine interessantere Variante als Radio-Boxen oder normale Selects. Und ohne JavaScript sieht der Nutzer wenigstens noch die normale Auswahlbox.
Veröffentlicht in jQuery
Letzte Kommentare