schnelle Schriftbild Auswahl

6. Oktober 2008

Oft genug macht man sich auch Gedanken über das paßende Schriftbild für sein Homepage Projekt. Neben der grundlegenden Frage nach der serifenlosen oder serifenbetonten Schrift, kommt dann noch die Schriftgröße, Zeilenabstände und weitere Dinge hinzu. Da kommt schon einiges an Zeitaufwand zusammen bis man sich für die optimale Lösung entschieden hat.

Abhilfe schafft nun das Online-Projekt Typechart, dort kann man sich unterschiedliche Variationen anschauen und entsprechend die CSS Anweisungen generieren und kopieren für das eigene Projekt. Ein sehr schöner und effektiver Service den ich beim PIXELGANGSTER gefunden habe.


Webfonts – Ein Segen?

22. Juli 2008

Seit Jahren wird über die Einbettung von echten Schriften auf Internetseiten diskutiert. Es gibt die unterschiedlichsten Techniken (WEFT) und Vorschläge (CSS3 Modul Web Fonts) um dies zu realisieren, doch bisher hat sich keine browserübergreifend durchgesetzt. In einen aktuellen Artikel von Ivo Gabrowitsch im Fontwerk, beschreibt er die aktuelle und gewünschte zukünftige Lösung dieses Problems.


Check acquma.com

6. Juli 2008

Ich habe vor Kurzem ein weiteres Projekt online gestellt, da es immer wieder Dinge gibt die man vergisst oder vergessen hat während der Schlussphase zu korrigieren, obwohl es klar war, ist man über jedes externe Feedback mehr als dankbar. Also falls jemand Lust hat, einfach mal zu ACQUMA surfen und checken :)

ACQUMA Homepage

Zumindest was die XHTML und CSS Validität angeht, sollte eigentlich alles sauber umgesetzt worden sein, sagen HTML Tidy und die W3C Validatoren.


HTML Validator & Accessibility Extension

17. Juni 2008

Das Firefox AddOn HTML Validator ist in einer neuen Version erschienen (0.8.5.2) und ist nun kompatibel zu Firefox 3, des Weiteren wurden einige kleinere Fehler behoben.

Neu entdeckt habe ich vor einiger Zeit das Accessibility Extension AddOn, sehr hilfreich auf der Suche nach den Kleinigkeiten und fehlenden Feinheiten einer Web-Site. Fehlende alt und title Inhalte, accesskey, Heading und Image-Map Unterstützung.


Google Doctype

15. Mai 2008

Der Heise Newsticker berichtet grade über einen neuen Service von Google für uns Web-Entwickler.

Google hat in seinem Entwicklerbereich code.google.com eine Bibliothek für Web-Entwickler eingerichtet. Bei Google Doctype soll eine Enzyklopädie des „offenen Webs“ entstehen, also eine Referenz zu „HTML, JavaScript, CSS, und mehr“. Als Grund, der Masse der Nachschlagewerke für Web-Entwickler ein weiteres hinzuzufügen, gibt Google an, dass die bestehenden Quellen den eigenen Bedürfnissen nicht genau entsprachen. So seien viele der anderen Referenzen „in Stein gemeißelt“, also einmal geschrieben und dann nie aktualisiert worden.

Die Informationen bei Google Doctype dagegen sollen permanent frisch gehalten werden, etwa Browservergleichstabellen. Google hat zum Start schon etliche Informationen bereitgestellt. So finden sich etwa Beispiele zur DOM-Manipulation. Google hofft, dass Benutzer weitere Inhalte beisteuern. Die Inhalte stehen unter einer Creative-Commons-Lizenz. …


W3C News: CSS, Mobile, Selectors API

23. Oktober 2007

MSIE 3.0: Amazon.de, eBay und OTTO

22. Oktober 2007

Wie im letzten Artikel erwähnt starte ich nun eine kleine Serie zum Thema: „Wie sehen heutige Homepages im Internet Explorer 3 aus?“ Den Start machen, wie angekündigt, die meiner Meinung nach drei großen Shopping-Portale in Deutschland. Alle Screenshots werden bei einer Fenstergröße von 1024×768 Pixel gemacht und als standard Hintergrundfarbe wird Türkis eingestellt um fehlende Hintergrundfarben direkt ertappen zu können. Die genaue Version des Microsoft Internet Explorer ist 3.0.1152 datiert auf 1996. Keinerlei Plug-Ins installiert oder Patches, ergo ein blanker echter MSIE 3.0:

Amazon.de

eBay

OTTO

Anzeige & Formatierung

Der Älteste im Bunde, hat auch die besten Karten. Amazon.de hat mit Abstand die beste Anzeige im MSIE und man findet sich soweit gut zu recht. Ganz im Gegenteil sieht es bei eBay und OTTO aus, bei den heutigen verbreiteten Anwendungen von AJAX & Co., hat man so gut wie keine Chance eine Art Struktur zu erkennen und findet sich sehr schwer oder garnicht zu recht.

Auffällig ist direkt, das alle Drei anscheinend komplett auf CSS zählen und somit die Hintergrundfarbe nicht mehr definiert ist. Amazon.de definiert diesen innerhalb der Homepage über CSS, eBay definiert ihn garnicht und setzt somit auf die standard Einstellungen der Browser die oft auf Weiß stehen und OTTO definiert diesen über ein externes StyleSheet.

Konform?

Wie schaut es mit dem Quellcode aus, wird dieser richtig generiert und hat der Browser überhaupt eine Chance die Seite korrekt zu rendern? Den Quellcode schaue ich mir nun aber bewußt im aktuellen Firefox 2.0.0.8 an, mit entsprechenden AddOns die jede Kleinigkeit anzeigen. Alle drei Portale haben erschreckend viele Fehlermeldungen HTML Tidy ist damit überhaupt nicht einverstanden und wenn man alle drei beim W3C Validator für MarkUp und CSS durchjagdt, erkennt man das offensichtliche Übel.


W3C News: CSS3

2. Oktober 2007

W3C News: GRDDL, CSS3 & a note

13. September 2007

CSS: Design by grid

24. August 2007

Der Webstandard Blog berichtet heute über das Design By Grid Projekt, dabei handelt es sich um feste Rastersysteme auf denen man ein web-Design entwickeln kann. Grade große und kommerzielle Projekte kommen ohne sowas heut zu Tage eigentlich gar nicht mehr aus. Die strikten Corporate-Design Vorgaben in form von Style-Guides oder Design-Manuals geben entsprechende Rahmen Bedingungen an. Durch ein entsprechendes Raster können somit pixelgenau alle Vorgaben umgesetzt werden. Überlichweise nutzt man ein Raster das die üblichen Bildschirmskalen unterstützt, ergo 8, 16 oder 32 Pixel Raster dürften sehr weit verbreitet sein.