published on 03.10.2005 00:00.

Flickr API fun

hey! since i migrated this page from php to the ruby-based weblog typo, these images currently don't update.

by *sam by konaboy by rougerouge by flickrwegian
by akiruna by _rebekka by roweun by SophieMuc

A random selection of my flickr favorites

all of these great photos have been taken by the flickr contributors, not by me. hover over an image to see the name of the photographer; click the image to see the full image in flickr.

kudos to rasmus for developing & donating the php flickrAPI. Oh, and the programming language, of course :-)

you can download the source code here. enter your flickr api key and the secret, and you're ready to go. (note: i don't cache the favorites info, that would be a nice addition).

Posted in , ,

published on 28.04.2005 00:00.

clean web design is worth it

Last Sunday – five days ago – i did a very quick redesign of my "business" website. it's now one single static html page, dressed up with css and some images for headline text. semantically marked up, that is, put <h1> and <h2> tags around the headlines, no tables for layout, and so on. valid xhtml 1.0 transitional. the page weighs 7.45kB – including the images.

And ta–da: Google already picked it up and ranks me #1 … very nice. ok. #1 for my name. (which is an improvement over not appearing at all. like before.)

for the headlines i used the fahrner image replacement technique. that way it's possible to use custom fonts and nice text rendering for the headlines. nevertheless non-graphic browsers - and search engines - can still read the headlines, since they are present in the html as well. :-).

Posted in ,

published on 17.04.2005 00:00.

(a)eero saarinen

Posted in

published on 10.02.2004 00:00.

mozilla firefox

being a long-time user of the firebird (=firefox) web browser already, i had to incidently return to mozilla to appreciate just how much better this firefox thing is already. not even to mention microsoft internet explorer (what, you are still using that???). firebird is now available in version 0.8, renamed to firefox.

give it a try, you will not regret it (see also below "weapon of choice: Mozilla" for some starting tips).

Get Firefox

also available from the same people: an email program that doesn't have any virus-autoinstallation, but instead many useful features, like very accurate spam filtering, safe message encryption and spell checking. creating great products is not necessarily about money …

Posted in

published on 22.10.2003 00:00.

photography 1999-2002

on the old website, original layouts.

Posted in

published on 02.10.2003 00:00.

the css zen garden

one file. one style. one sheet. – what css can do with an identical XHTML file.

Posted in

published on 24.05.2003 00:00.

weapon of choice: Mozilla

ein paar tips für meinen day-to-day webbrowser mozilla. Das meiste funktioniert auch mit kompatiblen wie Netscape 6 und 7 oder Chimera.

  1. Text schneller finden

    um den text "Sonnenblume" innerhalb einer HTML-Seite oder email zu suchen, das zeichen / (slash) eingeben und direkt danach anfangen "Sonnenblume" zu tippen. Also nacheinander folgendes: /Sonn. der cursor springt schon nach eingabe des ersten buchstaben zur fundstelle des texts und markiert ihn grün.
    Um zur nächsten Fundstelle weiterzuspringen, F3 drücken.
    Um die sucherei zu beenden, Escape drücken.
    Wenn das ganze nicht funktioniert, einmal mit der maus in den text klicken und nochmal versuchen.
  2. lernfähiger spamfilter

    ab Version 1.3 (Dein Browser: kein Mozilla ...) hält Mozilla die Lösung für alles Spamgeplagten bereit. Spam wird automatisch erkannt und aussortiert. Unerwünschte Emails die noch nicht als Spam erkannt werden, markiert man von hand, und nach einiger lernzeit hat man kaum noch Spam im eingangsordner. im Mailprogramm zu finden und konfigurieren unter "Tools > Junk Mail Controls".
  3. tastaturkürzel

    • Neuen Tab öffnen: Strg-T
    • Tab schließen: Strg-W
    • Link in neuem Tab öffnen: Strg-Click
    • zum nächsten Tab wechseln: Strg-PageUp
    • zum vorhergehenden Tab wechseln: Strg-PageDown
    • HTML-Quelltext anzeigen: Strg-U
    • Emailprogramm öffnen: Strg-2
    • neue Email schreiben: Strg-M
    • Email absenden: Strg-Enter
    • Schriftgröße größer: Strg-+
    • Schriftgröße kleiner: Strg-+
    • zum nächsten Feld springen (in einem Formular): Tab
    • Sidebar ein-/ausblenden. (die genialen Sidebars hätten hier eigentlich einen eigenen Oberpunkt verdient): F9
    • Vollbild-Modus ein-/ausschalten :F11
    • Bookmark speichern. Und zwar mit der Möglichkeit das Bookmark in einen Ordner zu sortieren und die Infos zu bearbeiten (nur so finde ich sie später wieder): Strg+Shift+D
  4. preferences toolbar

    "the browser tool you can't live without"
    • Meine Lieblingsseiten haben blinkenden hellgrünen text auf rosa hintergrund. schriftgröße 200, und viele animierte bilder.
    • manche seiten öffnen nach jedem klick drei neue popups.
    • manche seiten sind sehr langsam, und man will keine bilder laden.
    • manche seiten haben unerträgliche java-animationen.
    • manchmal will man ohne Cookies surfen.
    • manchmal will man einen anderen Webbrowser vortäuschen.
    • manchmal will man keinen Referer: header senden.
    Mit dem PrefBar ist das alles kein problem. er wird als neue menüleiste des browsers hinzugefügt. so läßt sich per klick alles unerwünschte ab-/umschalten. seite hat furchtbare farben? "Colors" deaktivieren, dann werden mozillas standardfarben verwendet. Unleserliche schriftgröße? "Fonts" deaktivieren. etc. etc.
    Neu ist, das eigene Buttons erstellt werden können. Browserfenster-Größe auf 800x600 ändern? Mit einem Klick!
    Herunterzuladen bei xulplanet.com.
  5. pinball theme

    das design von mozilla läßt sich anpassen, und wir sind uns einig, das beste theme ist: pinball.
  6. JavaScript Debug-Konsole

    für die JavaScripter unter uns gibt es die JS konsole, die beim debuggen wegen ihrer klaren fehlermeldungen eine große hilfe ist. Zu finden im Menü "Tools > Web Development".
  7. komfortabler Konfigurations-Editor

    Mozilla läßt sich endlos anpassen. Das ging bisher nur über die bearbeitung von JavaScript-Dateien in einem Texteditor.
    Seit einiger Zeit gibt es einen bequemen editor für sämtliche einstellungen die bei mozilla verändert werden können. im browser die folgende url eigeben: about:config. aber vorsicht, da kann man auch schaden anrichten. ein paar vorschläge auf der mozilla-homepage.
  8. Internet-Suche per URL-Feld

    In das Feld in das man normalerweise internet-adressen eingibt die gewünschten suchbegriffe eintippen. dann mit der PageDown - Taste das Eingabefeld aufklappen und "Search suchmaschinenname for" auswählen. In den Voreinstellungen läßt sich unter "Navigator > Internet Search" einstellen, welche suchmaschine verwendet werden soll.
  9. mozilla custom keywords

    noch ein supertrick mit bookmarks und dem url-feld: mozilla custom keywords.
  10. Werbebanner ausblenden

    Auf ein als Werbebanner erkanntes bild mit der rechten Maustaste klicken und "Bilder von diesem Server blockieren" auswählen. Achtung: das funktioniert nur, wenn die Werbeeinblendungen von einem anderen Server als die Webseite kommen!
  11. personal toolbar folder

    in dem kann man unterordner anlegen und sich so aufklappbare menüs anlegen. ausserdem kann man eine aktuell angezeigte webseite dem toolbar hinzufügen, in dem man das bookmarksymbol vor der url per drag and drop auf den toolbar zieht.
    in verbindung mit dem toolbar sind favelets genial.
  12. bookmark-watcher

    mozilla sagt bescheid, wenn eine gebookmarkte seite aktualisiert wurde: bookmark-manager öffnen. gewünschten bookmark mit rechts anklicken und Eigenschaften anzeigen. unter 'Schedule' und 'Notify' kann man einstellen, wann und wie auf aktualisierungen überprüft wird.
  13. was vergessen?

    sagt mir bitte bescheid, wenn ihr noch was nützliches kennt. daaanke.
  14. mehr …

Posted in

published on 17.01.2003 00:00.

css is funky

a quick experiment that might show up in one of my future projects. inspired by nachtagenten.de, although i don't know how they did it.

Posted in

Older posts: 1 ... 6 7 8