Suchergebnisse für den Tag: jQuery Plugin

jPlayer: jQuery Plugin für das Abspielen von Audio und Video mit HTML5 oder Flash

Veröffentlicht am 25.01.2011

jPlayerIn einem meiner aktuellen Projekte war es notwendig Audiodateien vom Server für den Nutzer abzuspielen. Dabei musste ich darüber hinaus ein jQuery Plugin finden, welches eine vollständige Kontrolle über diese Dateien zulässt, das heißt Audiodateien zu jedem Zeitpunkt starten, stoppen, zum nächsten Track wechseln und auch während der Laufzeit weitere Audiodateien in die Playlist aufnehmen. Mit jPlayer habe ich ein Plugin gefunden, dass darüber hinaus sogar schon die HTML5 fähigen Browser auf diese Art bedient, während die Fallback-Variante mit einem Flash (swf) arbeitet.

Weiterlesen →

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

jQuery Expandable: Textfelder die sich dem Schreibenden anpassen

Veröffentlicht am 22.09.2010

Man könnte beinahe behaupten, dass ich eine “nützliche jQuery-Plugins”-Reihe begonnen hätte. Tatsächlich ist es jedoch so, dass ich derzeit viele dieser Plugins für eigene Projekte benötige und die wirklich hilfreichen hier gleich vorstelle.

In diesem Beitrag soll es um Textareas gehen, die sich während des Schreibens vergrößern und somit dem Verfasser immer genügend Platz bieten (dieses Plugin steht also im Gegensatz zu jQuery CharCount). Das dazugehörige Plugin trägt dabei den Namen jQuery Expandable.

Weiterlesen →

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

jQuery CharCount: Auf den Punkt gebracht

Veröffentlicht am 17.09.2010

Die Begrenzung von Zeichen hat das derzeitige Jahrzehnt schon jetzt geprägt. Diese Aussage klingt auf den ersten Blick etwas seltsam, ist jedoch wahr. Twitter hat sich als 140-Zeichen Microblogging-Dienst durchgesetzt und ist in aller Munde. Die Begrenzung der Zeichen in den Textnachrichten kann nun auch mit Hilfe eines jQuery Plugins nachgebaut werden.

jQuery CharCount

jQuery CharCount

Dieses Plugin möchte ich in diesem Artikel kurz vorstellen: jQuery CharCount.
Weiterlesen →

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

jQuery TinyTips: Hilfreiche Hinweise für die Benutzer einfach mit jQuery gestalten

Veröffentlicht am 13.09.2010
jQuery TinyTips 1.1

jQuery TinyTips

Manchmal ist es auf einer Webseite notwendig den Nutzer mit zusätzlichen Informationen zu versorgen – dennoch ist es nie gewollt ihn gleich zu Beginn mit Informationen zu überfluten. Dieses Dilemma lässt sich zumindest zum Teil durch das jQuery Plugin TinyTips (derzeit in Version 1.1) lösen. Die Funktionsweise und die nötigen Schritte zur Anwendung erkläre ich in diesem Artikel.

Weiterlesen →

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

Textboxlisten wie in StudiVZ oder Facebook (Facebook Tokenizer)

Veröffentlicht am 01.09.2010
jQuery Textboxlist

jQuery Textboxlist

Jeder der auf Facebook oder StudiVZ unterwegs ist, kennt die besonderen Eingabeelemente beim Versenden von Nachrichten, Einladungen oder beim Verlinken von Freunden auf Bildern. Dabei wird die Textbox visuell erweitert, indem die Namen der Freunde eingegeben, durch Enter bestätigt und danach als Listenelement scheinbar im Textfeld stehen. Danach kann ein weiterer Freund hinzugefügt werden oder fehlerhafte Eingaben durch Entfernen des Elementes aus der Liste gelöscht werden.

In diesem Artikel möchte ich einen Ansatz mit jQuery (basierend auf der Umsetzung durch eine Liste) aufzeigen, der diese Funktionalität bereitstellt.

Weiterlesen →

Abgelegt unter: CSS, Demo, Facebook Development, jQuery | Schlagworte: , , , , | Kommentar verfassen

Web Performance Management Teil 6: Laden von Elementen auf den Viewport des Nutzers beschränken (Lazy Loading)

Veröffentlicht am 26.07.2010

Ein neuer Ansatz um dem Benutzer der Webseite sehr schnell Inhalte zu präsentieren ist das ausschließliche Laden der Elemente, die sich in seinem Viewport (Sichtbereich) befinden. Diese Methode kann über den Einsatz von Java Script gelöst werden, ist jedoch browserabhängig und sollte daher mit Hilfe eines Framworks bewerkstelligt werden. Neben dieser Vorgehensweise gibt es unter dem Stichwort “Lazy Loading” oder “Lazyload” die Theorie Bilder erst bei Bedarf nachzuladen. Dies ist sehr praktisch, da in einer Vielzahl von Studien bewiesen wurde, dass der Großteil der Nutzer auf Webseiten nicht mehr nach unten Scrollt sondern die wichtigsten Informationen im Kopf der Seite stecken: Geladen wird trotzdem die gesamte Webseite, in vielen Fällen jedoch umsonst.

Weiterlesen →

Abgelegt unter: jQuery, Suchmaschinenoptimierung | Schlagworte: , , , | 1 Kommentar vorhanden