Code, Themes, Tipps, WordPress

WordPress und jQuery – einige Tipps

Innerhalb von WordPress sind eine ganze Reihe von Javascript Bibliotheken vorhanden, diese kann man einfach nutzen und muss sie nicht extra in Themes und Plugins mitbringen. Ebenfalls empfiehlt sich diese Vorgehensweise, damit Bibliotheken nicht mehrfach geladen werden. Einiges Hinweise zu beiden Themen findet ihr in den Beiträgen JavaScript-Bibliotheken in und aus WordPress nutzen und Abfrage einer Script-Version in WordPress.

jQuery Logo
Ab und an braucht man aber etwas bestimmtes und einiges davon wiederholt sich und daraus sind einige Code-Schnippsel entstanden, die hier nun abgelegt sind. Dabei möchte ich speziell am Beispiel jQuery zeigen, wie das geht – liegt zum einen daran, dass jQuery mit vielen Plugins im Core von WordPress vorhanden ist und dass die Arbeit mit jQuery recht unkompliziert ist. Prinzipiell gelten die Hooks und Aufrufe aber auch für eigene Scripte und andere Bibliotheken.
Weiterlesen

Standard
Webküche

jQuery 1.3 CheatSheet

Im deutsche Umfeld scheint es, als ob jQuery das Lieblingsframework der Entwickler im Bereich JavaScript ist. Seit geraumer Zeit ist Version 1.3 von jQuery veröffentlicht und diverse Neuerungen, aber vor allem Performanceverbesserungen huldigen die neue Version.

Um so schöner, dass es auch für die neue Version (alte Version) ein übersichtliches CheatSheet gibt, was beim Umgang ein leichten Zugriff erlaubt. Einfach mal drüber schauen.
Alternativ kann man noch immer auf das Firefox Add-on oder die Air-Applikation zurückgreifen.

Aufgefallen bei Technikwürze 132

Update: Cheat Sheet für jQuery Version 1.4 gibt es unter neuen Adresse

Standard
CSS, xHTML, JS, Tipps, Webküche

Erweiterung der Kommentarfunktion

Ab jetzt ist die Kommentarfunktion ein wenig mächtiger uns soll euch den Zugriff auf Textstellen und -passagen erleichtern.
Aufmerksame Leser haben vielleicht die Hinweise zu den Kommentaren schon gelesen und die Funktion genutzt? Ich habe seit geraumer Zeit eine Möglichkeit integriert, die es euch erlaubt sich auf bestimmte Texte aus dem Artikel zu beziehen, ohne großen Mehraufwand. Um die Funktion zu nutzen müsst ihr lediglich im Artikel den Text markieren, daraufhin erscheint ein Button mit dem Text „Antworten“. Beim Klick auf diesen Button wird der markierte Text direkt in die Textbox eures Kommentars übernommen und ihr könnt wie gewohnt euren Kommentar dazu schreiben. Der übernommene Text wird dabei als Zitat ausgezeichnet.

Screenshot Bezug auf Textstellen im Artikel
Weiterlesen

Standard
Code, CSS, xHTML, JS, Webküche

jQuery Funktionen im Griff

jQuery Logo
In der Vergangenheit habe ich die Tags für CSSDOC in meinem Lieblingseditor UltraEdit bereit gestellt. Durch einen netten Kontakt mit Michael ist mir aufgefallen, dass ich auch die Tags von jQuery im Editor nutze und warum nicht auch die bereit stellen.
Daher liegen nun hier die Tags zur jQuery Version 1.2.6. Damit wird der Zugriff sehr einfach möglich. Die Tags kann man sicher auch in anderen Editoren nutzen, man muss sie nur an das entsprechende Format anpassen.
Weiterlesen

Standard
CSS, xHTML, JS, Webküche

Rundungen mit JavaScript Test erweitert

In der Vergangenheit habe ich ein kleines Testscript erstellt, welches einige Lösungen vergleicht, die mittels JavaScript und diverse Hilfen wie Bilder, CSS oder Libraries die Rundungen im Webdesign erleichtern sollen. Mehr Infos im zugehörigen Beitrag.

Aktuell gefällt mir die Lösung „DD_roundies“ sehr gut und so habe ich sie mit in den Test aufgenommen. Ich denke, dass man so einen recht schönen Vergleich ziehen kann. Sicherlich werde ich damit nicht immer auf dem aktuellen Stand sein und wollen. Aber so kann man in den unterschiedlichen Browsern vergleichen und sich eventuell für eine der Lösungen entscheiden. Weiterlesen

Standard
Themes, Tipps, WordPress

JavaScript-Bibliotheken in und aus WordPress nutzen

Entwickelt man explizit in und für WordPress, dann empfiehlt sich die Verwendung einer Library aus dem Core und einem Plugin für die jeweilige Library mit dem gewünschtem Effekt.
Gleiches gilt für Theme- und Plugin-Autoren. Realisiert man mit den Funktionen von WordPress die Implementierung von JavaScript, dann werden Komplikationen verringert und die Kompatibilität unter den Plugins ist wesentlicher höher.
Wie man JavaScript aus dem Core nutzt – dies möchte ich am Beispiel der Thickbox zeigen.

In der einen oder anderen Website möchte man den „Lightbox“-Effekt einbinden und sucht nach einer Möglichkeit. Dabei wird man auf sehr viele unterschiedliche Umsetzungen stoßen. Schauen wir uns eine an, die ohne Plugin auskommt.
WordPress bringt Thickbox im Standard schon mit und kann daher ohne großen Aufwand genutzt werden.
Weiterlesen

Standard
CSS, xHTML, JS, Webküche

jQuery UI

jQuery Logo

Für das JavaScript-Framework jQuery gibt es das Plugin jQuery UI, welches sehr viele Anwendungen im Oberflächenbereich abdeckt. Das Plugin hat ein Update bekommen und in diesem Zusammenhang sollte man sich den ThemeRoller mal anschauen. Übersichtlich wird dort dargestellt, wie und was geht. Das Theme kann per Klick erstellt und erwendet werden. Die Integration wird vereinfacht, auch wenn man dann auf Grund von Datenmenge die Lösung ändert. So kann man damit recht schnell ein Ergebnis erzielen.
Ebenso kommt man sehr schnell zur Dokumentation und einer ganzen Reihe von Demos.

Standard
CSS, xHTML, JS, Webküche

Lightbox Clones Matrix

Mit Lightbox gab es eine JavaScript-Library, die das Darstellen von Bildern sehr verschönte. Die Entwicklung dieser Anforderung hört damit nicht auf und mittlerweile hat man kaum noch einen Überblick über die unterschiedlichen Anforderungen, geschweige denn wenn man mit einigen Anforderungen in die Suche geht, zum Beispiel Datenmenge, Frameworkbasis etc..

Dieses Problem hatte auch Ozh und erstellte eine Matrix mit einer glasklaren Übersicht, die sich nach jedem Gesichtspunkt sortieren lässt. Dabei kann man schön das eine oder andere Tool finden. Ebenso kann man Filter setzen, so dass sich das Ergebnis schnell einschränken lässt und man zum erwünschten Ziel kommt.

Lightbox Matrix
Weiterlesen

Standard