Webstandard & Webdesign - CSS, HTML

 

Neuauflage des Yet Another Multicolumn Layout - YAML

Webseite der Woche ist diesmal ein Projekt, welches einigen von uns bereits unter der Bezeichnung YAML bekannt sein sollte und dem High Resolution Weblog von Dirk Jesse entspringt. Bei YAML handelt es sich um ein erstelltes Layout Tutorial für die Verwendung von Fließumgebungen zur Erstellung eines mehrspaltigen Webseiten-Layouts im Baukastenprinzip. Dabei standen, laut Entwickler, ein möglichst hohes Maß an Flexibilität und Zugänglichkeit im Vordergrund. Die aktuellste Version 2.0.1 ist, nach Updates im Sinne der Barrierefreiheit, hier zu finden. Da speziell für dieses Layout, die XHTML und CSS Struktur, sowie die Modifikation des Layouts eingehend beschrieben werden. Tipps bezüglich floats und dem Clearfix-Hack werden ebenso geboten, wie Hinweise zur Modifikation des Projektes. Meiner Meinung nach ein ideales Projekt für Anfänger in Sachen CSS und deshalb mein Tip der Woche.

Der Einsatz von Tabellen in Webseiten

Das Tabellen nicht zum Layouten genutzt werden sollten, sollte mittlerweile den meisten Webentwicklern und -designern bekannt sein. Struktur (HTML), Content und Layout ( CSS ) strikt zu trennen, ist das Thema zahlreicher Webseiten und Weblogs. Sie haben es sich auf die Fahne geschrieben, die Vorteile und den Nutzen von Webstandard bekannter zu machen. Trotzdem werden immer noch häufig fahrlässige Fehler im Umgang mit Webstandards begangen. Einer davon ist der falsche Einsatz einer Tabelle zur Darstellung von tabellarischen Daten. Dieser kleine Artikel soll Interessierten daher ein paar Infos und Beispiele mit an die Hand geben, wie dies einfach und unkompliziert umgesetzt werden kann. Spezialisten setzen Tabellen sogar mittels Divs oder Listen durch. Meiner Meinung nach sollte man nicht nur daran denken, wie etwas zu realisieren ist, sondern vorallem ob dies auch einen Sinn ergibt. Tabellen sind richtig eingesetzt, die optimale Lösung. Um eben dies ein wenig zu erläutern, habe ich diesen kleinen Artikel verfasst, da leider selbst Profis oft nicht in der Lage sind, dies richtig umzusetzen.

 (weiter)

Video Kampagne für Firefox 1.5

Wer erinnert sich nicht an die Anzeigenkampagne in der New York Times Ausgabe vom 16. Dezember 2004 zur offiziellen Freigabe von Firefox 1.0? Die Spenden aus der Open-Source-Gemeinde sprengten damals alles erwartete. Auch in Deutschland wurde in der FAZ eine ganzseitige Firefox-Werbeanzeige geschaltet ( mehr dazu unter www.firefox-kommt.de ). "Neues Jahr, neues Medium", lautet das Motto der diesjährigen Initiative von www.spreadfirefox.com. Nur wird diesmal auf Videos anstatt auf Druck gesetzt. Der nun gestartete Wettbewerb für Werbespots läuft bis zum 21.März nächsten Jahres, so das für jeden genügend Zeit sein sollte, sich etwas kreatives einfallen zu lassen. Ganz umsonst sollen die Bemühungen natürlich nicht sein ;o)

 (weiter)

UX Magazine bietet Plattform rund um Design, Strategie und Technologie

Entgegen meiner sonstigen Gewohnheiht, möchte ich diese Woche eine Seite präsentieren, die es erst seit kurzem gibt. Das Projekt UXMagazine wird von Constantinos Demetriadis, Alex Schleifer und Howard Mann auf die Beine gestellt und ist noch voll in Arbeit ( wird deshalb auch Betaversion genannt, Layoutfehler sind deshalb bitte noch zu entschuldigen ).

 (weiter)

Wie wird man Usability Experte?

Diese Frage liesst man in Foren oder bekommt man selber gestellt und eine wirklich zufriedenstellende Antwort konnte, zumindest ich, bisher nicht geben. Sicherlich, man könnte jetzt sagen jahrelange Erfahrung, lesen von Büchern und Artikeln, Lehrgänge zum Thema u.v.a.m., machen einem zu einem Experten. Aber einen anerkannten Abschluss in diesem noch recht neuen Gebiet, das ist dann doch etwas anderes. Beim World Usability Day in Berlin am 3. November 2005 gab es genau zu diesem Thema, einen interessanten Vortrag.

 (weiter)

Usability-Heuristiken von Jens Meiert

Die Bedienbarkeit und Benutzerfreundlichkeit von Webseiten ist eines der Themen, welchem eine immer grösser werdende Bedeutung im Internet zukommt. Einen sehr interessanten und hilfreichen Artikel darüber hat Jens Meiert veröffentlicht. Die Heuristiken sollen allgemeine sowie auf das Internet bezogene spezielle Richtlinien für Webseiten und ältere Benutzer abdecken. Vor allem für Anfänger in diesem Bereich eine durchaus interessante Auflistung von Orientierungspunkten.

Accessibility, CSS, JavaScript, Usability und WebStandards bei www.456bereastreet.com

Webseite der Woche ist diesmal ein Projekt, welches einigen von uns bereits bekannt ist und zahlreiche sehr gute Artikel zu Themen wie Accessibility, CSS, JavaScript, Usability und WebStandards veröffentlicht hat und jede Woche neue interessante Beiträge bietet. Gemeint ist das Projekt 456bereastreet von Roger Johansson. "Transitional vs. Strict" oder "Ten reasons to learn and use web standards", um nur die letzten beiden Artikel zu nennen, sind wirklich eine Lesung wert.

Schriftgrössen in EM, Pixel, Prozent oder Punkten?

Schriftgrößen in CSS Dateien zu definieren und dabei die Skalierbarkeit des Schriftgrades in seinen 5 Möglichkeiten auch für den IE zu gewährleisten, ist ein häufig auftretendes Problem und wird selbst in Foren von Entwicklern immer wieder diskutiert. Um Webseiten nicht nur für Gecko-Engine betriebene Browser anzupassen, sollten skalierbare Schriftgrößen definiert werden, dass heißt sie verzichten auf die Definition von Schriftgrößen in Pixel. Allzu häufig wird immer noch auf Pixel und manchmal sogar auf Point für die Definition einer Schriftgröße zurückgegriffen. Wer jetzt denk, ooch nee, kenne ich doch schon alles. Super! Denn der Beitrag ist er für die Webdesigner / Webentwickler geeignet, die eben immer noch auf eine Anwendung der Schriftgröße zurückgreifen, die es dem Internet Explorer nicht ermöglicht diese zu vergrößern oder gegebenenfalls zu verkleinern.

 (weiter)

Beeindrucke deine Freunde mit Wissen über Ajax, Accessibilty, CSS, DOM Scripting u.v.a.m.

Artikel oder "Site of the week" ist diesmal ein Projekt namens 24ways.org. Ähnlich dem Webstandards-Adventskalender 2005 der Webkrauts, werden hier täglich bis zum 24. Dezember Themengebiete aus dem Bereich Webentwicklung, an Hand von Beispielen, präsentiert mit denen man seine Freunde beeindrucken kann ;o) Die ersten Beiträge allein sind schon allemal einen Besuch der Seite wert. Die Beiträge erstrecken sich von Ajax, über die Verwendung von Ems bei Schriftgrössen, Accessibility und dem Layouten mit CSS bishin zur Verwendung von DOM-Scripting.

Internet Explorer ermöglicht Spionage von Daten

Nichts neues, aber mal wieder erwähnenswertes bezüglich des Browsers aus Redmond, wird heute bei Heise berichtet. Beim kaskadierenden Import von CSS Dateien ( einfache Erläuterung des Begriffes, finden Interessierte hier ) unterlaufen dem IE, kritische Fehler. Wie aus de Beschreibung des Entdeckers Matan Gillon hervor geht, können unter Umständen gezielt vertrauliche und persönliche Daten ausspioniert werden.

 (weiter)