Javascript

Javascript

Stets passend: Adaptive Backgrounds für jQuery färbt Websites automatisch ein

30. Januar 2014
von
Stets passend: Adaptive Backgrounds für jQuery färbt Websites automatisch ein

Dieses jQuery-Plugin ist ein Knüller. Adaptive Backgrounds von Brian Gonzalez analysiert eingebundene Bilder hinsichtlich der verwendeten Farben, bestimmt die jeweils dominante und färbt den Hintergrund des das Bild enthaltenden Elements automatisch in eben dieser Farbe ein. Da Adaptive Backgrounds sich stets auf das Eltern-Element auswirkt, sind beliebig viele verschiedene Hintergründe auf der gleichen Seite möglich. Die Effekte sind beeindruckend. Adaptive Backgrounds für jQuery: Harmonische...

Weiterlesen »

Javascript

Slip.js: Kleines Script zur Touch-Optimierung von Listen in Web-Apps

27. Januar 2014
von
Slip.js: Kleines Script zur Touch-Optimierung von Listen in Web-Apps

Slip.js begegnete mir schon vor einigen Wochen, hinterließ jedoch auf den ersten Blick nicht genug Eindruck. Nun aber hatte ich einen konkreten Anwendungsfall und ich erinnerte mich, Sie kennen das, da doch etwas gesehen zu haben. Jetzt, in der konkreten Umsetzung muss ich einräumen, dass Slip.js für die Erstellung sortierbarer, oder generell bearbeitbarer Listen per Touch eine ziemlich clevere Sache ist. Slip.js: Swipen, was...

Weiterlesen »

Javascript

SVG und JavaScript: Was ist möglich, was muss beachtet werden?

21. Januar 2014
von
SVG und JavaScript: Was ist möglich, was muss beachtet werden?

Das SVG-Format gibt es zwar schon länger, war mangels flächendeckender Browserunterstützung jedoch nur bedingt einsatzfähig. Da mittlerweile alle aktuellen Browser das Format unterstützen und Flash immer mehr verdrängt wird, ist SVG noch interessanter geworden. Wie Flash ist auch das SVG-Format vektorbasiert und kann Animationen enthalten. Aber es hat noch eine Gemeinsamkeit zu Flash: Per Scriptsprache sind Programmierungen innerhalb des Formates möglich. Per JavaScript auf...

Weiterlesen »

CSS

Summernote: Starker WYSIWYG-Editor für Bootstrap 3

6. Januar 2014
von
Summernote: Starker WYSIWYG-Editor für Bootstrap 3

Heute will ich Sie auf ein recht frisches JavaScript aufmerksam machen, mit dessen Hilfe Sie in unschlagbar simpler Art und Weise einen funktionsreichen WYSIWYG-Editor in Ihr Bootstrap-Projekt einbauen können. Das kleine Tool mit dem sympathischen Namen Summernote gibt es kostenlos. Es erfreut sich reger Entwicklungstätigkeit und wird wohl in den nächsten paar Wochen die Versionsnummer 1 erreichen. Aber schon zum jetzigen Zeitpunkt ist Summernote...

Weiterlesen »

CSS

HTML 5: Per JavaScript auf aktive CSS-Eigenschaften von Stylesheets zugreifen

2. Januar 2014
von
HTML 5: Per JavaScript auf aktive CSS-Eigenschaften von Stylesheets zugreifen

Per JavaScript auf CSS-Eigenschaften zuzugreifen, die innerhalb eines Elementes per STYLE-Attribut – sogenannte Inline-Styles – ausgezeichnet sind, ist keine große Sache. Dafür gibt es die entsprechende JavaScript-Eigenschaft „style“. CSS-Eigenschaften, die über interne oder externe Stylesheets – beispielsweise über Klassen oder IDs – zugewiesen sind, lassen sich mit dieser Eigenschaft jedoch nicht abfragen. Hierfür gibt es die relativ neue Methode „getComputedStyle()“. Alle aktiven CSS-Eigenschaften eines...

Weiterlesen »

Javascript

FileSystem-API: Dateien erstellen und lokal speichern mit JavaScript und Webkit

13. Dezember 2013
von
FileSystem-API: Dateien erstellen und lokal speichern mit JavaScript und Webkit

Mit der FileSystem-API ist es möglich, per JavaScript Dateien und Verzeichnisse zu erstellen und diese lokal auf dem Rechner des Nutzers zu speichern. Es kann sich dabei um einfache Text-, aber zum Beispiel auch um Bilddateien handeln. Moderne Webkit-Browser, die HTML5 unterstützen, können mittlerweile auch mit der FileSystem-API umgehen. Zugriff auf lokales Dateisystem Um Verzeichnisse und Dateien lokal speichern zu können, bedarf es freilich...

Weiterlesen »

Javascript

Codeblock.js: JavaScript direkt im Browser editieren und ausführen

11. Dezember 2013
von
Codeblock.js: JavaScript direkt im Browser editieren und ausführen

Wenn es um die Vorstellung von JavaScript-Frameworks und -Bibliotheken geht, ist es immer sinnvoll, den Nutzern mit konkreten Beispielen zu erklären, wie das Framework oder die Bibliothek funktioniert, wie sie eingesetzt wird und welche Einstellungsmöglichkeiten vorhanden sind. Statt nur Quelltext-Schnipsel zu veröffentlichen, ist es natürlich wünschenswert, wenn Besucher sich selbst am Quelltext versuchen können, ohne erst selbst JavaScript- und Demo-Dateien herunterladen zu müssen. Das...

Weiterlesen »

Javascript

Scrollen, sliden, biegen und mehr: 5 frische jQuery-Plugins aus dem November 2013

28. November 2013
von
Scrollen, sliden, biegen und mehr: 5 frische jQuery-Plugins aus dem November 2013

Das jQuery-Universum wächst beständig. Es ist schwierig, mit der Entwicklertätigkeit in Sachen Plugins informatorisch Schritt zu halten. Und, seien wir mal ehrlich, vielfach lohnt sich das auch gar nicht. Wir stellen Ihnen heute fünf frische jQuery-Plugins vor, die allesamt im November entstanden sind oder offiziell vorgestellt wurden. Diese zu kennen, lohnt sich auf jeden Fall. Versprochen… onScreen bearbeitet Elemente beim Betreten oder Verlassen des...

Weiterlesen »

Javascript

Flat, Mobile, Responsive: Frische JavaScripte und jQuery-Plugins des Monats September 2013

24. September 2013
von
Flat, Mobile, Responsive: Frische JavaScripte und jQuery-Plugins des Monats September 2013

Mit jQuery-Plugins und JavaScript-Tools ist es wie mit WordPress-Themes, Fonts, Icons und anderen Ressourcen für die Designer- und Developer-Community. Es gibt sie in schier rauhen Mengen. Dabei ist es gerade bei JavaScript- und jQuery-Lösungen wichtig, den Überblick zu behalten. Denn, wenn man schon ein externes Werkzeug einsetzt, dann sollte es wenigstens nicht von Anno Tuck, sondern halbwegs frisch und zeitgemäß sein. Einige aktuelle Vertreter...

Weiterlesen »

Javascript

Auf links: 2 neue Ladehilfen für moderne Web-Apps mit JavaScript/jQuery

4. September 2013
von
Auf links: 2 neue Ladehilfen für moderne Web-Apps mit JavaScript/jQuery

Mit dem Laden von Elementen auf Websites ist es so eine Sache. Mal möchte man alle schon vor dem ersten Anzeigen der Seite im Cache haben, mal möchte man das aufgrund der Vielzahl selbiger nicht. Zumindest will man den Besuchern aber den Status verdeutlichen. Die folgenden zwei neuen JavaScripte, davon eines Stand-Alone und eines für jQuery, helfen unterschiedlich. Flipload.js – Dreht Elemente auf links...

Weiterlesen »