Das aktuelle YUI 3 CSS Framework im Praxistest (02.03.10) Bei YUI denken viele Webworker hauptsächlich an ein Javascript-Framework. Das ist es in erster Linie natürlich auch. Allerdings ist in der aktuell vorliegenden Version 3 zudem ein kleines, aber nicht unfeines CSS Grid Framework integriert. Was es taugt und wo seine Grenzen liegen, vermittelt dieser Praxistest.
Weiterlesen 2 Kommentare
JavaScript Tutorial: Eine effektvolle Mausspur mit Follow Mouse (21.01.10) Die Mausspur ist ein reichlich verspielter Effekt, den es auch schon zu DHTML-Zeiten gegeben hat. Der Mauszeiger wird von einzelnen Bildern oder Buchstaben verfolgt. Der auffällige Effekt kann für sich selbst stehen oder eine kurze Botschaft transportieren. Das Tutorial erklärt ausführlich das nötige Scripting.
Weiterlesen 23 Kommentare
SEO Hilfsmittel: Meta-Informationen zur Kontrolle mit Javascript einblenden (07.01.10) Bei der Suchmaschinenoptimierung sind passende Titel, treffende Kurzbeschreibungen und ergänzende Schlüsselwörter für jede einzelne Seite des jeweiligen Internetauftritt sehr wichtig. Dies bedeutet fast immer eine umfangreiche Arbeit, bei der man rasch den Überblick darüber verlieren kann, welche Begriffe und Beschreibungen welcher Seite zugeordnet wurden. Ein einfaches JavaScript sorgt für Transparenz und ermöglicht eine effektive Kontrolle.
Weiterlesen 14 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
JavaScript: Animiertes Säulendiagramm mit HTML Canvas (01.07.09) Mit HTML Canvas braucht man nicht mehr auf Tricks zurückgreifen, sondern kann direkt in JavaScript punktgenaue Grafiken zeichnen. Wir stellen das anhand eines animierten Säulendiagramms vor. Schauen wir uns an wie Rechtecke inklusive Farbverlauf gezeichnet werden.
Weiterlesen 12 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
JScharts – Generator und Library für Diagramme (04.05.09) Es gibt eine ganze Reihe an Skripten, Libraries und Generatoren zur Erstellung von Diagrammen, aber mit JScharts existiert es nun auch eine reine JavaScript-Lösung, die tatsächlich im Idealfall wenig bis keine Kenntnisse im Einsatz erfordert. Neben dem dynamischen Einsatz lässt sich die Library auch über den Editor einmalig in den Content einbetten.
Weiterlesen 1 Kommentar
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
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
JavaScript Information Visualization Toolkit (JIT) – Alternative Visualisierungsformen mit JavaScript (26.01.09) Das JavaScript Information Visualization Toolkit (JIT) ist ein JavaScript-Framework für etwas ausgefallenere Präsentationsformen abseits von Torten- und Balkendiagrammen. Derzeit stehen vier verschiedene Visualisierungen zur Verfügung: RGraph, Treemap, Hyperbolic Tree und ST.
Weiterlesen Keine Kommentare
Karussell Navigationen für die Bild- und Textpräsentation mit Javascript € (12.01.09) Das Karussell ist eine Metapher für sich drehende Elemente auf einer Webseite. Diese Form der Präsentation eignet sich nicht nur für Bildgalerien, auch Nachrichten und andere Inhalte (Tabellen, Flash, Listen, etc.) können auf diese Weise platzsparend und attraktiv dargeboten werden. Allein gemeinsam ist, dass die Navigation über Pfeile in der Nähe der Inhalte erfolgt. Ausnahmen dieser Regel gibt es auch, einfacherweise wirkt der Effekt über einen gedrückt gehaltenen Mauszeiger ausgelöst.
Weiterlesen Keine 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
JS Bin: Collaborative Testing und Debugging (06.11.08) Eine bekannte Situation: In einem scheinbar fehlerfreien Code tritt plötzlich ein merkwürdiger Fehler auf, der eigentlich gar nicht vorkommen sollte. Wer nach mehreren Versuchen, eine Lösung zu finden, nicht mehr weiter weiß, wendet sich mit dem Problem an einen Bekannten oder Kollegen. Wäre es in diesem Fall nicht praktisch, eine virtuelle Testumgebung zu haben, in der fehlerhafte Code-Snippets gemeinsam getestet und debuggt werden können?
Weiterlesen Keine 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
Bildbearbeitung mit Javascript (06.06.08) "Bildbearbeitung mit Javascript" - das klingt zunächst seltsam. Javascript wird im Webbrowser ausgeführt. Dort Bildbearbeitung zu betreiben, erscheint zunächst fragwürdig. Mit PhotoType geht das, wenn auch mit Hilfe eines kleinen PHP-Scripts, welches die [...]
Weiterlesen 12 Kommentare
Starbox: eigene Site mit Wertungssternchen aufrüsten (08.02.08) Bei einem Online-Versandhändler können zu wenige von den unscheinbar anmutenden Sternchen den Unterschied zwischen Erfolg und Misserfolg eines Produkts ausmachen. Sterne sind zum Symbol für Produktbewertungen im Netz geworden. Wer seine Besucher zum Abstimmen [...]
Weiterlesen 4 Kommentare
SessionID per JavaScript (21.01.08) In modernen Browsern lassen sich viele Optionen manuell aus- oder zuschalten. Dazu zählen auch Cookies, welche aus Datenschutzgründen nicht selten deaktiviert werden. Die Aufgabe eines Webentwicklers ist es, die programmierte Website auch ohne “Kekse”...
Weiterlesen Keine Kommentare
Mehr Performance für JavaScript (03.12.07) AJAX als Synonym für XML und JavaScript machte das Web 2.0 erwachsener und interaktiver. Kaum ein modernes Online-Projekt verzichtet heute auf diese Technologie. Wir zeigen die besten und durch Erfahrung gesammelten Tipps für einfache, aber effektive Optimierung...
Weiterlesen Keine Kommentare
Erzeugen von Zufallscodes mit Javascript oder PHP (29.10.07) Ein Script erzeugt Zufallskombinationen aus Ziffern und Großbuchstaben, zum Beispiel 591BUF7GS5 oder LTOBT2AFM3. Solche Codes werden in der Praxis vielfältig eingesetzt. Wo kommen die Codes her? Wenn Dutzende, Hunderte, Tausende davon gebraucht werden, ist...
Weiterlesen Keine Kommentare
