Frontend Entwicklung

SVG (Scalable Vector Graphics) ist ein Format um Vektorgrafiken im Browser darzustellen. Das bedeutet die Formen und Farben werden nicht als feste Pixelwerte erzeugt sondern nach einer Beschreibung berechnet. Da die Werte der Grafiken direkt im Quellcode zugänglich sind haben…

In meinem letzten Post habe ich gezeigt wie man per requirejs Javascript Dateien nachladen kann. Damit man aber noch mehr Ordnung in seine Javascript-Struktur bekommt, kann man anstatt loser Funktionssammlungen in Dateien auch Javascript-Module definieren. In Verwendung mit requirejs empfiehlt sich hier das AMD Module Pattern (Asynchronous Module Definition). Module ermöglichen in der Software-Entwicklung die…

Wie heißt es doch so schön - man muss das Rad nicht neu erfinden. Genau deswegen haben viele Entwickler Code-Snippets für die verschiedensten Arten von Funktionen, Styles, Templates, usw. Damit man hier nicht die Übersicht verliert und alle Snippets zentral abgelegt werden können gibt es die unterschiedlichsten Tools. Eines davon ist…

Hi Freunde der Webentwicklung. In Zeiten von Responsive Webdesign und Mobile First müssen wir als Frontend Developer in verschiedenen Geräten und Auflösungen denken. Hier stellt sich dann die Frage wie die Stylesheets organisiert und strukturiert werden. Gerade in größeren Projekten mit einer wachsenden Codebasis  möchte man ja eine gewisse…

In meinen nächsten Blogposts möchte ich auf modules Javascript und den dazu gehörigen Aufbau bzw. Organisation eingehen. Vorher aber stelle ich euch Euch ein wichtiges Werkzeug dafür vor, nämlich requirejs.Heutige Webanwendungen verwenden eine vielzahl von Javascripts. Bei einem nicht modularen Vorgehen würde man die ganzen Funktionen und Scripte einfach in einer Datei sammeln. Bei umfangreichen Webprojekten wird diese Datei…

Shortcodes ermöglichen es in Wordpress für Redakteure ohne technisches Wissen an beliebiger Stelle bereitgestellte Funktionen auszuführen. Heute zeige ich euch wie man Shortcodes leicht selber programmiert. Aufruf und Möglichkeiten Die Syntax um fertige Shortcodes aufzurufen ist im einfachsten Fall [shortcode_name]. Auch ist es möglich diesem Shortcode Werte zu übergeben um komplexerer Funktionen zu…

Am 19. August 2013 wurde Bootstrap in der Version 3 veröffentlicht. In einem meiner älteren Posts bin ich schon mal auf die geplanten grundlegenden Änderungen eingegangen. Nach dem ersten Eindruck kann man sagen, dass die geplanten Vorhaben konsequent umgesetzt wurden. Hier die wichtigsten Änderungen auf…

Die Eigenarten des CSS Box-Models sind häufig einer der ersten Stolpersteine für CSS-Anfänger, da dieses sich von Natur aus nicht so verhält wie man es intuitiv erwarten würde. Als routinierter CSS-Autor hat man sich so an das ein oder andere Hilfskontrukt gewöhnt. Zum Glück gibt es die Eigenschaft box-sizing:border-box. Das Box-Model Während sich normalerweise Padding- und Border-Breiten eines Elementes zu…

Hi Frontend-Freunde. Heute zeige ich euch ein paar Möglichkeiten wie ihr Elemente vertikal zentrieren könnt. Mit CSS können wir heute schon nahezu jedes Problem abbilden und lösen. Verläufe, Schatten, selbst Animationen und ganze Browser-Games wurden und werden in CSS gelöst. Doch etwas so banales wie eine Vertikale Zentrierung, hat schon den einen oder anderen…

Mein Kollege Tobias hat euch in seinem seiner Posts den Dienst lorempixel für Platzhalter Bilder vorgestellt. Ich möchte euch heute weitere Dienste vorstellen die verschiedenste Platzhalter Bilder anbieten. placehold.it Der Klassiker unter den…