Tutorials und HowTo

Archiv für die Kategorie ‘Tutorials und HowTo’

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 »

Ein paar Tipps für Ein/Umsteiger

Sonntag, 04. März 2007

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

Veröffentlicht in Allgemein, Tutorials und HowTo | 6 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 »