About

Avatar von Katrin Schneider
  • SMACCS – Refactoring CSS for Maintainability

    SMACCS – Refactoring CSS for Maintainability

    When you reach a point in your project where CSS changes become something nobody dares to do, it might be the right time for some refactoring to gain maintainability. Getting rid of those (random and way too many) !important’s and selectors from hell (.header.in-footer h2 a .actually_sidebar .link.red.final span) what I like to call them…

  • Frontend Frameworks VS Handcrafted UI

    Frontend Frameworks VS Handcrafted UI

    Modern web user interfaces often are single-page applications (SPAs), written in JavaScript, based on frameworks like React, Angular or vue.js. But what is rendered in the browser is still good old HTML and CSS. Therefore, even in times of SPAs, as at the beginning of the web, markup for wrapping the actual content must be…

  • Responsiveness revisited

    Responsiveness revisited

    Spricht man im Web-Kontext über moderne Fronend-Entwicklung (wie wir auf unserem ersten Lightning WEB @night – Event), kommt man um Responsiveness nicht herum. Seit Jahren nicht. Doch nur, weil der Begriff uns schon lange begleitet, heißt das nicht, dass wir ihn auch alle (auf die gleiche Art und Weise) verstanden haben. Es gibt unzählige Definitionen – und…

  • Vom Zähmen der CSS-Monster

    Vom Zähmen der CSS-Monster

    Wer schon einmal die komplexen Tiefen des Backends verlassen musste, um im vermeintlich einfacheren Frontend eines Projektes das Bunte und Spielerische anzupassen, wünscht sich meist schnell zurück zu den dokumentierten Funktionen, übersichtlichen Modulen und standardisierten Codezeilen. Nämlich genau dann, wenn man die völlig chaotischen und total überladenen CSS-Dateien – von mir auch liebevoll CSS-Monster genannt…

  • ExtJS Theming: Eine Anwendung, 100 Gesichter

    In der Frontendentwicklung ist es nicht unüblich, eine Anwendung in verschiedener Art in Erscheinung treten zu lassen. Ob für die Abgrenzung mehrerer Brands voneinander, den Verkauf einer Software mit spezifischen Designanpassungen für den Käufer (etwa für einen Online-Shop), oder zur Durchführung von A/B-Tests mit unterschiedlich gestylten Frontendkomponenten – es gibt eine Vielzahl von Gelegenheiten, bei denen es…

  • Responsive Design (technisches HowTo)

    Was ist eigentlich Responsive Design und warum kommt man derzeit kaum noch darum herum? Welche Probleme kann man damit lösen und wie funktioniert das Alles technisch? Auch wenn die heute eingesetzten Webtechnologien alle noch nicht besonders alt sind, ändern sich die Anforderungen und Möglichkeiten doch beinahe täglich. Transparente Bilder, Hovereffekte, Schatten und Farbverläufe sind Standard.…

  • 10 good reasons why to learn a css meta language like sass or less

    There’s a bunch of really usefull online css tools like css code shrinkers, validators, sprite generators, px to em calculators just to name a few. But what I like the best is SASS and LESS.

  • Agiles CSS

    Bei Mayflower wird agil entwickelt. In erster Linie bedeutet dies für den Kunden, dass wir auf geänderte Anforderungen schnell reagieren können. Schnell reagieren zu können heißt auch, neue oder geänderte Anforderungen so schnell wie möglich umzusetzen. Dafür muss der Code so aufgebaut sein, dass man mit minimalen Aufwand Änderungen durchführen kann. In PHP nutzen wir…

  • YAML – Yet Another Multicolumn Layout

    What is YAML? YAML is a framework to develop flexible layouts based on (X)HTML and CSS. In my opinion the best features of YAML are that it is flexible and easy accessible and not to forget that it is compatible with many browsers. Furthermore, it gives you maximal freedom concerning design. You can work with…