Die strikte Trennung von Design und Inhalt bei Webprojekten führte dazu, dass die HTML-Konstrukte immer einfacher und die CSS-Dokumente immer komplexer wurden. So bringen es sogar die Stylesheets kleiner Websites recht schnell auf über 500 Zeilen Code und werden über den Projektlebenszyklus hinweg immer undurchsichtiger. Bei umfangreicheren Webprojekten stellen die Stylesheets nicht selten ein kleines “Kunstwerk” dar, das mit vertretbarem Zeitaufwand nur vom ursprünglichen Entwickler komplett durchschaut wird.
Diese Tatsache macht es auch sehr schwierig im Team an den Styles einer Website zu arbeiten. Auch eine Wiederverwendung von CSS-Dokumenten für andere Projekte ist nur eingeschränkt möglich.
Die Lösung: OOCSS
Die Webentwicklerin Nicole Sullivan versucht mit ihrer Objektorientiertes CSS (OOCSS) genannten Methode einen Lösungsansatz zu finden. OOCSS versucht die Idee der Objektorientierung auf CSS zu übertragen. Objektorientiertes CSS ist dabei keine neue Technik, sondern vereint eine Reihe von Regeln für die Gestaltung von CSS-Dateien. Grundgerüst von OOCSS ist eine von Nicole Sullivan auf ihrer GitHub Projektseite bereitgestellte Code-Bibliothek im Alpha-Stadium. Um das CSS-Framework einsetzen zu können, müssen wie schon erwähnt einige Regeln beachtet werden. Die zwei wichtigsten:
-
Trenne Container und Inhalt
Gemäß Sullivans Terminologie bildet ein simpler HTML-Tag (z.B. <h1>, <p>, <li>, …) mit zugehörigem CSS einen Inhalt. Komplexere Strukturen bestehend aus mehreren <div>-Elementen werden als Container bezeichnet. Ordnet man diesen Containern jetzt noch über mehrere CSS-Klassen Layout und Design (Skins) zu, dann entstehen Sullivans Objekte.
-
Trenne Struktur und Design
Nicole Sullivan bezieht sich hier auf das CSS von Containern und Inhalten. Durch die Verwendung unterschiedlicher Klassen für Layout- und Design-Elemente wird die Wiederverwendbarkeit von Objekten in anderen Projekten ermöglicht.
[weiterlesen…]
26. Januar 2010
481 Aufrufe
Tags: codesnippet, css, Internet, webdesign, webdevelopment, work
Persönliches Interesse und auch einige aktuelle Anforderungen bewegten mich kürzlich zu einer Recherche bezüglich der gängigen OpenSource Content-Management-Systeme (CMS).
Hintergründe & Status Quo
Meine ersten Erfahrungen mit CM-Systemen sammelte ich im 2. Semester an der FH Hagenberg. Im Rahmen eines Semesterprojektes setzte ich gemeinsam mit einem Studienkollegen ein auf PostNuke basierendes Portal für unseren Jahrgang MTD02 um.
Im 4. Semester wurde ich dann im Rahmen der Lehrveranstaltung Document Content Management ziemlich ausführlich mit TYPO3 konfrontiert. Es gab auch Klausuren, bei denen das Verfassen von TypoScript-Code auf Papier abverlangt wurde. 
Ich hatte jedoch damals keine Anforderung für ein so “mächtiges” CMS und meine anfängliche Euphorie ist dann auch schnell wieder verflogen.
Richtig interessant wurde das Thema Content-Management-Systeme dann wieder im Rahmen meiner Selbständigkeit mit PIXELUTION.AT.
Da griff ich meistens zu unserem selbst programmierten, einfach gestrickten PXcms basierend auf TinyMCE. Dieses System erlaubt jedoch nur die textuelle WYSIWYG-Bearbeitung eines Bereiches pro Seite und das Einfügen von Bildern und PDF-Dateien über eine einfache Multimedia-Datenbank.
Das ein oder andere Projekt habe ich auch mit Joomla umgesetzt, wobei mich hier die Benutzeroberfläche mit den ganzen Modulen und Verschachtelungen nie richtig überzeugte.
[weiterlesen…]
06. Juni 2009
552 Aufrufe
Tags: barrierefreiheit, cms, Internet, software, web2.0, webdevelopment, webstandards
Der Immobilien Streifzug Exklusiv wird DAS österreichische Magazin für die internationale Luxusimmobilie. Zweisprachig (deutsch und englisch) bietet es eine ideale Plattform für die Crème de la Crème der international operierenden Immobilienmakler.
Selbstverständlich gehört zu einem Magazin dieser Klasse auch eine professionelle Online-Präsenz und so wurde nun nach einigen Wochen harter Arbeit und vielen Detailanpassungen “die neue Plattform für die internationale Luxusimmobilie” der Öffentlichkeit zugänglich gemacht.
Ab sofort erreichbar unter www.streifzug-exklusiv.com
[weiterlesen…]
04. Mai 2009
541 Aufrufe
Tags: cms, Internet, Pixelution, webdesign, webdevelopment, work
In Kooperation mit meinem Partner D-SE7EN aus Wien war ich für die technische Umsetzung der Microsite für die KNORR Kinder-Suppen verantwortlich. Die Website informierte über die Produkte – Dino Suppe, Glückskäfer Suppe und Piraten Suppe – und präsentierte einige Rezeptideen. Weiters fand man auch ein Gewinnspiel und einen Downloadbereich mit Malvorlage, Geburtstagseinladung und Desktop-Hintergrundbildern auf der Microsite.
Besonderheit: Das vom Spielehersteller Ravensburger als Brettspiel produzierte “KNORR-Memo-Spiel” wurde von uns etwas abgespeckt (12 Paare) als Flash-Variante umgesetzt.
[weiterlesen…]
25. Februar 2009
3,908 Aufrufe
Tags: Internet, Pixelution, webdesign, webdevelopment, work
CSS Naked Day ist ein Projekt zur Förderung der Webstandards.
Unter der Oberfläche einer Website zeigt sich die wahre Qualität: korrekte Verwendung von (X)HTML, semantisches Markup, gut gegliederter, hierarchischer Aufbau und natürlich hochwertige Inhalte.
Am jährlich stattfindenden CSS Naked Day zeigen sich alle teilnehmenden Websites “nackt”, entblößen ihren <body> und zeigen was dahinter steckt.
Gut strukturierte Websites machen auch bei deaktiviertem “Design” (siehe Cascading Style Sheets) ein gutes Bild und sind ohne Einschränkung les- und navigierbar.
[weiterlesen…]
09. April 2008
940 Aufrufe
Tags: barrierefreiheit, codesnippet, css, Internet, webdesign, webdevelopment, webstandards
Der persönliche Blog von 