Die Google Font API

Die Google Font API ist natürlich interessant aber ist sie wirklich eine feine Sache oder doch ein Irrweg?

Ein erster Test

mit einem Font(Tangerine) und damit ich das Blogger style-sheet nicht ändern muß, mit 'dem WebFont Loader' (javascript!):

Die Fonts enthalten alle Umlaute (äöü, ÄÖÜ) und das scharfe ß — Tangerine: äöü, ÄÖÜ und ß).

Auch Sonderzeichen wie • (bullet) oder € (Euro) — Tangerine: • (bullet) oder € (Euro) — funktionieren.

Test 2: weitere Zeichensätze

Cantarell: äöü, ÄÖÜ, ß, &bull, €
Droid sans: äöü, ÄÖÜ, ß, &bull, €
Josefin ..: äöü, ÄÖÜ, ß, &bull, €
Nobile: äöü, ÄÖÜ, ß, &bull, €
Reenie Beanie: äöü, ÄÖÜ, ß, &bull, €
Yanone Kaffeesatz: äöü, ÄÖÜ, ß, &bull, €

Klasse. Auch hier funktionieren alle Umlaute und die getesteten Sonderzeichen.

Weitere Eigenschaften

Unterstütze Browser (nach Dokumentation): aktuelle Browser wie Mozilla Firefox 3.5+ oder Microsoft Internet Explorer 6+.
Es gibt eine Fallbackstrategie für nicht unterstützte Browser: Der nächste Font in der css-font-Liste wird benutzt.
Zu Performance und Verfügbarkeit habe ich keine epliziten Tests. Mit dem 'WebFont Loader' ist das Umschalten der Fonts bei mir sichtbar aber flott (<1 Sekunde). Und Google ist in der Regel gut erreichbar, wenn man online ist. Damit sollten es die Fonts auch sein. Wer jetzt schon weitere Fonts braucht. Es gibt eine Alternative und Ergänzung: typekit. Allerdings habe ich keine Ahnung welche der Fonts dort alle im Deutschen Sprachraum üblichen Sonderzeichen enthalten. Das Laden der Fonts auf den Previewseiten von typepad empfinde ich subjektiv als langsam. Und schließlich ist der professionelle Einsaz von typepad kostenpflichtig. (Wobei ich die Preise fair finde.)

Ich bin erstmal beeindruckt

• Die API ist funktional
• Es gibt zwar erst wenige Fonts, aber das ändert sich hoffentlich bald und die Fonts sind hochwertig und vollständig
• Definitiv kein Irrweg, die Google Font API ist jetzt schon nützlich und einsetzbar

Text in HTML zentrieren

http://www.bigbold.com/snippets/posts/show/2480 (meine Zfsg)
http://www.w3.org/Style/Examples/007/center.html (kurz und gut beschrieben)
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html (high end trickserei =>ohne tabelle auch in ie!)

Webseite mit GeoURL

GeoURL ist ein Ortsbasieres URL-Verzeichnis.
Eine Webseite ist schnell hinzugefügt, wenn man Zugriff auf den Quellcode der Seite hat.

http://textsnippets.com/posts/show/654
http://geourl.org/add.html

Ruby Snippet: Webseite(n) online?

ruby snippet: Einfacher Test ob Webseiten online sind.
Simple Test if Site is online (http://textsnippets.com/posts/show/623)

Code Snippets

Die Idee Code-Snippets zu katalogisieren finde ich klasse. Ich habe neulich http://textsnippets.com entdeckt und gleich meine ersten Ruby-Codes eingebracht.

Jetzt stelle ich fest, dass das Original wohl http://www.bigbold.com/snippets/ ist. Hat einen etwas niedrigeren Pagerank (SEOs achten auf so was), dafür mehr Nutzer und ist (heute) mindestens ein Update weiter. Das zeigen die zusätzlichen Feateres: "Top Users" "Latest Comments", die es bei textsnippets.com noch nicht gibt.

Die Qualität des eingestellten Codes erscheint mir gleichwertig - ohne dass ich das jetzt genau recherchiert hätte. Ich habe mit auch auf bigbold.com einen Account geholt und werde die Entwicklung vergleichen. Ist aber nur eine Zwischenstand. Langfristig will ich meine wichtigen Snippets auf einer einzigen Plattform haben.

Update:
http://snipplr.com/ ist die professinellste Platform.

Meine Accounts:

• http://textsnippets.com/user/ovhaag
• http://www.bigbold.com/snippets/user/ovhaag

Css Snippet: reset Browser Styles

Bei jedem Design die ganzen Browserdefaultseinstellungen per css anzugleichen kostet Zeit. Heute habe ich ein css snippet gefunden, das die üblichen Defaults angleicht.

Reset Browser Styles (http://textsnippets.com/posts/show/630)