Das jQuery live-Event (08.12.09) Jedem der jQuery schon einmal benutzt hat dürften sie bekannt sein: Events wie "click" oder "mouseover". In den meisten Fällen sind sie auch völlig ausreichend um den gewünschten Effekt zu erzielen. Allerdings gibt es Ausnahmen, bei denen sie scheinbar nicht funktionieren, wie das folgende Beispiel zeigt.
Weiterlesen 10 Kommentare
Animiertes Scrollen mit jQuery (26.08.09) Sie klicken auf einen Link und anstatt einfach zum entsprechenden Anker zu springen, wird sanft zum gewünschten Anker gescrollt. Ich sehe diesen Effekt in letzter Zeit immer öfter und war erstaunt, wie einfach er mit jQuery umgesetzt werden kann. Selbst die Erhaltung der richtigen URL stellt keine Probleme dar.
Weiterlesen 51 Kommentare
jQueryUI - beeindruckende Interaktionen, Widgets und Effekte (13.07.09) Basierend auf dem JavaScript-Framework jQuery stellt jQueryUI beeindruckende Interaktionen, Widgets, Effekte sowie einen „Themeroller“ bereit. Einige der Interaktionen und Widgets sind alte Bekannte aus Betriebssystemen und Desktop-Programmen. Mit dem Themeroller kann auf einfache Weise eine CSS-Datei erzeugt werden, um die einzelnen Komponenten zu formatieren.
Weiterlesen 13 Kommentare
jQuery (und andere Frameworks) direkt via Google Code einbinden (03.07.09) Jedem der jQuery schon einmal benutzt hat ist die lokale Einbindung bekannt. Es gibt allerdings eine Möglichkeit das Framework zu nutzen ohne es lokal zu speichern. Google Code stellt mit den Google AJAX Libraries API das jQuery Framework in der aktueller Version, sowie ältere Ausgaben zum direkten Einbinden bereit. Das spart Traffic und verringert die Ladezeit. jQuery kann auf zwei Arten eingebunden werden.
Weiterlesen 19 Kommentare
Tutorial: Toggle-Boxen mit jQuery (28.06.09) Mit jQuery werden mittlerweile viele Websites verschönert, indem die Informationen nicht mehr, wie gewohnt, statisch in irgendeinem HTML-Element präsentiert werden; die Benutzer werden manchmal schon zur Interaktivität gezwungen. Eine Methode, so was mit jQuery zu erstellen, ist das Akkordion. Nachteil hierbei ist, dass standardmäßig jeweils nur eine Box geöffnet ist. Was ist aber, wenn ich mehrere offen halten will? Am besten baut man sich eigene Toggle-Boxen.
Weiterlesen 10 Kommentare
Baumnavigation mit jQuery (18.06.09) Die Baumnavigation ist jedem aus unzähligen Programmen bekannt, in denen sie hauptsächlich zur Dateiverwaltung verwendet wird. Im Web wird sie eher selten verwendet und dann meist mit PHP erzeugt, was bei langen Ladezeiten die Navigation spröde macht. Es geht aber auch anders, mit Hilfe von jQuery lässt sich einfach eine ansprechende Baumnavigation erstellen, die auch bei deaktiviertem JavaScript funktionsfähig bleibt.
Weiterlesen 11 Kommentare
Bilder später laden mit Lazy Load und jQuery (16.04.09) Das Plugin Lazy Load lädt Bilder auf Wunsch erst unter bestimmten Bedingungen wie Scrollen oder Klicken nach. Damit stellt es das gerade Gegenteil des Image-Preloadings dar. Der Browser lädt jetzt nur die Bilder, die gerade im Browser sichtbar sind.
Weiterlesen 3 Kommentare
prettyPhoto - Alternative jQuery-Lightbox mit Galerieunterstützung (24.03.09) Skripte für Lightboxen und Galerien gibt es inzwischen eine ganze Menge. Das bekannte jQuery-Lightbox-Plugin hat dabei einer Vielzahl als Vorlage gedient. Webentwickler Stéphane Caron hatte von den bestehenden keine so wirklich gefallen, deshalb hat er seine eigene Variante gebaut: prettyPhoto.
Weiterlesen 8 Kommentare
Suchergebnisse anzeigen ohne Nachladen mit jQuery (13.03.09) Ein gute Suchfunktion ist umso wichtiger, je größer der Datenbestand ist. Optimal wäre es, würde der Anwender bereits während Eingabe der Suchparameter über die zu erwartende Anzahl der Treffer informiert. Einen Weg dahin zeigen uns jQuery und PHP.
Weiterlesen 7 Kommentare
Daumenkino mit jQuery (06.03.09) Ein Foto sanft in ein anderes überzublenden, ist ein schöner und dezenter Effekt. Mit ein paar HTML-, CSS- und Javascript-Grundlagen ist das schnell erledigt. Nur, wie es technisch funktioniert, ist auf Anhieb schwer vorzustellen, insbesondere für Designer mit wenig Programmiererfahrung. Dabei ist alles eigentlich ganz einfach.
Weiterlesen 15 Kommentare
jQuery-Plugin "Supersized": Autoskalierender Background mit Slideshow-Option (27.02.09) Die Website GOTOCHINA hat mit ihren an das Browserfenster angepassten Hintergrundbildern für Aufsehen gesorgt. Die Umsetzung mit MooTools und Erweiterungen gilt allerdings als nicht vollständig browserkompatibel. Sam Dunn hat nun auf Build Internet! ein Plugin für jQuery veröffentlicht, das diesen Eyecatcher via jQuery bereitstellt.
Weiterlesen 12 Kommentare
Smile-Designer Smile – jQuery-Plugin für pixelgenaues Design (15.01.09) Einige werden das Firefox-Firebug-Plugin Pixel Perfect kennen, das sich unter anderem auch im Artikel Mehr Power für Firebug findet. Es ermöglicht den Overlay eines Screendesigns auf einer Webseite um Designs pixelgenau vergleichen zu können. Eine wunderbare Geschichte, leider funktioniert das Plugin nicht in den anderen Browsern für die regelmäßig nachgebessert werden muss.
Weiterlesen 2 Kommentare
50+ jQuery Tutorials und mehr für Einsteiger und Fortgeschrittene (06.01.09) Nach der Sammlung von Plugins für jQuery folgt nun eine mit Tutorials, Beispielen und weiteren Ressourcen rund um jQuery. Diese Liste erhebt sinnvollerweise keinen Anspruch auf Vollständigkeit und bietet als bunte Mischung verschiedener Themengebiete im Bereich "jQuery" etwas für Designer und Programmierer gleichermaßen.
Weiterlesen 13 Kommentare
Markup-Editoren für jede Textarea (23.12.08) Sie realisieren ein Projekt für einen Kunden, in welchem Sie auch eine Art Mini-Redaktionssystem verwirklichen sollen. Kleinere Texte sollen durch Mitarbeiter des Auftraggebers online gestellt werden können. Natürlich verwenden Sie Textarea als Element der Wahl. So können die Mitarbeiter Texte erfassen. Aber: Wie sollen sie diese Texte formatieren? HTML-Code ist zwar möglich und würde auch interpretiert. Aber...
Weiterlesen 12 Kommentare
50+ nützliche Plugins für jQuery (15.12.08) Diese Sammlung enthält mehr als 50 nützliche Plugins für das schnelle und beliebte JavaScript-Framework "jQuery". Das Ganze ist bunt gemischt und bietet Plugins zu den verschiedensten Einsatzbereichen von jQuery. Einen Anspruch auf Vollständigkeit bietet diese Liste nicht.
Weiterlesen 19 Kommentare
Tabbed Widgets: WP-Sidebar besser nutzen (30.10.08) Die meisten Wordpress-Blogger, die ich kenne, verwenden immer dann dreispaltige Layouts, wenn sich aufgrund der relativen Fülle der vorgesehenen Widgets bei zweispaltigen Layouts eine zu lange Sidebar ergeben würde. Im Ergebnis kommt dann vielfach dabei heraus, dass im dreispaltigen zwar nun alle Widgets gut sitzen, das Theme nach unten hin aber viel Mut zur Lücke zeigt. Noch dazu sind die meisten zweispaltigen Layouts sowieso schöner und bloggiger. Ein Dilemma?
Weiterlesen 10 Kommentare
Galleriffic - Schlanke JQuery-Galerie (15.10.08) Galerien werden immer wieder benötigt und viele Möglichkeiten gibt es ohnehin schon, so unter anderem die BarackSlideshow, die sowohl mit den MooTools, als auch mit JQuery funktioniert. Auch Galleriffic ist ein Galerie-Plugin für das beliebte JQuery-Framework, wobei hier weniger die grafischen Finessen, als die Performance und die Konfigurierbarkeit im Vordergrund stehen.
Weiterlesen 7 Kommentare
20 frische AJAX- und Javascripts (21.08.08) Ein paar interessante AJAX- und Javascripts, die mir in der letzten Zeit begegnet sind. Ohne besondere Ordnung, bunt gemischt und mehr oder weniger leicht einzubauen. Einiges braucht entsprechende Frameworks. Ähnliche, frühere Beiträge sind: 24 Tooltipp-Scripts [...]
Weiterlesen 15 Kommentare
BarackSlideshow – Einfaches Script mit Mehrwert (13.08.08) Guillermo Rauch hat sich die Arbeit gemacht und das Script für die Slideshow auf der Webseite des delegierten US-Präsidentschaftskandidaten mit eigenen Ideen nachgebaut. Das Ergebnis kann sich sehen lassen und hält was es verspricht – Eleganz und Leichtigkeit [...]
Weiterlesen 10 Kommentare
24 Tooltipp-Scripts (28.05.07) Tooltipps, also Mini-PopUps, beharrscht jeder halbwegs moderne Browser. Das "title"-Attribut genügt. Aber es reicht nicht immer. Scriptgesteuert lässt sich mehr draus machen - manchmal reicht auch CSS. Solche Tooltipps können dem Design angepaßt werden, anders [...]
Weiterlesen 31 Kommentare
