CSS Spezifität – Bebildertes Cheat Sheet

Hi, Freunde der Web Entwicklung. Sicherlich jedem mal in seiner Tätigkeit als Web Developer begegnet: Die Spezifität eines CSS Selektors. Warum wird meine Deklaration nicht angewendet obwohl sie z. B. am Ende des Stylesheet steht oder zumindest andere Regeln dieses Elements hinter sich lässt. Die Antwort: Weil die Spezifität eines Selektors über deren Anwendung entscheidet. Weiterlesen


Responsive Webdesign – CSS und Media Queries organisieren

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 Ordnung schaffen. Ich stelle euch einmal die gängigen Praktiken vor und ihr könnt die für euch interessanteste Lösung herauspicken. Weiterlesen


CSS – Tipps & Tricks: Vertikal zentrieren

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 Frontend Developer grübeln lassen. Weiterlesen





Schöne Scrollbars mit jScrollPane erstellen

Hallo Frontend-Freunde. Heute zeige ich euch wie ihr ansprechende Scrollbars erstellen könnt. Die Standard-Scrollbalken erfüllen gerade in schicken Layouts selten die Ansprüche an ein rundum gelungenes Nutzererlebnis. Viele Browser (darunter die maßgeblichen FF und IE) greifen nämlich, wenn es heißt, Scrollbars einzusetzen auf den Standard aus dem Betriebssystem zurück. Gerade in Windows sind das kantige langweilige graue Kästen. Sie sind eben funktionell und machen das, was sie sollen. Aber schön geht anders. Weiterlesen


Javascript – ToDo List mit dem JS-Framework „flight“

Im letzten Beitrag habe ich euch die Entwicklung eines kleinen Tools in AngularJS versprochen. Allerdings heißt es nicht umsonst: „Nichts ist so sicher wie die Lageänderung“. Das wissen wir als Frontend Entwickler nur zu gut. Ich bin nämlich auf das interessante Framework flight gestoßen. Es ist von Twitter entwickelt und vor Kurzem veröffentlicht worden. Dieses möchte ich euch heute kurz vorstellen und eine kleine ToDo-List in flight umsetzen. Weiterlesen