HTML und CSS Frameworks
Frameworks werden seit langem in vielen Programmiersprachen wie C# verwendet, doch im Bereich html & css setzen sich diese Hilfen nur allmählich durch. Frameworks erleichtern dem “Programmierer” die Arbeit bei Arbeitsschritten die in fast jedem Projekt Vorkommen.
Die wohl bekanntesten Vertreter in Sachen html & css sind
YAML (Yet Another Multicolumn Layout) von Dirk Jesse und Blueprint
YAML Screenshot
Blueprint Screenshot
mit YAML lassen sich skalierbare html&css Websites mit wenigen Klicks zusammenstellen. Mit Blueprint dagegen erstellt man Grid (Gitter) basierte Layouts die eine feste Breite haben.
Die Vorteile von diesen Frameworks sind:
- Die Layouts werden in allen gängigen Browsern korrekt dargestellt, da eventuell benötigte css hacks schon integriert sind.
- Die Arbeit in einer Agentur ist mit diesen Frameworks um einiges produktiver, da die Strukturen des Codes definiert sind und sich somit jeder, der an diesem Projekt mitarbeitet, sofort in den Code “eindenken” kann und loslegen kann.
Nachteile sind:
- Die langen Eingewöhnungszeiten. Wenn man mit einem Framework arbeiten möchte, bedarf das einer nicht zu verachtenden Einarbeitungszeit.
- Man übernimmt eventuell im Code vorhandene Fehler einfach so, ohne es zu wissen. Meist werden diese Fehler aber schnell von der Community entdeckt und behoben. Wer also sein framework aktuell hält, relativ wenig zu befürchten.
- Die Kosten. YAML z.B. ist kostenlos verfügbar, wenn man jedoch die Verweise auf YAML jedoch entfernen möchte, muss man eine Lizenz erwerben.
- Die Eingeschränkte Kreativität. Mit Frameworks kann man ohne immensen aufwand “kreative” “abstrakte” Layouts nur schwer umsetzen. Wer so etwas machen möchte, sollte seinen Code lieber von Hand schreiben.
Abschließend kann man also sagen, dass das Arbeiten mit Frameworks viel Zeit spart, wenn mehrere Leute an einem Projekt Arbeiten und sich alle Mitarbeiter eingelernt haben. Wer jedoch alleine arbeitet und weiß, dass kein anderer so schnell den Code bearbeiten muss sollte seinen Code von Hand schreiben.
Was sagt ihr zu dem Thema Frameworks? Arbeitet ihr mit einem?
Gruß Julian
Hi,
den aufgeführten Vor- und Nachteile kann ich nur beipflichten. Allerdings sollte man beachten, dass YAML und Blueprint nur sehr schwer miteinander zu vergleichen sind.
YAML ist ein spaltenbasiertes Framework, dass davon ausgeht, dass man 2 bis 3 Spalten einsetzt, und dabei so viele Browser-Fehler wie möglich “repariert”. Mit YAML ist es sehr angenehm zu arbeiten, da man für den IE nur relativ wenig anpassungen machen muss.
Blueprint hingegen ist ein Grid-Basiertes Layout, dass die Seite in Zellen aufteilt. Das Problem an diesem Framework ist ganz klar, dass der erzeugte Code sehr stark Tabellen ähnelt.
Dennoch ist der Einsatz von Frameworks sinnvoll, sofern sich der Seitenaufbau an die Idee des Frameworks anpassen lässt.
Liebe Grüße,
Michael
Hallo Michales,
Danke für deinen Kommentar!
Das was du sagst stimmt natürlich. Grind und Spalten sind 2 verschiedene Sachen
Was Frameworks betrifft, gefällt mir YUI von Yahoo auch ausnehmend gut. Vor allem das Handling der Fonts ist dort genial gelöst (alle Unzulänglichkeiten von IE werden dabei elegant abgefangen). Ausserdem ist YUI ein Baukastensystem, aus dem man sich, je nach Bedarf, bedienen kann. Beispiele für YUI sind eigentlich fast alle Websites von Yahoo.
Auch wenn die beiden Frameworks unterschiedliche Ziele verfolgen, lässt sich auch mit YAML ein Grid-Layout erstellen, wie Dirk Jesse beschreibt: http://www.highresolution.info/weblog/entry/grid_layouts_sinnvoll_umsetzbar_mit_yaml/
Hallo Julian,
ich kann deinen Vor- und Nachteilen nur zum Teil zustimmen. Mit YAML kann ich durch die feine Untergliederung nahezu alle Layouts erstellen. Die Einarbeitung ist sicher aufwendig, aber sinnvoll, wenn man CSS-konforme und browserübergreifend funktionierende Layouts erstellen will.
Gruß
Michael
Hallo Michael,
Ich bin ganz deiner Meinung! Wer die Zeit aufbringen kann und lust hat, begeht sicher keinen Fehler wenn er/sie ein Framework “lernt”