Viewport-Bestimmung mit Browser-Resize

Den Viewport für alle gängigen Bildschirmauflösungen zu kennen oder zu simulieren kann heutzutage ein aufwändiges Unterfangen werden. Viel zu viele unterschiedliche Desktop-Rechner, Netbooks und SmartPhones gibt es mittlerweile. Neben einigen Tools wie der Webdeveloper Toolbar oder der Google Browser Size möchte ich Euch heute die Website Resize My Browser vorstellen.

Den ganzen Beitrag lesen »

Google Maps API – Strecken berechnen

Vor einiger Zeit habe ich in einem kleinen Tutorial erklärt wie man mehrere Standorte in einer Google Karte anzeigen lässt. Auf 1stWebdesigner findet sich nun ein sehr lesenswerter Artikel der beschreibt wie Ihr die Google Maps API nutzen könnt um die Strecke zwischen zwei zuvor festgelegten Punkten zu berechnen. Wer keine Lust hat alles zu lesen kann auch einfach direkt das Beispiel laden.

@font-face Bibliothek “Kernest”

Kernest LogoVor kurzem habe ich über die neue Google Font Directory berichtet die mittels CSS-Eigenschaft @font-face den Einsatz von Schriften im Web um einiges erleichtert. Abgelegt werden die Fonts auf dem Google-Server und eingebunden über eine Mini-API.
Nun ist es leider so, dass bei Google bisher nur wenige Schriften zur Verfügung stehen was die praktische Idee (aktuell) noch wenig praktikabel macht. Hier kommt “Kernest” ins Spiel.

Den ganzen Beitrag lesen »

Web-Fonts mit Google Font Directory API

Google Font Directory Logo

Google hat einen neuen Online-Dienst namens Font-Directory Beta gestartet. Dieser Service ermöglicht es Webdesignern individuelle Schriftarten in Websites zu verwenden auch wenn diese nicht zu den wenigen systemübergreifenden Schriftarten gehören.
Schriften stellen im Internet leider nach wie vor ein echtes Problem in der Gestaltung dar. Der Grund liegt darin, dass eine Schriftart nur dann korrekt angezeigt wird sofern der Besucher den Font auch installiert hat. Ist dies nicht der Fall so wird eine alternative Schriftart geladen was zwangsläufig zu Fehldarstellungen führt.
Zwar bieten JavaScript- und Flash-basierte Lösungen wie Cufón oder sIFR eine passable Alternative aber Googles neue API verspricht über kurz oder lang ein echter Hit zu werden.
Ich habe das neue Tool einmal ausprobiert.

Den ganzen Beitrag lesen »

Mehrere Standorte in Google Maps anzeigen

Google Maps APIGoogle Maps lässt sich bekanntlich kinderleicht in die eigene Website integrieren. Insbesondere auf der Kontaktseite eines Unternehmens oder auch einer Privatperson macht es durchaus Sinn Maps zu verwenden um den Besucher zu zeigen wo sich der Autor bzw. das Unternehmen befindet. Der Vorteil von Google Maps liegt dabei auf der Hand: Zum einen muss nicht mühsam eine Karte gezeichnet werden, zum anderen bietet Google stets aktuelle Informationen, verschiedene Ansichten, Zoomstufen und Kartenausschnitte.
Doch angenommen es sollen mehrere Standorte auf der Karte angezeigt werden; zum Beispiel weil das Unternehmen mehr als eine Filiale hat oder weil der Blogger zeigen möchte wo er im letzten Urlaub war. Wie Ihr mittels der Google Maps API mehr als einen Standort in die Karte eintragt und darüber hinaus auch noch Startposition, Zoomstufe, Kartenlayout und den Inhalt der Infoboxen anpasst erfahrt Ihr in diesem Tutorial.

Den ganzen Beitrag lesen »

Google Chrome 4.0 released. Beta für Linux

Google Chrome IconDie vierte Version von Googles Browser Chrome steht ab sofort nicht nur für Windows- sonder auch für Linux-User (als Beta) zum Download bereit. Die neue Version soll mehr als 1500 Neuerungen enthalten, darunter die erweitere Möglichkeit Extension und Plugins zu installieren oder Bookmarks zu synchronisieren. Natürlich ist Chrome 4 Beta auch stabiler und schneller als alle seine Vorgängerversionen.
Die neue Beta lädt sich nicht selbst über ein automatisches Update herunter und muss manuell geladen werden. Mac-User müssen – wie bei Chome üblich – noch warten.

Download: Google Chrome

Ecosia: WWF, Bing und Yahoo starten ECO-Suchmaschine

Ecosia LogoDas ist doch mal eine erfreuliche Meldung. Soeben erreichte mich über IM ein Link zur neuen Eco-Suchmaschine Ecosia. Ich muss zugeben ich war zuerst mehr als skeptisch, wirbt das Suchportal doch damit durch jede Suchanfrage circa 2 m² (2,4 yd²) Regenwald zu schützen.
Nach anfänglichen Bedenken bemerkte ich jedoch, dass die Website von Microsoft Bing, Yahoo! und dem WWF (World Wide Fund For Nature) gestartet wurde – drei Organisationen denen ich zwar nicht blind vertraue, die ich aber zumindest als recht vertrauenswürdig einstufe. Aber kommen wir zum Wesentlichen.

Den ganzen Beitrag lesen »