jQuery

jQuery

5 jQuery-Plugins, die Leben in Ihre Texte bringen

11. April 2013
von
5 jQuery-Plugins, die Leben in Ihre Texte bringen

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....

Weiterlesen »

jQuery

Sidr für jQuery: Moderne Sidebar-Navigation mit vielen Finessen

9. April 2013
von
Sidr für jQuery: Moderne Sidebar-Navigation mit vielen Finessen

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...

Weiterlesen »

Javascript

April’s Tools: Fool.js und Faker.js – eins nützlich, eins nur Spaß

1. April 2013
von
April’s Tools: Fool.js und Faker.js – eins nützlich, eins nur Spaß

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...

Weiterlesen »

Javascript

Kleine Helfer: 5 jQuery-Plugins für den Entwickler-Alltag

29. März 2013
von
Kleine Helfer: 5 jQuery-Plugins für den Entwickler-Alltag

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...

Weiterlesen »

Browser

jQuery Custom Content Scroller: Schluss mit hässlichen Standard-Scrollbars

15. März 2013
von
jQuery Custom Content Scroller: Schluss mit hässlichen Standard-Scrollbars

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...

Weiterlesen »

3D

HTML5: Threesixty.js generiert 360-Grad-Ansichten aus Bild-Strecken

9. März 2013
von
HTML5: Threesixty.js generiert 360-Grad-Ansichten aus Bild-Strecken

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...

Weiterlesen »

Javascript

Hook.js für jQuery – Zum Laden loslassen

8. März 2013
von
Hook.js für jQuery – Zum Laden loslassen

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...

Weiterlesen »

Javascript

Typeahead.js für jQuery – Flexibles Autocomplete aus dem Hause Twitter

25. Februar 2013
von
Typeahead.js für jQuery – Flexibles Autocomplete aus dem Hause Twitter

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...

Weiterlesen »

Javascript

Lazy Line Painter für jQuery zeichnet SVG-Grafiken per Animation auf Websites

12. Februar 2013
von
Lazy Line Painter für jQuery zeichnet SVG-Grafiken per Animation auf Websites

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...

Weiterlesen »

Javascript

Toolbar.js für jQuery und Bootstrap: Flexible Werkzeugleisten im iOS-Look

5. Februar 2013
von
Toolbar.js für jQuery und Bootstrap: Flexible Werkzeugleisten im iOS-Look

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...

Weiterlesen »