Schnellere Webentwicklung mit MarkerCSS?

Mit all den notwendigen Browser-Workarounds, und der generellen Schreibwütigkeit, die man zur Erstellung von CSS aufbieten muss, gehen derzeit viele Bestrebungen in die Richtung zur Optimierung der CSS-Erstellung. Egal ob wir hier von Grid-Systemen, Reset-CSS oder ähnlichen Konstrukten sprechen.

MarkerCSS schreibt sich hierbei auf die Fahne, die Css-Entwicklung „zu revolutionieren“. Naja, ein müdes Lächeln später stellt man fest, das die Revolution sehr komisch ausfällt :) Aber zunächst einmal ein Beispiel. So sieht es ohne MarkerCSS aus:

.container01 {
    position:relative;
    float:left;
    width:500px;
    height:700px;
    }
 
.container02 {
    position:relative;
    float:left;
    width:50px;
    height:70px;
    }
 
 
<div class=”container01”>
    <div class=”container02”></div>
</div>

Mit MarkerCSS wird daraus dann:

<div class=”rl w500 h700”>
    <div class=”rl w50 h70”></div>
</div>

Sieht wirklich weniger aus, oder? Aber ein kleiner Blick hinter die Kulissen lässt sofort erkennen, dass es sich bei MarkerCSS um ein weiteres Framework handelt, das durch eine CSS glänzt, die eingebunden werden muss. So weit, so gut: Die gute Nachricht es funktioniert, die schlechte ist: 30kb unoptimiertes CSS in 8 Dateien!

Screenshot der MarkerCSS-Homepage

Stellt sich natürlich die Frage on ich einen wirklichen Nutzen davon trage, da ich ohne selbst noch einmal Hand anzulegen sowohl bei Page Speed als auch bei YSlow mit dem Framework erstmal durchfalle. Darüber hinaus stört mich, dass wirklich alle möglichen Fälle in dem CSS abgedeckt sind. H70 wird als eine „Höhe von 70“ interpretiert, gefühlte 100 CSS-Klassen weiter merkt man, das in MarkerCSS wirklich alle Höhen abgedeckt werden!

Zugutehalten muss man dem Framework, das es wirklich einfach einsetzbar ist, aber ohne entsprechende Optimierungen sollte man es meines Erachtens nicht online setzen. Trotzdem kann es für den einen oder anderen von euch eine nette Alternative zu den üblichen Frameworks sein.

Ähnliche Beiträge

Responsive Emails mit MJML für alle Clients Responsive Emails für zum Beispiel Newsletter sind eine schlimme Sache. Man könnte sogar sagen: HTML in E-Mails ist generell eine noch schlimmere Sach...
Truncating von Text mit HTML Markup Manchmal sind es die einfachen Dinge im Leben, die einen Webworker in den Wahnsinn treiben. Alles beginnt mit einem Anruf: der Kunde möchte die ersten...
Mozilla Thimble – HTML & CSS lernen Meine persönliche Meinung ist ja, das Mozilla anstatt sich auf den Browser zu konzentrieren, in den diversesten Nebenprojekten aufreibt. Teilweise kom...
Individuelle Checkboxen ohne JavaScript Schuster bleib bei deinen Leisten ist nicht immer eine gute Idee! Vor allem dann, wenn man seine Stiefel anstatt gegen die Version aus Gummi auszutaus...

4 Antworten auf „Schnellere Webentwicklung mit MarkerCSS?“

  1. Das widerspricht in meinen Augen dem Konzept das Layout vom Code zu trennen. Denn mit w400 schreibe ich ja doch direkt ins Html wie breit der Container sein soll. Bei Änderungen muss dann zwangsläufig das HTML angepackt werden.

    Zusätzlich muss jeder Besucher weit mehr Ressourcen laden, als notwendig. Ich finde, dass das selbst in Zeiten von DSL Webmastern nicht egal sein sollte.

  2. Naja, ein Framework eben. Wenn man sich darauf einlässt, kann man nach etwas Eingewöhnungszeit sicherlich ganz gut damit arbeiten. Es gibt ja eine ganze Reihe an CSS-Frameworks, doch kam für mich persönlich noch nichts an YAML heran.
    Und wenn man bei MarkerCSS wirklich jede CSS-Eigenschaft mit einer eigenen Klasse versehen möchte, dann halte ich den Code nicht wirklich für überschaubar.

    Mein Fazit: Nichts für mich!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.