Dr.Web - Das Online Magazin für Seitenbetreiber

Rubrik: Javascript

Werbung
Illu

Trotz Facebook Widgets eine valide Seite

An Facebook Widgets führt heutzutage fast kein Weg vorbei. Spätestens wenn man mit seiner Seite bei Facebook vertreten ist, werden Facebook Widgets auf der eigenen Website eingebunden. Hier ein kurzer Tipp, wie das am besten funktioniert.

Weiterlesen | 10 Kommentare
Illu

jQuery-Tutorial: Schickes Sliding-Menü selbst erstellen

Interaktive dynamische Websites bieten zwei große Vorteile: Sie sind platzsparend und sie sorgen für ein interessanteres Anwendererlebnis, weil Menüpunkt und andere Inhalte wahlweise ein- und ausgeblendet werden können. So können Sie sehr elegant und unaufdringlich üppige Inhalte präsentieren, ohne den User direkt zu erschlagen.

Weiterlesen | Keine Kommentare | PLUS-Beitrag
Illu

Yahoo Query Language (2): YQL-Datenbankabfragen debuggen

Yahoo Query Language (YQL) ist ein Service und eine Sprache, die es spielend leicht macht, Webservices und APIs zu verwenden - sowohl in punkto Zugriff als auch im Hinblick aufs Format. Wie Sie die per YQL erstellten Datenbankabfragen, die wir im ersten Teil des Beitrags erstellt haben, debuggen, erfahren Sie hier. Außerdem listet dieser Teil des Beitrags nützliche Praxisbeispiele und weitere Ressourcen.

Weiterlesen | Keine Kommentare | PLUS-Beitrag
Illu

Kontrollierter Rückfall von CSS3-Eigenschaften - Übergänge (2)

Auch wenn die neuen Browser-Versionen nach und nach CSS3 unterstützen - es sind noch immer genügend ältere Browser im Einsatz, die CSS3 nicht beherrschen. Wenn Sie neben Ihren Kunden auch sich selbst glücklich machen und CSS3 trotz der Rücksichtnahme auf IE & Co. einsetzen wollen, nutzen Sie diese Tipps, um CSS3-Eigenschaften in älteren Browsern möglichst passend auf andere Art zu ersetzen.

Weiterlesen | Keine Kommentare
Illu

jQuery: Eigene browser-übergreifende Bookmarklets erstellen

Bookmarklets oder Favelets sind kleine, JavaScript-codierte Anwendungen in Link-Form, mit denen Sie die Browser-Funktionen erweitern können. Das Installieren von Plugins oder das Herunterladen von Software entfällt. Favelet per "Drag&Drop" auf die Symbolleiste des Browsers ziehen - fertig. Dieses Tutorial erklärt Schritt für Schritt, wie Sie eigene Bookmarklets mithilfe von jQuery erstellen.

Weiterlesen | 2 Kommentare | PLUS-Beitrag
Illu

Das aktuelle YUI 3 CSS Framework im Praxistest

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 | 4 Kommentare
Illu

JavaScript Tutorial: Eine effektvolle Mausspur mit Follow Mouse

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 | 24 Kommentare
Illu

SEO Hilfsmittel: Meta-Informationen zur Kontrolle mit Javascript einblenden

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 | 15 Kommentare
Illu

jQueryUI - beeindruckende Interaktionen, Widgets und Effekte

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
Illu

JavaScript: Animiertes Säulendiagramm mit HTML Canvas

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 | 13 Kommentare
Illu

Tutorial: Toggle-Boxen mit jQuery

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 | 11 Kommentare
Illu

JScharts – Generator und Library für Diagramme

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 | 2 Kommentare
Illu

Bilder später laden mit Lazy Load und jQuery

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 | 4 Kommentare
Illu

Suchergebnisse anzeigen ohne Nachladen mit jQuery

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 | 8 Kommentare
Illu

JavaScript Information Visualization Toolkit (JIT) – Alternative Visualisierungsformen mit JavaScript

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
Illu

Karussell Navigationen für die Bild- und Textpräsentation mit Javascript

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 | PLUS-Beitrag
Illu

50+ nützliche Plugins für jQuery

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 | 20 Kommentare
Illu

JS Bin: Collaborative Testing und Debugging

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
Illu

20 frische AJAX- und Javascripts

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
Illu

BarackSlideshow – Einfaches Script mit Mehrwert

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