April 2006

Qype* ist ein neuer Online-Dienst, bei dem Nutzer Restaurants, Cafés und Einrichtungen vor Ort, aber auch Handwerker und andere Dienstleister, eben alle, die auch in den Gelben Seiten stehen, bewertet und kommentiert werden können.
Gleichzeitig werden die Orte auf eingebundener Google-Map angezeigt.

Sehr nett!

Design Melt Down hat eine Auswahl der im Moment so beliebten Website-Buttons, der so genannten Badges zusammengestellt.

Prima ist die Vorlage für diverse Buttons im Vektorformat, die auf der Seite zum Download angeboten wird.

Hier eine Version, die in Freehand10 geöffnet werden kann.

Außerdem der Hinweis auf ein Photoshop-Tutorial zum Selber-Basteln der Website-Buttons.

via pixelgraphix

Um eine (X)HTML-Seite dynamisch zu erweitern, können über das Document Object Model (DOM) Inhalte neu erstellt und in den Inhalt der bestehenden Seite eingefügt werden.
Möchte man das standardkonform tun, arbeitet man mit den DOM-Methoden createElements, setAttributes und appendChilds.

Leider muss dazu sehr sehr viel Quellcode geschrieben werden. Um beispielsweise einen neuen Absatz an das Ende einer HTML-Seite anzufügen, braucht man folgendes Script:

neuerAbsatz = document.createElement('p');
text = document.createTextNode('Neuer Textabsatz.');
neuerAbsatz.appendChild(text);
document.body.appendChild(neuerAbsatz);

Dan Webb hat nun ein Script veröffentlicht, mit dem einem viel Schreibarbeit erspart wird: den DOM-Builder. (Weiterlesen »)

Cameron Adams, The Man in Blue, hat ein Tool kreiert, mit dem die Inhalte einer Website mit dem CSS einer anderen Website verschmelzen: CSS Love Child.

Witziges Tool :o)
Leider habe ich noch keine Kombination gefunden, bei der das Ergebnis auch nur halbwegs ansprechend aussah …

via CSS Beauty

Seit einigen Tagen hat Google sein Repertoire um einen interaktiven Kalender erweitert.

Interessant ist, dass einzelne Google-Kalender auch veröffentlicht und von anderen in ihre Kalender integriert werden können. Man kann also beispielsweise einfach den Kalender “Feiertage in Deutschland” in seinen Kalender importieren und hat schon alle Feiertage im Kalender stehen.
Ebenso kann man selbst öffentliche Kalender erstellen und mit Freunden oder Gleichgesinnten teilen.

Das Ganze funktioniert mit einer großen Portion AJAX und ist dadurch sehr intuitiv und angenehm zu bedienen.
Per E-Mail kann man sich an anstehende Ereignisse erinnern lassen.
Zudem stellt Google die Kalenderdaten auch im XML oder ICAL-Format zur Verfügung. Damit kann der Google-Kalender z.B. mit Outlook oder anderen Kalendern synchronisiert oder z.B. auch in die eigene Website eingebunden werden.

Das AJAX Magazine hat eine entsprechende Anleitung veröffentlicht, mit der man Google-Kalender mit Hilfe von ein wenig JavaScript und PHP auch in die eigene Website einbinden kann.

Hier kann das Ergebnis begutachtet werden.

via ajaxian

03.05.2006
Und noch ein paar nützliche Google-Kalender-Tips von Doug Bowman.

Um ein fluides Layout realisieren zu können, bei dem sich die Breite der Internetseite immer dem Browserfenster anpasst, dabei aber trotzdem eine minimale und maximale Breite angeben zu können, gibt es in CSS die Eigenschaften min-width und max-width.

Leider unterstützt der Internet Explorer diese CSS-Eigenschaften nicht.

Cameron Moll stellt auf seiner Website einen in seinem Buch CSS-Mastery beschriebenen Weg vor, dem Internet Explorer trotzdem ein ähnliches Verhalten beizubringen, und zwar mit Hilfe von JavaScript-Expressions. (Weiterlesen »)

Mit dem Accessibility Color Wheel lassen sich Farbkombinationen auf ihre Tauglichkeit für Farbenblinde überprüfen.
Dabei können aus dem Farbspektrum links im Bild Farben für die Vorder- und Hintergrundfarbe ausgewählt werden. Rechts daneben wird das Ergebnis für normal Farbsichtige angezeigt.
Darunter werden die Farben dargestellt, wie sie von Farbfehlsichtigen gesehen werden.
So lassen sich Farben wählen, die ausreichende Kontraste für alle Sehenden aufweisen. Auf Knopfdruck werden die gewählten Farben außerdem invertiert.

Schönes Tool!

Passend zu Ostern zeigt Manuela Hoffmann auf screenz.de, wie man mit Photoshop eine realistisch aussehende Wiese gestaltet.
Das Tutorial wurde als Screencast aufgezeichnet und kann mit dem Quicktime-Player angeschaut werden.

Vor einer Woche veranschaulichte Manuela ebenfalls in einem Screencast den Umgang mit dem Ausbessern-Werkzeug in Photoshop.

Beides wirklich sehenswert!

Max Kiesler stellt etwa 50 AJAX Frameworks und Toolkits vor, die er gern weiter empfiehlt »
Zu jeder Empfehlung gibt es ein kurzes Statement.

Auf der Seite LINKS hier auf der Netzspielwiese habe ich meine del.icio.us-Links als Tag-Wolke mit der Möglichkeit der Anzeige der Einzellinks zu den jeweiligen Kategorien eingebunden.

Auf der Suche nach einer Lösung fand ich das Plugin von Eric Anderson interessant, habe es damals aber nicht so richtig zum laufen gebracht. Außerdem wollte ich die Kategorien nicht in der Sidebar unterbringen, sondern innerhalb des Inhaltsblocks und wenn möglich als schicke Tagcloud.
Jowra beschreibt in seinem Blog ebenfalls eine Lösung zur Einbindung einer del.icio.ous-Tagwolke. Hier werden aber nur die Tags angezeigt - nicht die Links der einzelnen Kategorien.

Ich habe also weiter gesucht und bin darauf gestoßen, dass delicious selbst die Möglichkeit anbietet, per JavaScript Tagwolken und Linklisten in eigene Seiten einzubinden.
Diese Javascript-Dateien bilden die Grundlage meiner Umsetzung: (Weiterlesen »)