published over 6 years ago (11.12.2005 00:00)
la palma links
- unterkunft etc. (spanisch)
- deutsche kopie der seite
- la isla bonita
- infolapalma — turismo rural etc.
- el porvenir — angenehme unterkunft in los llanos
published over 6 years ago (06.12.2005 00:00)
a picture tells more than a 1000 words.
and yes, i'm officially infected.
published over 6 years ago (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.
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).
published over 6 years ago (11.09.2005 00:00)
Google Products Invasion
Google is … a search engine? Think again.
Google keeps presenting more and more innovative products and services – GoogleMaps, GoogleEarth, G(oogle)mail, Picasa, and so on. Incredible how creative and productive a couple of incredibly smart nerds can be.
Their latest product, which isn't yet mentioned on the products page, pioneers biointerface work: it's all about information digestion improvement. If you're too dumb to understand that info you just found with Google Search, have a drink. In fact, a beautifully packaged drink: Google Gulp (I recommend beta caroty).
If we only had enough of it, I'm sure people would stop complaining about Google becoming the next evil empire, and the world would finally become a better place. thank you, google …
goodbye IFRAMES
i just redid this document, now there's only one html page with all the stuff instead of several documents loaded in separate IFRAMES. frames are bad, IFRAMES aren't much better.
thanks to an all-css design & javascript to display the large images, it was a matter of 45 minutes. in firefox. did i already mention internet explorer sucks? well, for some time the site will be a mess in ie, and several things probably won't work. just contact me if you need sth.
published over 6 years ago (22.08.2005 00:00)
freshly served flash goodness
a soon to be legendary ad: kikkoman-kikkomaso.
click image for the experience. but be warned: things will not be the same after you've watched this. sound very much recommended!
two nicely done online games
- an upside-down interpretation of the game classic arkanoid – meet poom. keep on bouncing your ball.
- beautifully designed, and heavily addictive: stackopolis.
published over 6 years ago (20.08.2005 00:00)
typografie 101: allerlei striche
| Bindestrich | - |
| Gedankenstrich | – |
| langer Gedankenstrich | — |
Nach ihrer Länge werden diese drei Striche auch als Viertelgeviert-, Halbgeviert- und Geviertstrich bezeichnet. Das "Geviert" ist ein in der Typografie verwendetes Maß.
Der Bindestrich ist am häufigsten bei der Silbentrennung am Zeilenende anzutreffen. Er wird auch zur Verbindung von Worten zu einem eigenständigen Begriff benutzt ("Hals-Nasen-Ohren-Arzt"). Und er dient auch dazu, zusammengesetzte Wörter verkürzt darzustellen ("Gemüseimport und -export"). Er wird – im Gegensatz zum Gedankenstrich – immer ohne umgebende Leerzeichen gesetzt.
Der Gedankenstrich kann in Appositionen und erklärenden Einschüben – etwa in diesem Beispiel – das Komma als Satzzeichen ersetzen. Er wird zudem zur Notation von Intervallen ("10–12 Uhr"), Gegenüberstellung ("Bayern München – 1860 München 2:2") oder für Streckenangaben ("Hamburg–München") verwendet. Die Zeile sollte danach umbrechen – eine Zeile sollte also nicht mit einem Gedankenstrich beginnen.
Der lange Gedankenstrich wird hauptsächlich als Spiegelstrich in Aufzählungen und Listen verwendet. In englischsprachigen Texten wird er als Gedankenstrich gesetzt, ohne umgebende Leerzeichen.
Auf der Computertastatur kann von solcher Vielfalt nicht die Rede sein. Es gibt nur das sog. Bindestrich-Minuszeichen, das also Bindestrich und Minuszeichen zu vertreten hat. Es hat die Länge eines Viertelgeviertstriches.
Das typografisch korrekte Minuszeichen (−) ist identisch mit dem waagerechten Balken im Pluszeichen (+) und hat die gleiche Länge wie die beiden parallelen Linien des Gleichheitszeichens (=). In vielen Schriftarten hat es zwar die gleiche Länge wie der normallange Gedankenstrich, liegt aber oft etwas höher.
Quelle: Wikipedia.de u.a.
published over 6 years ago (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. :-).
published over 6 years ago (15.04.2005 00:00)
experiment 1.2
»I was visiting the New England Aquarium a few months back, where I was angry over the ridiculously steep entrance fees to go check out a bunch of fish.
I can check out the fish for free at my local supermarket, where they are conveniently packed on ice, making them much easier to see than when they are hiding behind coral and rocks.«
»The people behind me in line were not amused, giving me the kind of looks normally reserved for elderly immigrants trying to pay for their groceries in Italian lira.« read more …
published over 6 years ago (03.04.2005 00:00)
so many toys, so little time!
CSS Fiddling
Instead of rebuilding from scratch (using a framework or blogging system i have yet to pick) i played around with the CSS trying to make the page look a little cleaner.
Ruby
Ruby is a modern scripting language from japan, with a quite different but concise syntax and feature set.
a simple example - creating and looping over an array
… in ruby:
theBig5 = %w[lion rhino buffalo leopard elephant]
theBig5.each {|x| puts "a #{x} is a big and dangerous animal!"}… the same in php:
$theBig5 = array('lion', 'rhino', 'buffalo', 'leopard', 'elephant');
foreach ($theBig5 as $x) {
print "a $x is a big and dangerous animal!\n";
}… and in javascript:
theBig5 = new Array('lion', 'rhino', 'buffalo', 'leopard', 'elephant')
for (x in theBig5)
document.writeln('a ' + x + ' is a big and dangerous animal!')
}… and in c#:
string[] theBig5 = {"lion", "rhino", "buffalo", "leopard", "elephant"};
foreach(string x in theBig5) {
Console.WriteLine(x);
}Ruby on Rails
… is a framework for quickly building web applications. The basic components and architecture are already there (filesystem layout, database access, conventions, clean urls, logging, etc.) is already there, relying on standard patterns. So you only implement your stuff using the prepared structure. The application uses the MVC pattern, has some very neat features like ActiveRecords (Access/Modify database data through objects), Routes (Clean URLs without having to wrap your brain around mod_rewrite) and a command-line script to generate code skeletons you then fill with your code. very nice. so all you have to do is learn how to use that and you can develop web applications very fast.
Disclaimer: If you’re a ruby expert, please forgive me any errors or misconceptions. I have been playing with R and RonR for two days only.
XMLHttpRequest
by using this technology, the information on web sites can be updated without reloading the whole page. This way, the user experience is much more application-like. Instead of click-button – page goes blank – wait – new content is there, it’s now click button – wait – page is updated. A lot faster.
Online Examples:
- Google Suggest
- a live updating form (a demo of mine, make sure to change the last select field as well)
- Tadalist an online to-do list
this combination of web technologies technology is generally referred to as “Ajax”
No se puede tocar
