Archiv für die Kategorie ‘CSS’

CSS Standards und wer trägt Schuld für Browser-Inkompatibilitäten

Sonntag, 30. November 2008

Heute bekam ich die letzte Ausgabe von T3N und fand da einen Artikel über die Web-Standards und wie verschiedene Browser-Hersteller versuchen, fehlende Funktionalität mit Hilfe von proprietären Lösungen zu kompensieren. Seit einer geräumten Zeit warten Web-Entwickler und Browser-Hersteller auf die Veröffentlichung von CSS3 Standard. Das Problem besteht darin, dass die rasante Entwicklung von Web, immer neue Aufgaben für die Web-Entwickler und Browser-Hersteller bereitet. Die Webseiten und die Art der Erstellung der Webseiten wird immer komplexer und erfordert neue Möglichkeiten. Diese Möglichkeiten werden langsam erschöpft. CSS3 ist eine Lösung, die das Problem der wachsenden Anforderungen lösen sollte. Allerdings weiß niemand, wann CSS3 endlich veröffentlicht wird. Aus diesem Grund entscheiden sich die meisten Browser-Hersteller für die Einführung der eigenen CSS-Eigenschaften, die den Entwicklern helfen sollen, moderne Webseiten zu erstellen.
Das Problem liegt aber darin, dass Browser-Markt heutzutage nicht mehr von einem Browser dominiert wird, sondern die Anteile zwischen mehreren Browsern geteilt sind. Zwar besitzt Microsoft Internet Explorer nach wie vor die Mehrheit, die anderen Browser konnten aber in der letzten Zeit einen bedeutenden Anteil erkämpfen. Wenn jetzt verschiedene Web-Entwickler proprietäre Eigenschaften einsetzen werden, dann entsteht ein Chaos. Die Webseiten werden je nach Browser unterschiedlich aussehen. Der Aufwand bei der Erstellung einer Webseite wird rasant steigen.
Ich bin der Meinung, dass die Schuld dafür vor allem die Entwickler der Standards tragen. Meiner Meinung nach, sollte dieses Konsortium restrukturiert werden, damit dessen Effizienz höher wird. So, wie die Entwicklung der neuen Standards jetzt verläuft, darf es nicht mehr sein. Ich bin mir bewusst, dass Web noch relativ jung ist und alle diese Kinderkrankheiten irgendwann gelöst werden. Ich sehe zurzeit aber keine richtige Anstrengungen seitens verschiedenen Partien, den Kern von diesen Problemen zu lösen.

Veröffentlicht in Allgemein, CSS | 2 Kommentare »

Google Doctype: Was möchtest du heute erfahren?

Sonntag, 25. Mai 2008

Google Doctype ist das neue ambitionierte Projekt von Google. Es handelt sich um einen Versuch, eine freie technische Enzyklopädie für CSS, HTML und DOM zu erschaffen. Dabei sind nicht nur die Artikeln, sondern auch der Code von der Enzyklopädie frei zugänglich. Wie in dem von Google veröffentlichen Video es so schön heißt, „Google Doctype ist eine Enzyklopädie, die von den Entwicklern für die Entwickler geschaffen wurde“.
Obgleich es noch wenige Artikel und HowTo’s gibt, bin ich mir sicher, dass Google damit viele motivierte Anhänger findet, die die Enzyklopädie ständig mit neuem Wissen erweitern werden. Mitmachen kann jeder, der sich mit Google-Konto ausweisen kann.
Ob dieser Dienst als Konkurrenz zu selfhtml.org anzusehen ist? Im Moment ist noch schwer zu sagen, wobei die Themen schon sehr nah an einander liegen. Man muss noch die Tatsache berücksichtigen, dass selfhtml nur in der deutschen Sprache sehr ausführlich und ziemlich vollständig ist. Die englische Fassung und auch die, in anderen Sprachen, sind weniger vollständig.
Daher kann man sagen, dass es weniger als Konkurrenzprodukt zu bezeichnen ist, sondern damit wird die Wissenslücke geschlossen. Früher musste man durch verschiedene Quellen durchstöbern, um die Antwort auf eine Frage zu finden, heute, dank solchen Projekten wie Google und Wikipedia wird das Wissen in einer bzw. wenigen Quellen konsolidiert. Damit spart man Zeit und Zeit ist Geld.

Veröffentlicht in Allgemein, CSS, Tutorials und HowTo | Keine Kommentare »

Das Zentrieren eines Bildes bzw. eines Elements

Freitag, 22. Dezember 2006

Das Zentrieren eines Elements ist eigentlich ziemlich einfach zu realisieren, da ich aber danach immer wieder gefragt werde, scheint es für manche doch ein Problem zu sein.
Deswegen habe ich mich entschlossen, hier einen kleinen Beispiel zum diesem Thema zu veröffentlichen.

<body style="text-align:center;">
   <div style="position:absolute; top:50%; margin-top:-50px; height:50px;
   left:50%; width:100px; margin-left:-50px;" >
      <div style="position:absolute; text-align:center;">
         <div style="height:100px; width:100px; background:red;"></div>
      </div>
</div>

Es ist zu beachten, dass margin-top bzw. margin-left der Hälfte des Wertes height bzw. width gleich sein soll.

Veröffentlicht in CSS, Tutorials und HowTo | 9 Kommentare »

Runde Ecken ohne Grafik

Montag, 18. Dezember 2006
•
•
•
•

Es existiert sicherlich eine Menge an Möglichkeiten, runde Ecken zu erstellen, doch sie alle sind nicht perfekt. Diese Lösung ist auch leider noch weit von der Perfektion entfernt, da die Vergrößerung des Schriften alles zerstören würde, aber es gibt auch positive Aspekte, so braucht diese Lösung kein JavaScript, keine Grafik und funktioniert in allen Browser, inkl. IE6!

Veröffentlicht in CSS, Tutorials und HowTo | 2 Kommentare »

Farbverläufe mal anders

Donnerstag, 23. November 2006

Matthew O’Neill beschreibt in seinem Artikel, wie man mit einer einzigen Grafik und CSS viele Variationen der Farbverläufen erstellen kann.

Die Methode funktioniert zwar nicht im IE 6, da aber heute IE 7 als Sicherheitsupdate von Microsoft auf alle Rechner mit eingeschalteter Auto-Update Funktion kommt, macht es nicht mehr so viel aus.

http://alistapart.com/articles/supereasyblendys

Veröffentlicht in CSS | 2 Kommentare »

Bulletproof Webdesign (Dan Cederholm)

Sonntag, 23. Juli 2006

Bulletproof Webdesign ist ein der besten Bücher über CSS, das ich je gelesen habe. Dem Autor gelingt es, innerhalb eines Buches die wichtigsten Grundlagen des kugelsicheren Webdesign in einer sehr verständlichen Form zu vermitteln. Im jedem Kapitel wird ein Beispiel der kugelunsicheren Webseite gezeigt, es wird erklärt warum diese Seite nicht kugelsicher ist und abschließend wird eine Lösung präsentiert, mit der man diese Webseite kugelsicher machen kann.

Ich würde Bulletproof Webdesign jedem empfehlen, der sich mit Webdesign und Barrierefreiheit beschäftigt, da die von diesem Buch vermittelten Kenntnisse viel mehr Wert als der Preis dafür, sind.

Veröffentlicht in Buch, CSS | 6 Kommentare »