Suchergebnisse für den Tag: Java Script

Image Preload mit jQuery – Bilder mit jQuery in den Arbeitsspeicher laden

Veröffentlicht am 11.01.2011
Bilder vorladen mit jQuery

Bilder vorladen

Nutzer wollen nicht warten. Gemäß diesem Motto werden häufig auf Webseiten schon Informationen, die der Nutzer mit einer hohen Wahrscheinlichkeit als nächstes anzeigen möchte, vorgeladen.

So werden bei einem Klick in ein Login-Formular schon Elemente des Dashboards das nach dem Login angezeigt werden soll, geladen, um diese Seite dann schneller ausliefern zu können. Ein wichtiger Bestandteil ist dabei das Laden von Bildern, da diese häufig den Großteil des Datenvolumens ausmachen.

Weiterlesen →

Abgelegt unter: Java Script, jQuery | Schlagworte: , , , | Kommentar verfassen

Automatisches Update von Informationen wie bei Twitter mit selbstaufrufenden Java Script Funktionen

Veröffentlicht am 08.12.2010
Twitter Automatic Update

Automatische Updates bei Twitter

Manchmal ist es gewünscht, dass verschiedene Elemente auf einer Webseite stets aktuell sind, auch während der Nutzer ohne einen Reload auf der Seite verharrt. In solchen Fällen hilft Java Script (mit AJAX) und PHP. Dabei wird häufig die Java Script Funktion setInterval(); verwendet, die jedoch mehr als ungeeignet ist. In diesem Artikel erkläre ich wieso setInterval(); nicht verwendet werden sollte und wie die Umsetzung optimal geschieht.

Weiterlesen →

Abgelegt unter: Demo, Java Script, jQuery, PHP | Schlagworte: , , | Kommentar verfassen

jsFiddle: Quellcode online testen für Mootools, jQuery, YUI, Dojo und viele mehr

Veröffentlicht am 09.09.2010

jsFiddle ist ein ehrgeiziges Projekt. Es ermöglicht das Schreiben von Quellcode (HTML, CSS, Javascript) auf einer Webseite auf der dieser dann auch gespeichert und ausgeführt werden kann. Sehr hilfreich ist dabei, dass die bekannten Java Script Frameworks gleich zu beginn mit ausgewählt werden können. Das Projekt dabei basiert auf der Mootools Shell, einem offiziellen Mootools-Projekt.

Weiterlesen →

Abgelegt unter: Demo, Java Script, jQuery, Tools | Schlagworte: , , | Kommentar verfassen

Paul Irish: 10 Things I learned from the jQuery Source

Veröffentlicht am 27.08.2010

Wer etwas für jQuery übrig hat und sich dem Wissen von jQuery Team Member und Google Chrome Entwickler Paul Irish nicht entziehen möchte, sollte unbedingt das folgende Video ansehen. Dort versteckt sind ein paar wesentliche Tipps im Umgang mit jQuery.

Abgelegt unter: jQuery | Schlagworte: , , | Kommentar verfassen

Web Performance Management Teil 2: Komprimierung von CSS und Java Script mit dem YUI Compressor

Veröffentlicht am 23.07.2010

LadezeitenoptimierungIm zweiten Teil der Serie zum Thema Web Performance Management möchte ich Euch mit dem YUI Compressor von Yahoo eine sehr effektive Variante der Komprimierung von CSS, Java Script und Textdateien vorstellen.

Der YUI Compressor ist eine von Yahoo in Java implementierte Software, die es uns mit einigen Eingaben auf einer Eingabekonsole (Shell) ermöglicht unsere CSS und Java Scripts um 70% reduziert auszuliefern. Bei komplexen Webseiten mit mehreren CSS-Dateien und einer Masse an Java Script Code kann dies ganze Sekunden Ladezeit ausmachen.

Weiterlesen →

Abgelegt unter: CSS, Java Script, Suchmaschinenoptimierung | Schlagworte: , , , , | Kommentar verfassen

Aloha Editor: Editieren von Inhalten live auf dem Frontend

Veröffentlicht am 22.07.2010
Aloha Framework

Aloha Beispiel: Inhalte während des Anzeigens einfach editieren

Christian brachte mich darauf Aloha unter die Lupe zu nehmen. Aloha ist eine Java Script Library, die es dem Anwender ermöglicht Inhalt auf Webseiten während des Anzeigens zu editieren. Bisher kannte ich diese Art des Editierens eher aus der Flash-Entwicklung, nicht aber mit einfachem HTML und Java Script.

Im anschließenden Abschnitt möchte ich Euch kurz demonstrieren wie Aloha funktioniert. Aus dem Download Package solltet ihr vorerst den Ordner “Aloha” in Eure Sandbox kopieren. Dort befindet sich der Kern dieses Werkzeugs. Jetzt legt ihr am besten ein Grundgerüst einer HTML-Datei an und bindet den Aloha-Kern ein (die Anleitung dazu findet Ihr im Quellcodeauszug weiter unten).

Weiterlesen →

Abgelegt unter: Demo, Java Script | Schlagworte: , , , | 1 Kommentar vorhanden