Blog CSS » Tutorials und HowTo

Google Doctype: Was möchtest du heute erfahren?

Jochen Kurz — Sun, 25 May 2008 20:53:00 +0000

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.

Ein paar Tipps für Ein/Umsteiger

webmaster — Sun, 04 Mar 2007 16:59:45 +0000

Sicherlich ist es nicht so leicht, von HTML auf XHTML + CSS umzusteigen. Ich habe ja auch diesen Schritt gemacht und weiß wie es ist. Man fragt sich vor allem nach dem Sinn der ganzen Sache, denn die Webseite wird ja richtig mit allen gängigen Browsern dargestellt. Was will man eigentlich mehr?
Die Antwort auf diese Frage ist ganz klar – Zukunftssicherheit, denn die Browser entwickeln sich und sie werden immer mehr für XHTML/XML optimiert, es kommt Zeit, wann einige Teile oder sogar ganz HTML von den modernen Browsern nicht mehr unterstützt wird.
Glaubt mir, die Aussage „Never touch a running system“ passt zu diesem Thema überhaupt nicht.
Außerdem sollte man bedenken, dass die Seite, die mit CSS formatiert wurde, deutlich weniger Markup hat und somit besser von den Suchmaschinen indiziert werden kann.
Die Trennung von Content und Design spielen außerdem eine wichtige Rolle beim Thema Barrierefreiheit. Denn auch wenn man kein Ziel hat, breite Masse von Menschen mit eigenem Internet-Auftritt anzusprechen, ist es aus Rücksicht für behinderte Menschen durchaus sinnvoll, die Webseite barrierefrei zu gestalten. Manche Länder haben sogar gesetzliche Vorschriften, wo von den Unternehmen gefordert wird, ihre Internet-Auftritte barrierefrei zu gestalten.

Und zum Schluss, an alle diejenigen, die ich überzeugt habe, gibt es ein Link zum guten, einsteigerfreundlichen CSS-Tutorial:

http://www.webmaster-resource.de/tutorials/css/css-tutorial.php

Das Zentrieren eines Bildes bzw. eines Elements

Jochen Kurz — Fri, 22 Dec 2006 14:37:19 +0000

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.

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

Runde Ecken ohne Grafik

Jochen Kurz — Mon, 18 Dec 2006 15:44:00 +0000

•

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!

CSS Stuff

Jochen Kurz — Thu, 19 Oct 2006 21:46:16 +0000

Heute fand ich im Netz eine sehr gute Webseite mit vielen Tutorials zum Thema Webdesign und möchte sie auch meinen Leser mitteilen:

http://css.maxdesign.com.au/index.htm