Javascript

Javascript

Adobes Snap.svg: Animationen mit HTML 5 und ohne Flash

2. April 2014
von
Adobes Snap.svg: Animationen mit HTML 5 und ohne Flash

Flash war lange Zeit der Standard für vektorbasierte Animationen im Web. Mit dem Aufkommen mobiler Endgeräte wurde Flash immer mehr von HTML5 und CSS3 verdrängt. Dank des SVG-Formates, welches mittlerweile von allen modernen Browsern unterstützt wird, können vektorbasierte Grafiken ohne Plug-in im Browser dargestellt werden. Mit der JavaScript-Bibliothek Snap.svg aus dem Hause Adobe ist es zudem möglich, Animationen mit SVG-Grafiken zu erstellen. Bestehende SVG-Grafiken...

Weiterlesen »

CSS

Powerange und Switchery: HTML5 für Schalter und Slider im Flat Design

18. März 2014
von
Powerange und Switchery: HTML5 für Schalter und Slider im Flat Design

Alexander Petkov macht mit zwei unter der MIT-Lizenz frei nutzbaren HTML5-Komponenten auf sich aufmerksam. Powerange erlaubt die Erstellung schicker Slider im von iOS7 inspirierten Flat Design und mit Switchery baut man dazu passende Schalter. Beide Komponenten funktionieren als Kombination von CSS und JavaScript ohne weitere Abhängigkeiten und laufen in allen modernen Browsern, sogar im Internet Explorer (Switchery 8+, Powerange 9+). Man muss kein Fan...

Weiterlesen »

Javascript

Unausweichlich: 10 aktuelle JavaScript-Lösungen, an denen ich nicht vorbeikam

12. März 2014
von
Unausweichlich: 10 aktuelle JavaScript-Lösungen, an denen ich nicht vorbeikam

Haben Sie schon “You might not need jQuery” gelesen? Diese Site hat bekanntlich in den letzten Wochen einige Wellen geschlagen. Grundtenor der Aussage ist, dass man sich besser damit beschäftigen sollte, die Fähigkeiten moderner Browser direkt aka standardkonform anzusprechen, anstatt sich auf jQuery zu verlassen, um damit im Grunde dasselbe Ergebnis zu erzielen. Ich finde den Ansatz zwar nachvollziehbar und ansprechend, aber. Welcher Developer...

Weiterlesen »

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 »