JJHalans ‹› afterhours

For some experimentation…
To be finished…

Javascript

Google Maps Flickr Mapplet: mapplets are mini-applications which plug into Google Maps. In stead integrating Maps into your own app, you add your app to Google Maps! This allows Maps users to build up an aggregated view of different information sources, overlayed on Google Maps. More on Google Maps Mapplets.

Flash

An accessible, hybrid Flash/XHTML site experiment: BruggeOnline
Visit the site with and without Javascript enabled, with or without Flash player 7, in IE 6 or Firefox.
Flash parses the XHTML content as XML and displays the same textual content in the Flash movie.
Current issue remains a short flash of the full content of the page (Flash and text). Maybe I should
redirect the flash user to another page altogether in stead of keeping flash on the same page.
Technically it works, but it needs some finishing graphical touches (especially more pics in the CSS layout).
If only I could find the time.

CSS

To control if text is to be clipped by an ellipsis (…) if its too long for its container, you can use text-overflow. This is the cross browser implementation:

div.longtext
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* opera */
    -o-text-overflow: ellipsis;
    /* safari, camino */
    -moz-text-overflow: ellipsis;
    /* safari */
    -webkit-text-overflow: ellipsis;
}