milov.nl
Interaction design • webdevelopment • web art • photography
Interaction design • webdevelopment • web art • photography
I wrote this little bookmarklet to help me instantly grab the large/original version of any Flickr photo. Funnily enough, because of Flickr's consistent filenaming scheme, it also works for photos where the See different sizes
option normally remains hidden:
view big (gets 1024px version; should work for most photos)
view original (gets full version as uploaded; works for photos pre-March 2007)
Drag the link above to your Bookmarks Toolbar (or right click, Add to Favorites), then click it when viewing a single Flickr photo page.
Here's the formatted source code, if you're into that sorta thing:
){s=M[m].src; if(s && s.match(/static/) && !s.match(/_s|buddy/)){void(window.open(s.replace('.jpg','_b.jpg'),'_self')); break}}){kind=link}
){s=M[m].src; if(s && s.match(/static/) && !s.match(/_s|buddy/)){void(window.open(s.replace('.jpg','_o.jpg'),'_self')); break}}){kind=link}
for (m in M=document.getElementsByTagName('img'))
{
s = M[m].src;
if (s && s.match(/static/) && !s.match(/_s|buddy/))
{
void(window.open(s.replace('.jpg','_o.jpg'),'_self'));
break;
}
}
New bookmarklet: counters
(drag to Links-bar or right-click to Add to Favorites)
Tested in IE6 and Firefox. For every mouseclick, a small [1], [2], [3] incrementing counter will appear. Handy if you want to easily count the number of times something occurs on a page, such as the number of films you've seen of a specific IMDb actor/director (which prompted this idea in my case).
Tee hee, each photo entry on this site now gets as a unique favicon a 16x16 version of the photo itself. Looks kinda neat when you open a bunch of them in tabs (try it out by middle-clicking some of the id numbers of the entries below).
I love it when ideas go from thought to successful implementation in less than 10 minutes.
Update: adding a photo to this entry so you can see it in action right here...
milov.nl/feeds/
I'm having a lot of fun styling my new simple and lean blo.gs-powered feeds view. Check it out in a browser that supports modern CSS (i.e. not IE) and observe li:hover, ::after and content: attr(href) in action...
Update:
Well, it seems blo.gs is offline for a bit after being sold to some unknown party, so the feeds view might not get updated for quite some time. Anybody know any other good centralized weblog update trackers? I tried BlogRolling for a while but it only seemed to indicate one new updated weblog per day.
Update 2:
blo.gs is back, yay! Turns out it's been acquired by Yahoo!.
How to display <ul> elements as a flat comma-separated list (now in effect in the main menu and links list in the left-hand column):
ul.links { list-style: none; margin: 0; padding: 0; }
ul.links li { display: inline; }
ul.links li:after { content: ","; }
ul.links li:last-child:after { content: ""; }The advantage of this is that changing the default separator from a comma to | or - or whatever now means only having to change one character in the stylesheet.
Note: Internet Explorer doesn't support the css content attribute or :after and :last-child pseudo-classes, so the commas won't appear in IE.
The PHP WTF
Negative(!) text-indent is in effect in the quicklinks list (over there on the left of the front page). Handy... applying a style like padding-left: 10px; text-indent: -10px; to an element makes all lines of that element appear indented except the first one.
Does Gmail have a setting somewhere to make message text appear in a fixed width font? 'Cause if it does, I sure can't find it...
To force it to use a fixed width font anyway, I added the following to userContent.css in my Firefox profile:
div.msg div.mb {
font-family: monospace !important;
font-size: 12px !important;
}
(Firefox's 'View Selection Source' came in real handy trying to figure out these classnames; regular View Source is a pain on Gmail because the whole thing's Javascript-generated.)