weblog/photolog by Milo Vermeulen milov.nl

I'm a 31-year-old webdeveloper living in Wateringen, working in Rotterdam, The Netherlands. This is my personal weblog. Sometimes I make art with code. I like to make lots of photos in my spare time, of which I post my faves here; see my Flickr stream for the most complete and up-to-date overview. My current cameras: Pentax K20D, Ricoh GR Digital and Ricoh GX100.

contact

This site is hosted by Webkracht.
0.059842

pages: 1 2 3 1-24 of 50 entries in category 'javascript'

2009.09.30 - add a comment  

something new 

117.milov.nl - a bit of fun with border-style: dashed;.
Exact rendering depends on browser model and window size. Warning: hypnotizing!
2008.07.29 - 3 comments by Low, Dal Jean and Marc  

1. posted by Low at 10:19 on July 30, 2008

After almost 4 years! Sweet!

2. posted by Dal Jean at 16:39 on July 30, 2008

wow, interesting work!

3. posted by Marc at 23:00 on August 02, 2008

Heh, I thought the hair grew back permanently. Nice effect though! ^-^
add a comment
2008.07.01 - add a comment  
2008.04.28 - add a comment  
2007.02.11 - add a comment  
2006.11.28 - add a comment  
2006.06.03 - add a comment  
2006.05.31 - add a comment  
2005.12.18 - add a comment  

Flickr view big bookmarklet 

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:

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;
  }
}

2005.10.28 - 10 comments by Ivan, Nick, Ruben, Konstantinos, chris, r.j.m.vermeulen, francis, juice, James and Milo  

1. posted by Ivan at 15:46 on October 28, 2005

wow very smrt and handy

2. posted by Nick at 16:19 on October 28, 2005

Thanks for sharing this!

3. posted by Ruben at 17:46 on October 28, 2005

You sneaky hacker! ;-)

4. posted by Konstantinos at 01:06 on November 08, 2005

Very nice! Can it be modified to work for PNGs as well?

5. posted by kwota.net,chris,chris at 02:29 on November 03, 2006

I call it Bigr. Awesome.

6. posted by hccnet.nl,r.j.m.vermeulen,r.j.m.vermeulen at 10:23 on January 18, 2007

hi MILO
I saw your photos
PaRob

7. posted by francis at 00:11 on February 06, 2007

this is really great i can use this on pc with windows
but with osx on my mackbook it dont work ;(.

8. posted by juice at 01:56 on March 07, 2007

Doesn't seem to work under FF2 in Windows :-(

9. posted by James at 14:13 on March 07, 2007

If you replace (s.replace('.jpg','_o.jpg') with (s.replace('.jpg','_b.jpg') rather than getting the original you can view the large version (1024x800).

Flickr have added a security feature to help protect the original.

10. posted by Milo at 14:28 on March 07, 2007

Good point James. For the time being I've just split the bookmarklet into two version: one for _o and one for _b.
add a comment
2005.10.07 - add a comment  
2005.09.30 - add a comment  
2005.07.27 - add a comment  
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).
read more »
2005.06.24 - 7 comments by Mathieu 'P01' HENRI, Milo and Mathieu 'P01' HENRI  

1. posted by Mathieu 'P01' HENRI at 10:01 on June 30, 2005

Aside drawing yellow moustaches on a page, what kind of use can you make of it ?

2. posted by Milo at 11:05 on June 30, 2005

Well, count stuff, obviously :)
Now I know I've seen 23 Susumu Terajima films... http://imdb.com/name/nm0855398/

3. posted by Milo at 11:07 on June 30, 2005

Also handy for finding out how many of the top 250 movies you have seen: http://imdb.com/chart/top

4. posted by Mathieu 'P01' HENRI at 15:37 on June 30, 2005

Lousy me, I thought of something slightly beyond simply counting stuffs :p

Like adding a note.

5. posted by Milo at 15:40 on June 30, 2005

Something like this? (Try the 'notes' link above)
I'd expand it with the option to edit and move current notes, but I'm sure somebody else has already built this...
:)

6. posted by Mathieu 'P01' HENRI at 18:15 on June 30, 2005

It'd be cool to have the numbers, and that the note appear on hover of them. Gosh, why am I at work while I could fiddle on the bookmarklet :p

But yeah, you are certainly re-inventing the wheel.

7. posted by Mathieu 'P01' HENRI at 15:04 on July 01, 2005

Indeed, it's been done already: http://www.clagnut.com/sandbox/browser-stickies.html
add a comment
2005.05.19 - 1 comment by bkpEseglK  

1. posted by bkpEseglK at 15:22 on June 05, 2008

tickets_5.txt;2;2
add a comment
2005.05.11 - 5 comments by Mathieu 'P01' HENRI and Milo  

1. posted by Mathieu 'P01' HENRI at 16:16 on May 12, 2005

o_O I didn't knew the in statement could be used outside of a "for( iterator in object )"

2. posted by Milo at 16:22 on May 12, 2005

Now that I think about it, unless I'm missing something, one could also simply use:

var TypeInSet = nodeType in [2, 3, 4, 7, 8];

...thus bypassing the need for the custom set() function.

3. posted by Milo at 16:27 on May 12, 2005

Oh wait, I am indeed missing something :)
in checks the *index*, not the values, so my idea makes no sense at all.

4. posted by Mathieu 'P01' HENRI at 16:39 on May 12, 2005

:)
It's not exactly the indexes. It's the name of the properties ( member variables ) of the object.

5. posted by Milo at 16:43 on May 12, 2005

True... but with regard to arrays I always think of those as 'string-based indexes' ;)

Anyway, to make something that *does* work for array literals, I came up with this:

Array.prototype.contains = function(n)
{
for (var i in this)
{
if (this[i] == n) { return true; }
}
return false;
}

var typeInSet = [2, 3, 4, 7, 8].contains( nodeType );
add a comment
2005.05.11 - add a comment  
2005.04.04 - 2 comments by huphtur and Mathieu 'P01' HENRI  

1. posted by huphtur at 16:12 on April 04, 2005

disabling styles on the clock example gives an interesting design

2. posted by Mathieu 'P01' HENRI at 22:57 on April 13, 2005

o__Ô interresting indeed. It looks like a binary clock. I nether thought to disable the CSS before.
add a comment
2005.02.21 - 5 comments by Low, Jan!, Milo and Spence  

1. posted by Low at 15:06 on February 21, 2005

Now that's just silly.

2. posted by Jan! at 16:55 on February 22, 2005

Vast minder programmalogica voor nodig dan voor een 3D-versie: http://jan.moesen.nu/media/images/screenshots/2005/20050112-tetris-3d-screenshot.png

3. posted by Milo at 17:04 on February 22, 2005

Looks pretty impressive Jan! That takes me back... Do you know Block Out? http://www.dosgamesonline.com/index/game/Block-out/38/
The same thing but from a different perspective.

4. posted by Jan! at 20:53 on February 26, 2005

Hot damn, Block-out! That's been ages! No wonder my version felt so familiar in top-down view. :-)

5. posted by Spence at 21:25 on February 26, 2005

i am loving that... i am going for the top score, i have 6 million points so far
add a comment
2005.01.25 - add a comment  
2005.01.17 - add a comment  
2004.12.16 - 7 comments by Mathieu '¨P01' HENRI, Jan!, Milo, Mathieu 'P01' HENRI and nowak  

1. posted by Mathieu '¨P01' HENRI at 13:35 on December 16, 2004

^__^ the world is small. Glad to be in your quicklinks.

2. posted by Jan! at 16:10 on December 16, 2004

Nice one, Mathieu!

3. posted by Milo at 17:32 on December 16, 2004

Glad to quicklink you, anytime :)
I just tried the Zoom bookmarklets at http://milov.nl/703 on it, it even works when zoomed in!

4. posted by Mathieu 'P01' HENRI at 18:03 on December 16, 2004

Thanks.

Afair there's a little ( and certainly ridiculouslty easy to fix ) bug then you die in IE.

Milo: no need to use your bookmarklet there's an alternate stylesheet to zoom it by 2 ;)

5. posted by Milo at 18:14 on December 16, 2004

Cool. Why not set that one as the default?

6. posted by nowak at 21:49 on December 16, 2004

full circle.

As an aside, there needs to be a 2005 256b compo. I miss those.

7. posted by Mathieu 'P01' HENRI at 22:18 on December 16, 2004

nowak: yep! at the time Mados asked me if I were ok to organize a 256b.htm contest but I declined as I would forbid myself to submit a prod :p

Milo: indeed the zoom x2 stylesheet is more playable :p
add a comment

(unfinished) code dump 

sparks
Drag a pattern with left mouse button to make "sparks" appear. Animation is created by cropping, moving and fading one single .gif circle.
sen9 aka three-letter-poet
Mouse movements generate random three-letter-strings. When it hits an actual existing english three-letter-word, the word is added to the main sentence (click to start a new sentence).
sticky drag blocks
Drag-and-drop collision-detection experiment.
bgrotate
Multiple layers of a simple pattern rotating at different speeds (runs a lot faster in IE than in Firefox).
slanty
slanty2
Trying to do something interesting with css border slants. Update: broken in IE at the moment.
zllm
zllm2
Attempts at a shrinking zoom-effect by applying smaller and smaller relative (%) sizes...
2004.11.20 - 9 comments by Mathieu 'P01' HENRI, MrMessiah, ACJ, steven streight aka vaspers the grate, Kapp, adjam, toph, Kethinov and Milo  

1. posted by Mathieu 'P01' HENRI at 13:53 on November 20, 2004

I really like how you made the animation in sparks.

The sticky drag blocks and zllm2 are also really cool.

All these scripts would be a great addition to your IAMBALD serie.

2. posted by iname.com,mrmessiah,MrMessiah at 17:06 on November 20, 2004

Oh yes... zllm2 is great, especially if you trace your mouse round the edge of the screen in a circle.

3. posted by ACJ at 05:07 on November 21, 2004

Awesome stuff, Milo! I just love design/art experiments with code. I've started playing around with PHP, Python, SVG, XML, CSS, and PNG (and all sorts of combinations of it) for that kind of thing again recently.

4. posted by steven streight aka vaspers the grate at 09:44 on November 21, 2004

What words are BIS, KAF, and ROC? Not English as far as I know.

Do you like John Maeda's games? Try going to his web site www.maedastudio.com I think is the URL. Some nice games there.

5. posted by Kapp at 11:15 on November 21, 2004

Ecce Milo Vermeulen.

6. posted by adjam at 22:47 on November 21, 2004

hey milo!
this stuff is really cool!
i love it when u make this cool experiment and the circle stuff is definatly really cool ill look at its code sometime!

7. posted by toph at 05:35 on November 22, 2004

god sea ewe

8. posted by Kethinov at 18:02 on November 22, 2004

What is this stuff not doing at i.am/bald? Is it exclusively a java applet club now? :-\

9. posted by Milo at 18:30 on November 22, 2004

Basically, none of these are good/elegant/solid enough to become nr. 115 (although I'm now thinking sen9 could be if I clean up the dictionary some more).

By allowing myself to classify things as unfinished/dump, the threshold for release is a lot lower, and it's nice to get things out there in this form; I hope to do more posts like this.
add a comment
2004.11.09 - add a comment  

pages: 1 2 3  next »