Twitter Webmaster Blog L1D.de on Twitter RSS RSS

JavaScript

Zeitleisten mit jQuery: Timelinr

Von , 19. Oktober 2011 19:30

jQuery Timelinr bietet ein einfach zu benutzendes Plugin für jQuery. Mit Timelinr könnt ihr problemlos Zeitleisten in eure Webseiten einbauen und diese mit Ereignissen füllen. Man könnte dieses Plugin auch nutzen um einen stylischen Onlinelebenslauf zu erstellen.

Mehr Infos zu findet ihr hier. (Demo)

Share

Vertikaler Content-Slider

Von , 6. Oktober 2010 20:39

Wer schon immer nach einem vertikalen Content-Slider auf jQuery-Basis gesucht hat, der wird bei Andrea Cima Serniotti fündig.

vertikeler-content-slider

Eine Demo zum Content Slider ist auf der Internetseite online.

Features:

  • Mehrere Instanzen auf einer Seite einbindbar.
  • Suchmaschinenoptimiert
  • Kleiner als 8KB.
  • Man kann nahezu alle HTML Inhalte sliden, wie z.B. Text, Bilder, Listen, usw.
  • Slide-Animation

Das Script ist einfach einzubinden und anzupassen. Auf der Seite gibt es eine gute Anleitung dazu für diejenigen die noch nicht so fortgeschritten mit jQuery sind. Viele Spaß mit dieser netten Spielerei!

Share

jQuery Image Slider

Von , 18. September 2010 08:32

caroFredSel ist ein kostenloses jQuery Plugin, dass es ermöglich aus einfachem HTML ein Schönes Bilderkarussell zu erzeugen.

jquery-carousel

Featureauszug:

  • Scrollbar horizontal und vertikel
  • automatisches Scrollen
  • einfaches entfernen oder hinzufügen von Elementen
  • Tastaturbedienung
  • Kompatibel mit fast alles Browsern
Share

ZOTONIC CMS – einfach und schnell

Von , 7. August 2010 18:32

Zotonic ist ein neues kostenloses Open Source Content Management System. Es bringt mal wieder frischen Wind ist die Szene und überzeugt dabei durch einfache Bedienung und Schnelligkeit.

zotonic cms

Wer überlegt seine Seite auf Zotonic umzustellen oder eine neue Seite mit der Software zu starten muss sich auf folgende Features gefasst machen:

  • Leicht zu bearbeitendes Front-End basierend auf jQuery und dem CSS Framework von Atatonic.
  • Modulares System welches sich sehr leicht anpassen und erweitern lässt.
  • Sehr schnelle ladezeiten.
  • Solide Programmstruktur in der man sich schnell zurecht findet um eventuelle Anpassungen durchzuführen.
  • Gut strukturierte Datenbank für schnelle Query-Zeiten

Fazit: Zotonic hat auf jeden Fall einen Testlauf verdient. Es macht einen sehr guten Eindruck. Es ist jedoch fraglich ob es sich durchsetzen kann gegen die “großen”.

Share

Horinaja – jQuery and scriptaculous Slideshow Plugin

Von , 14. Juni 2010 10:24

Horinaja ist ein kostenlose Plugin für jQuery und scriptaculous um eine einfache Slideshow zu erzeugen.

horinaja

Vorteile der Kostenlosen Version:

  • Einfach anzupassen
  • Cross-Browser Kompatibilität
  • Einfache Installation
  • Sowohl für jQuery als auch für scriptaculous zu haben
  • Man kann das Mausrad zum Navigieren der Slideshow nutzen

Die Implementierung in den eigenen Content geschieht einfach über DIV-Tags und ist damit besonders einfach. Dazu gibt es im JavaScript noch ein paar Optionen die Einstellbar sind: Name des Sliders, Zeit bis zum nächsten Slide, Verzögerungszeit und dann kann man noch aussuchen, ob eine Pagination angezeigt werden soll oder nicht.

Wem das alles nicht ausreicht, der kann auf die Pro-Version von Horinaja zurückgerifen. Für schlappe 5 Euro bekommt man dann neben den oben genannten Features noch folgende:

  • Zwei Buttons, links und rechts neben dem Content um vor/zurück zu Blättern
  • Die Pagination-Buttons sind mit einem Fade in/out Effekt versehen.
  • Man kann die HTML Elemente <ol> und <ul> innerhalb der DIV-Container nutzen

Ob man die Pro-Version wirklich braucht, muss man individuell für das Projekt entscheiden.

Share

HTML5 Video Player

Von , 6. Juni 2010 11:23

FlareVideo ist ein HTML5 Video Player für Internetseiten.

html5 video player

Neben Support für Vollbild bietet er einfachste Konfiguration mittels HTML, CSS und JS. Außerdem ist der Player komplett Open Source und kann somit auch für kommerzielle Projekte kostenlos genutzt werden!

Share

Open Source HTML5 Video Player

Von , 21. Mai 2010 19:30

Falls ihr grade auf der Suche seid nach einem Videoplayer für euer Projekt, habe ich etwas sehr Interessantes für euch:

html5videoplayer

Video JS ist ein Open Source HTML5 Video Player, der komplett ohne Grafiken auskommt. Speziell auch für Trafficstarke Projekte ist er außerdem zu empfehlen, da er komplett mit CSS anpassen lässt. Auch hier ohne extra Grafiken. Ansonsten stehen euch noch folgende Features zur Verfügung:

  • Vollbildmodus
  • Lautstärkeregelung
  • Komplett Open Source
Share

Automatische Pagination für Listen

Von , 15. Mai 2010 09:42

Pajinate ist ein jQuery Plugin um lange Listen in Seiten zu unterteilen.

screen-shot-2010-05-01-at-20-36-22

Dabei gibt es Einstellungsmöglichkeiten für die Anzahl von angezeigten Links, Einträge pro Seite und mit welcher Seite gestartet werden soll. Ein großer Vorteil bei dieser Art Listen zu erzeugen ist, dass Traffic und Serverleistung eingespart werden können.

Share

Hintergrundmusik für die eigene Homepage

Von , 29. Januar 2010 07:22

Auf den meisten Webseiten ist es bestimmt eher lästig Hintergrundmusik zu haben, aber Ausnahmen bestätigen nunmal die Regel.

1 Bit Audio Player ist ein kostenloser MP3 Player für die Eigene Webseite, der einfach per Javascript eingebunden werden kann.

Auf der Webseite von 1 Bit Audio Player findet ihr ein Download zur

  • Standalone Version – Kann in jede beliebige Webseite integriert werden
  • WordPress Plugin
  • und ein Bookmarklet, zur Wiedergabe von jedem beliebigen MP3 Link direkt im Browser.

Der Player lässt sich in jedes Design wunderbar einbetten und sogar der Icon kann angepasst werden durch die .FLA Datei, vorausgesetzt ist natürlich ein Flash Editor.

Share

MooTools Bilder Slider

Von , 23. Januar 2010 12:10

Blackbox ist ein einfacher Bilder Slider für MooTools.

Bildschirmfoto 2010-01-23 um 12.06.46

Blackbox kommt von lab111 und erstellt schnell und einfach eine Diashow mit ungeordneten Bilder und Fade-in/Fade-out Effekten. Blackbox ist natürlich kostenlos und auf jeden Fall einen Test wert!

Share