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

weiterlesen

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…

weiterlesen

turn.js Flip-Book-Effect mit HTML5

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…

weiterlesen

Mit Katzen JavaScript lernen

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…

weiterlesen

Flexbox im Responsive Webdesign

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…

weiterlesen

3D Modelle mit CSS mit Tridiv

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…

weiterlesen

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

weiterlesen

Alternative Frontend-Frameworks

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…

weiterlesen

Pfeiltasten Navigation mit Javascript

Um eine gute Navigation zu bauen kann es durch aus sinnvoll sein, sie per Tastatur steuerbar zu machen. So könnte man zwischen den einzelnen Seiten mittels Pfeiltasten hin und her wechseln zum Beispiel bei einem Blog. Ich zeige euch wie ihr das ganze umsetzen könnt. In JavaScript wird uns das Event onkeydown angeboten. Mit Hilfe dieses Events ist es uns möglich zu ermitteln, um welche gedrückte Taste…

weiterlesen

Drag&Drop mit JavaScript

Hallo freunde der Frontend Entwicklung, heute gibt mal was ganz neues... DRAG&DROP! Ja ich weiß, das Thema ist gar nicht neu, wir haben es auch schon diverse male in unserem Technik Blog behandelt. Heute möchte ich aber mal eine andere Seite beleuchtet, nämlich wie Drag&Drop von Dateien in den Browser löst,…

weiterlesen