Javascript

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

Peer.js: Peer-to-Peer mit WebRTC und JavaScript im Browser

27. Februar 2013
von
Peer.js: Peer-to-Peer mit WebRTC und JavaScript im Browser

WebRTC ist eine mächtige Idee. Echtzeitkommunikation im Browser will sie ermöglichen. Google, Mozilla und Opera unterstützen das Projekt, die API wird derzeit von Chrome und den Nightlies von Firefox unterstützt. Das ist ja schon eingeschränkt genug. Das JavaScript-Projekt Peer.js ist noch eingeschränkter. Es läuft derzeit nur in Chrome Dev und Canary. Interessant ist es allemal. Ähm. Nein, um den hier geht es nicht… (Credits...

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 »

AJAX

HTML5 Server-Sent-Events: Per JavaScript auf Server-Requests reagieren

19. Februar 2013
von
HTML5 Server-Sent-Events: Per JavaScript auf Server-Requests reagieren

Mit dem XMLHttpRequest-Objekt ist es bereits möglich, mit dem Webserver zu kommunizieren, ohne dass das HTML-Dokument neu geladen werden muss. Das Server-Sent-Event, das mit HTML5 eingeführt wurde, erlaubt es, ohne Neuladen des Dokumentes auf Server-Requests zu reagieren. Auf diese Weise ist es beispielsweise sehr einfach möglich, einen Artikelbestand aktuell zu halten oder eine terminierte Ausgabe (mit Server- statt Clientzeit) ohne Neuladen zu realisieren. Server-Sent-Events:...

Weiterlesen »

Feedreader

Subtome – Feeds abonnieren leichter gemacht

16. Februar 2013
von
Subtome – Feeds abonnieren leichter gemacht

Mozilla Hacks stellt ein Projekt aus dem Hause Superfeedr vor. Dabei handelt es sich um ein JavaScript-Experiment, das nichts geringeres erreichen will, als den künftigen Standard für den Subscribe-Button zu stellen. In der Tat verfolgt Subtome einen interessanten Ansatz und könnte mainstream-tauglich sein. Subtome – Subscribe To Me Das Open Source Projekt Subtome von Superfeedr entkoppelt die Aktion des Abonnierens eines Users, Feeds oder...

Weiterlesen »

CSS

Neue Tools: CSS-Preprozessor Roole und HTML-Umwandler Markdown.css

15. Februar 2013
von
Neue Tools: CSS-Preprozessor Roole und HTML-Umwandler Markdown.css

Ist es nicht immer wieder erstaunlich, mit welchen Tools die Entwicklercommunity aufwartet? Während sich darunter viele sehr nützliche, teils unverzichtbare finden, gehören auf der anderen Seite auch etliche dazu, deren Sinn sich nicht auf den ersten, vielfach ebenso wenig auf den zweiten Blick erschließt. Heute habe ich je ein Tool von beiden Enden des Spektrums für Sie. Roole: CSS-Preprozessor auf der Basis von JavaScript...

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

Neue Zeitrechnung mit der JavaScript-Bibliothek Moment.js

9. Februar 2013
von
Neue Zeitrechnung mit der JavaScript-Bibliothek Moment.js

Mit Zeitangaben zu rechnen, ist nicht ganz einfach. Es gibt viele unterschiedliche Einheiten (Jahr, Monat, Tag, Stunde etc.) und beinahe ebenso viele Zahlensysteme, von denen keines dezimal ist. Die JavaScript-Bibliothek Moment.js liefert eine Reihe nützlicher Funktionen, mit denen sich bequem Zeitspannen ausrechnen und Zeitangaben in unterschiedlichen Formaten ausgeben lassen – und das für verschiedene Sprachen und Länder. Moment.js Zeiten schnell und einfach formatieren Ist...

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 »