Texte sind zum Lesen da, sollen bisweilen aber durchaus auffallen. Eine Reihe von jQuery-Plugins stellen Möglichkeiten zur Verfügung, Texte mit Animationen und animierten Hovereffekten in Bewegung zu bringen. Fünf schicke jQuery-Plugins für solche Texteffekte haben wir zusammengestellt. Sliding Letters: Text per Hover ändern Das erste Plugin wechselt per Hovereffekt einen Text per Animation aus. Der Standardtext wird dabei, wie üblich, mit einem A-Element ausgezeichnet....
Das sogenannte Panelmenu, oder korrekter Off-Canvas-Menu, ist seit dem Siegeszug mobiler Clients immer populärer geworden. Seitlich rein slidende Navigationsmenüs kennen Sie von nahezu jeder größeren Smartphone-App. Wenn ich mich recht erinnere, war es Facebooks mobile Anwendung, die das Sidebar-Menü als erste einsetzte. Vor einiger Zeit stellten wir mit dem jQuery-Plugin jPanelMenu bereits eine Variante vor, die das Sidebar-Menü für beliebige Websites verfügbar macht. Unsere...
1. April 2013. Dr. Web ist seit einem Jahr wieder da. Die Neueröffnung 2012 erwies sich als wahr und nachhaltig. Wir hatten ja schon damals angekündigt, dass es sich nicht um einen Aprilscherz handeln würde. In diesem Jahr wollen wir daher mehr zum Aprilspaß beitragen und stellen Ihnen zu diesem Zweck das jQuery-Plugin Fool.js vor. Eine ernsthaftere Anwendung haben wir mit Faker.js auch noch...
Die Entwicklergemeinde rund um jQuery ist sehr aktiv. Nahezu stündlich werden Plugins ersonnen, die es so bislang nicht oder nicht in der Form gab. Der Fortschritt ist kaum noch zu protokollieren. Dabei sind große Projekte, darunter sind aber auch viele kleine Helfer für ganz bestimmte Anwendungszwecke. Fünf dieser kleinen Tools stellen wir im folgenden Beitrag vor. Imageloader.js – Schnelles Vorausladen von Bildern Imageloader.js erledigt...
Scrollbare Elemente innerhalb einer Website sind keine Besonderheit. Leider sehen in den wenigsten Fällen weder schön aus, noch passen sie ins Layout. Denn immer, wenn es etwas zu scrollen gibt, werden standardmäßig die Scrollbars des Browsers verwendet. Das jQuery-Plugin Custom Content Scroller stellt individuelle Scrollleisten zur Verfügung, die einfach eingesetzt werden können. Beispiele für das Plugin im Einsatz Plugin und Stylesheet einbinden und loslegen...
360 Grad und es wird noch heißer. Nee, ich glaube, da verwechsele ich gerade was. Was das jQuery-Plugin Threesixty.js leistet, hat nur dann etwas mit Temperatur zu tun, wenn man entsprechendes Bildmaterial verwendet. Ansonsten leistet Threesixty.js schlicht die Erstellung von 360-Grad-Ansichten, wie man sie etwa typischerweise auf den Websites der internationalen Auto-Marken vorfindet. Der Charme des Plugins liegt in seiner einfachen Handhabung. Threesixty.js: Data-Attribute...
Wenn ich mich recht erinnere, hat’s Apple erfunden. Oder war´s der Loren Brichter in seinem Tweetie-Client? Ich weiß es nicht mehr und letztlich ist es auch egal. Inzwischen hat sich die Funktion “Zum Laden loslassen”, “Zum Aktualisieren herunterziehen”, im Original “Pull To Refresh” durchgesetzt, jedenfalls auf mobilen Clients, wie Smartphones und Tablets. Jordan Singer und Brandon Jacoby bieten eine ähnliche Möglichkeit seit einigen Tagen...
Seit der Freigabe des Frameworks Bootstrap scheint Twitter mehr und mehr Freude am Gedanken des Open Sourcing zu gewinnen. Das neueste Geschenk an die freie Entwicklergemeinde hört auf den Namen Typeahead.js. Es handelt sich um ein jQuery-Plugin, das beliebige Input-Elemente mit Autovervollständigungs-Funktionalität ausrüstet. Dabei können die Daten fest hinterlegt oder aus lokalen und entfernten JSON-Files kommen. Typeahead.js: Autovervollständigung vom Feinsten Typeahead.js benötigt mindestens jQuery...
Dank des Canvas-Elementes und der Zeichenfunktionen von JavaScript ist es möglich, Grafiken im Browser zu berechnen und darzustellen. So kann man Zeichnungen per Animation auf eine Website zeichnen. Wer eine solche Animation nicht selbst programmieren will, findet im jQuery-Plugin Lazy Line Painter ein hilfreiches Tool, welches diese Aufgabe für SVG-Grafiken per JavaScript im Browser erledigt. Lazy Line Painter Lazy Line Painter: SVG-Datei konvertieren und...
Ob man den Designstil des iOS mag oder nicht, spielt hier keine Rolle. Unabhängig von der aktuellen Diskussion um Skeuomorphismus wird man schnell Einigkeit darüber erzielen, dass das Toolbardesign aus Apples mobilem OS wegweisend für moderne Websites ist. Ein Tapp auf ein Icon oder einen Link bringt häufig weitere Auswahlmöglichkeiten ans Licht. Das spart Platz und ist mittlerweile etabliert. Das jQuery-Plugin Toolbar.js des Neuseeländers...
Letzte Kommentare