Frontend Entwicklung

Warum Eine klassische Newsseite besitzt eine Vielzahl von Bildern und hat - so es denn auch was zu berichten gibt - einen größeren Umfang. Aktuelle Browser laden beim Aufrufen eines HTML-Dokumentes alle Bilder runter die enthalten sind. Am PC stört das wenige und ist seltener ein Nachteil, bei mobilen Websites bedeutet es aber das eine Menge Daten geladen werden, von denen ich…

Sobald man vor der Aufgabe steht etwas in die Zwischenablage zu kopieren kam man um Flash nicht herum. Das ändert sich jetzt. Die meisten modernen Browser unterstützen die neue Javascript Clipboard API. Damit man sich nicht ein eigenes Script dafür schreiben muss haben die Macher von clipboard.js das für euch übernommen. Dabei raus…

Node.js & npm – Teil 1: Erstellung eines Pakets Node.js & npm – Teil 2: Node Modul…

Um eine möglichst hohe Bildschärfe zu erzielen besitzen aktuelle Smpartphones eine hohe Pixeldichte. Damit Bilder dort entsprechend gut aussehen, benötigen diese eine höhere Auflösung, wie wir sie bei gleicher Größe der Darstellung vom Desktop gewohnt sind. Um jedem Device ein optimales Bild zu liefern und Resourcen nicht unnötig zu verschwenden in dem man immer ein großes Bild ausliefert, bietet sich…

Mit turn.js erhält jeder Frontend-Entwickler nun die Möglichkeit den Flip-Book-Effect auch ohne Flash zu benutzen und das sogar auch auf mobilen Geräten. Mithilfe von turn.js lassen sich sehr einfach Magazine, Kataloge oder…

JavaScript ist nicht immer ganz einfach, vor allem wenn man bislang noch absolut keine Ahnung hat und sich noch nie mit der Materie auseinander gesetzt hat. Wie sollte man also am Besten Anfangen wenn man vor hat diese tolle Sprache zu lernen? Das gleich hat sich wohl…

Was ist Flexbox? Flexbox ist eine Möglichkeit mit CSS3 Layouts zu gestalten. Im Grunde genommen ist es die erste richtige Möglichkeit mit CSS Layouts zu erzeugen, wenn man bedenkt das floats nie für das Gestalten von Layouts gedacht waren und sich nur mit Work-Arounds benutzten lassen (clearfix, ..). Neben Flexbox gibt es auch CSS3 Grid Layouts, aber diese sind im produktiven Einsatz aufgrund des schlechten Browser-Supports bisher…

Dank CSS3 und der Hardwarebeschleunigung ergeben sich mit CSS immer mehr Möglichkeiten. Eine davon sind 3D Modelle. Heute stelle ich euch einen Online Editor vor mit dem ihr euch ganz einfach eure eigenen 3D Modelle zusammen bauen könnt. Das ist kann ein sehr guter Einstieg in die Materie sein. Tridiv wird von Julian Garnier entwickelt und ist jetzt schon in…

Mit Material Design hat Google eine einheitliche Designsprache geschaffen, die alle Produkte…

Jedem Frontend-Entwickler sollten die Frontend-Frameworks Bootstrap und Foundation ein Begriff sein, jedoch sind diese regelrechte Schwergewichte. Jene Frameworks setzten die JavaScript Library jQuery voraus und schlagen in der Regel mit bis zu 300KB zu Buche. Heute liste ich…