F(E)utter – CSS Custom Properties

F(E)utter – Denkanstöße zu FE-Themen
Diese Blogreihe soll „Futter“ für das Frontend-Hirn bieten.
Es werden verschiedene Themen wie neue Technologien, Herangehensweisen an Problemstellungen u.ä. angeschnitten. Dabei ist eine Diskussion durchaus gewünscht und wir freuen uns über jeden Input.


(mehr …)

Spartan – Next Generation Grid System

Spartan ist ein simples und doch extrem flexibles LessCSS Grid System, welches einem ermöglicht mit Leichtigkeit verschiedenste responsive Layouts aufzusetzen.

Egal was der Designer einem präsentiert, mit diesem Grid lässt sich alles umsetzen. Ob viewport abhängige Gutter oder sogar unterschiedliche Anzahl Columns, Spartan sind keine Grenzen gesetzt.

Dynamische online Demo.
(mehr …)

Frontend Build-Prozess mit Grunt

Grunt ist ein Tool, mit welchem sich wiederkehrende Aufgaben im Frontend automatisieren lassen. Das ganze basiert auf einem Ökosystem an Plugins, welche in einem Gruntfile.js konfiguriert und so an das jeweilige Projekt angepasst werden können.

grunt-logo

Zu diesem Blogpost gibt es ein Grunt Beispielprojekt auf GitHub, welches die nachfolgend beschriebenen Features abdeckt:

Zudem werden CSS und Javascript Sourcemaps unterstützt sowie Live Reloading im Browser.

github-logoGrunt Beispielprojekt auf GitHub

(mehr …)