Warning: file(milov_entryform.tmpl.php) [function.file]: failed to open stream: No such file or directory in /home/milo/domains/milov.nl/public_html/class.template.inc.php(282) : regexp code on line 1

Warning: implode() [function.implode]: Invalid arguments passed in /home/milo/domains/milov.nl/public_html/class.template.inc.php(282) : regexp code on line 1
milov.nl: by category: coding

weblog/photolog by Milo Vermeulen milov.nl

I'm a 33-year-old freelance webdeveloper and photographer living near The Hague, The Netherlands. This is my personal weblog, where I often post selections of my favourite photos. Sometimes I make art with code. Mail me at milovermeulen at gmail dot com.

This site is hosted by Webkracht.
0.187591

73-120 of 222 entries in category 'coding'
pages: 1 2 3 4 5

2004.09.15 - 1 comment by milov  

1. posted by milov at 12:15 on September 15, 2004

Results for my own rss feed:

URL: http://milov.nl/rss.xml
[pass] The URL shouldn't redirect
[pass] If clients ask for compression, then provide it
[pass] Don't disable caching with Cache-Control
[pass] Supply a Date header, to indicate the server time
[pass] The server clock should be accurate ( < 10 minutes difference)
[FAIL] Use an Expires header to tell clients how often to poll
[ ] Expiry must be in the future
[pass] Last-Modified headers tell clients how often content is updated
[pass] The Last-Modified date must be in the past
[good] Provide an ETag
[pass] Provide Last-Modified or ETag, so clients can make conditional requests
[good] Feed size should be less than 64 KiB
[pass] Conditional requests, using Last-Modified and ETag, save bandwidth and reduce server load
[good] If-Modified-Since alone should be honoured
[good] If-None-Match alone should be honoured
add a comment
2004.09.07 - add a comment  
2004.08.23 - add a comment  
2004.07.28 - add a comment  

fixed width font in Gmail 

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.)
2004.07.21 - 21 comments by P01, milov, huphtur, Woudloper, Mathieu 'P01' HENRI, g., Maggie, ohshady, ohshady2, Hugh, mash, Petr Rehor, Stephan Walter, Sergey Martynov, essay writing and Eduardo  

1. posted by P01 at 23:19 on July 21, 2004

Per user style sheets have been popular these days.

Though the chances that that CSS rule may interfere with another site are small, I suggest you to try one of these extensions :

* URIid ( http://extensionroom.mozdev.org/more-info/uriid ) which adds an id of the form www.milov-nl to the body tag of every page you visit.


* MyOwnCSS ( http://www.raphinou.com/cgi-bin/myowncss/main.cgi ) does the same as URIid, except that the CSS are stored on an external server and shared between the users. In a way, it the del.icio.us of the CSS customization.


Notice, that I haven't tried them yet, but I gonna install URIid and give it a try.

2. posted by milov at 00:04 on July 22, 2004

Neato... And add these two extensions to really make the most of it:
http://extensionroom.mozdev.org/more-info/chromedit
http://extensionroom.mozdev.org/more-info/editcss

3. posted by P01 at 00:11 on July 22, 2004

Yep, EditCSS is a must.
damn, I love FireFox.

4. posted by milov at 00:18 on July 22, 2004

*sniff* I've known Firefox since it was just a little Phoenix, standing no taller than 0.1... It's certainly grown up to be one fine browser. http://milov.nl/1594

5. posted by huphtur at 09:48 on July 22, 2004

Web Developer Extension comes with it's own "Edit CSS".
http://www.chrispederick.com/work/firefox/webdeveloper/

6. posted by yahoo.com,rwoudsma,Woudloper at 09:16 on July 23, 2004

As I do not have a qmail account and I am a regular reader of your blog I would like to know what the use is of a 'fixed font size' for the mail?

And indead 'EditCSS' is a must for everyone who is editing (and doing other stuff) with websites!

7. posted by milov at 09:25 on July 23, 2004

Woudloper: It's not about the size, it's about the width. I like the characters in my mail to be evenly spaced; I'm used to that from way back, when every mail reader used a fixed width font, that way ascii art etc. doesn't get all squished together.

I even forced Outlook Express to use fixed width by setting its 'Proportional font' to 'Courier New'.

8. posted by yahoo.com,rwoudsma,Woudloper at 11:50 on July 23, 2004

milov: you are absolutely right. I was reading 'size' in-stead-of 'width'. My mistake...

Does this fix (or tweak) also works for HTML email messages or did you set your presence (if that is possible within QMail) to ignore HTML messages?

9. posted by Mathieu 'P01' HENRI at 12:22 on July 23, 2004

fixed font size is a must to make CODE pasted as is in the body of emails readable. Not to mention, in text editors. Damn, it always scares the s**t out of me when I see some body using a proportionnal font in a text/code editor.

10. posted by gmail.com,gillamhall,g. at 03:52 on August 26, 2004

used your code above in Firefox's serContent.css with no luck (Mac OS X, Firefox 091). Idea as to what I could have done wrong? Seemed so straightforward ...

11. posted by gmail.com,crazymagsters,Maggie at 18:17 on May 20, 2005

i waz just wondering how can u change the color or size or font of the typing if u no plz email to me how crazymagsters@gmail.com

12. posted by gmail.com,sysprv,ohshady at 08:18 on October 07, 2005

Just thought I'd give something back :-)

http://lists.w3.org/Archives/Public/www-style/2004Aug/0135.html

@-moz-document url-prefix(mail.google.com/mail/), domain(mail.google.com)
{
div#rc {
display: none !important;
}
font, div#mb_0 {
font-family: monospace !important;
font-size: 12px !important;
}
}

13. posted by ohshady2 at 06:50 on November 12, 2005

We can do much better;

@-moz-document url-prefix(mail.google.com/mail/), domain(mail.google.com) {
/* the cell that contains the message, utils, ads */
td#fi {
padding: 0px 0px 0px 0px !important;
}
font[size="-1"] /* print view */, div#msgs /* conversation view */ {
font-family: monospace !important;
font-size: 1.2em !important;
}
}

14. posted by orcon.net.nz,hl,Hugh at 02:45 on December 02, 2005

Re: oshady2,

Thanks for the great code! How would one go about getting the composition textarea to also display in monospace?

Thanks again,
Hugh. ;)

15. posted by mash at 16:51 on December 06, 2005

Very useful modification. I have had trouble making this work. I have copied the relevant text and used the mozilla chrome editor extension to insert it (I've tried both userContent.css and userChrome.css) but to no avail.

Do I need to tell Firefox to check these files?

Is the code still working for you all?

16. posted by orcon.net.nz,hl,Hugh at 07:10 on December 09, 2005

Hi,

Yes it still works for me. Try editing the files manually:

Go to Start > Run and type "%AppData%" without the quote marks.

Navigate to \Mozilla\Firefox\Profile\Chrome and edit/create userContent.css, filling it with the code in post #13 above.

Hope this helps,

Hugh. :-)
mailto:hughlilly##NOSPAM@GMail##NOSPAM.com

17. posted by gmail.com,prehor,Petr Rehor at 17:11 on December 24, 2005

Thanks for your idea. There is my userContent.css:

@-moz-document domain(mail.google.com)
{
body,td,input,textarea,select,button {
font-family:verdana,arial,sans-serif !important;
}

.ab,.cd button {
font-size: 100% !important;
}

.mb {
font-family: monospace !important;
font-size: 100% !important;
}
}

18. posted by Stephan Walter at 21:40 on January 13, 2006

I played with the CSS a bit and came up with some code that also makes the compose window have a fixed-width font.

For easier cut&paste, get the code from

http://stephan.walter.name/Gmail_CSS_tweaks

19. posted by martynov.info,sergey,Sergey Martynov at 17:24 on November 24, 2008

There's a greasemonkey script, which adds a button in gmail interface and allows you to turn fixed font on and off easily: http://userscripts.org/scripts/show/37471

20. posted by essay writing at 16:01 on October 18, 2010

"Does Gmail have a setting somewhere to make message text appear in a fixed width font?" - It does!

21. posted by ,a,Eduardo at 08:10 on May 05, 2011

How would one go about getting the composition textarea to also display in monospace?
add a comment
2004.07.21 - 4 comments by drunkmen, milov, Calm_Pear and oLvMtFUHoaefbsrsg  

1. posted by drunkmen at 00:03 on July 22, 2004

textarea {overflow:visible} is nice too in IE, used it in breedster.

2. posted by milov at 00:13 on July 22, 2004

Whoa.... That's cool.

3. posted by Calm_Pear at 10:27 on July 25, 2004

Whoa! that is very cool indeed...

4. posted by oLvMtFUHoaefbsrsg at 15:18 on June 05, 2008

tickets_5.txt;2;2
add a comment
2004.07.16 - add a comment  
2004.06.29 - add a comment  
2004.06.15 - add a comment  
2004.06.13 - 1 comment by Ruben  

1. posted by Ruben at 15:48 on June 25, 2004

Are you competing this time, Milo? If you are, good luck!
add a comment
2004.06.10 - add a comment  
2004.06.08 - 1 comment by mada  

1. posted by yahoo.com,ravi20nath,mada at 07:01 on September 28, 2005

need automatical sql output options
add a comment
2004.06.02 - add a comment  

using :visited and expression() to detect any visited link 

There's been some talk (see Anne, CollyLogic) about it being possible to use the :visited pseudo-class and background-image urls to detect if a user has visited a particular link.

Luckily for Internet Explorer users, they are unaffected because IE doesn't support the [href=] selector. Unfortunately, there's another method that does work in IE and is even more dangerous...
read more »
2004.05.26 - 7 comments by Thiemo, P01, milov, Jan! and Andrew Clover  

1. posted by Thiemo at 16:02 on May 26, 2004

What's so dangerous about this? You can do the same since HTML 1.0:

<a href="tracker.php?url=slashdot.org">

2. posted by P01 at 16:02 on May 26, 2004

It's possible too extract all the URLs of the HTML markup to create the corresponding CSS rules for the standard compliant browsers, and finally throw the HTML + the extra CSS rules to the client.

Indeed, if the tracker.php script goes recursively through the pages visited by the user it can reveal some really valuable infos ( imagine the extra incomes an ad system could ask if it implements that sort of sniffer ) and eventually set a breach for the sites using an authentication via the parameters sent in GET ( which is whatever, a security no-no ).

The violation of privacy could reach an higher scale if the spamming companies used that exploit ( if don't already do ) in their mails.

3. posted by milov at 16:07 on May 26, 2004

Thiemo, the big difference is is that with this technique, the visitor doesn't *click* on a link at all. Simply loading a page of links is enough to alert the site owner of which of those links the current visitor has visited before.

4. posted by Jan! at 16:12 on May 26, 2004

Also, if you're serving dynamic pages anyway, you can just as well add an id attribute to every link, and style it in CSS with: #link857456 { background: url(tracker.php?id=link857456) }

Apart from that, I don't get why everyone's upset all of a sudden when this has been known (and applied) for years.

5. posted by Thiemo at 16:20 on May 26, 2004

If a particular URL is in my browsers history or not does not mean anything. (What's important here: You can't read the history. Instead, you have to know the URL first!) Turn off your internet connection if you are afraid of being tracked.

6. posted by milov at 16:36 on May 26, 2004

Jan!: You're right, with a dynamic site this whole expression() trick isn't really needed. And I wouldn't say I'm 'upset' or worried, just disappointed I didn't discover this cool (and indeed rather obvious) trick earlier ;)

7. posted by Andrew Clover at 12:32 on May 27, 2004

Indeed known about for some time. I mentioned this issue in a post to Bugtraq a few years ago:

http://www.doxdesk.com/personal/posts/bugtraq/20020214-css.html

There is no obvious good solution.
add a comment
2004.05.25 - add a comment  
POVRay Short Code Contest - scene files of 256 bytes or less for the POVRay raytracer. [via Metafilter]
2004.03.27 - 3 comments by P01, Jeroen and absolut  

1. posted by P01 at 06:36 on March 29, 2004

Truly amazing.

2. posted by Jeroen at 00:33 on March 31, 2004

wow

3. posted by absolut at 14:42 on April 09, 2004

Superb!
add a comment
A checklist of i.am/bald numbers I really should update since they don't work or no longer work in Mozilla Firebird (my default browser for over a year now):

10, 14, 20, 23, 25, 26, 28, 30, 31, 33, 34, 35, 36, 37, 39, 40, 42, 44, 45, 46, 49, 50, 51, 55, 56, 57, 62, 65, 66, 67, 69, 71, 72, 73, 74, 77, 79, 90, 92, 94, 95, 96, 97, 98, 99, 102, 108, 109, 112, 113.
2004.01.13 - 1 comment by adam  

1. posted by adam at 09:25 on January 14, 2004

You got heaps of work to do, mate.
add a comment

integrating javascript into stylesheets 

Ben Nolan's non-link element hovering trick for Internet Explorer (that normally only allows :hover styles on links) is pretty handy, but what really impressed me about it is his way of integrating arbitrary Javascript functions into the stylesheet itself:
body {
  background: url("
    javascript:
      document.body.onload = function(){
        ...custom js here...
      }
  ");
}
By specifying a rule like this in the browser's user stylesheet, it might even be possible to run a custom set of Javascript commands on opening of any visited website. (Although my brief attempt at making this work proved unsuccessful.) [via webgraphics]
2004.01.05 - 6 comments by Ruben, Richard Soderberg, Richard Soderberg, bob, A to Z of World and Derek  

1. posted by Ruben at 13:26 on January 07, 2004

It is really interesting indead. I already read the discussion thread in the forum of Tweakers.net, see:

http://gathering.tweakers.net/forum/list_messages/831654/last

The interesting part is that it is somehow specified in the W3 specs of CSS2, see:
http://www.w3.org/TR/REC-CSS2/generate.html#content
http://www.w3.org/TR/REC-CSS2/media.html

2. posted by Richard Soderberg at 01:01 on January 13, 2004

The spec also specifies that "Generated content does not alter the document tree. In particular, it is not fed back to the document language processor (e.g., for reparsing)".

It seems IE is ignoring this directive, which I think is right.

3. posted by Richard Soderberg at 01:13 on January 13, 2004

IE is right, that is. Not the directive. I think the directive is shor-sighted and limiting -- but in the face of embedding active content in CSS, well, maybe I can see their point of view.

4. posted by bob at 17:51 on May 27, 2006

cool

5. posted by A to Z of World at 10:32 on January 15, 2007

I did try it and indeed is handy. But as expected I'm not finding a situation to put it in real time usage as I rarely need something which works only with IE :)

6. posted by hotmail.com,ddrmax4ever,Derek at 17:48 on January 18, 2008

i cant seem to make it work for the way i thought of. I was trying to embed onmouseover and onmouseout functions to work. Anyone is willing to give me insight?Just send me an email, thank you
add a comment
114.milov.nl - a starry mouse-driven snowflake generator of sorts, made with Processing. Simply drag your mouse over the applet and watch the patterns form. (But don't stare at it for too long or you'll see it every second you close your eyes; believe me, I know.)

I'm so used to thinking in layers (dhtml mindset) that it's always a nice surprise to be able to move thousands of pixels around in a Java environment.
2003.11.29 - 22 comments by low, Martijn, 990000, Maarten, ACJ, elout, Man, palla, emarquetti, P01, milov, nancy loveless, dotti, hahaha, scott, pajil, zero and choi  

1. posted by low at 20:52 on November 29, 2003

Wow!

2. posted by Martijn at 21:10 on November 29, 2003

Space! Very cool!

3. posted by 990000 at 08:50 on November 30, 2003

very cool

4. posted by Maarten at 14:37 on November 30, 2003

Cool! I like it!

Btw, I think I found a small bug. When you click outside the window and move you mouse in the window again, there is a fat line in the lower part of the screen.

5. posted by ACJ at 18:21 on November 30, 2003

Nice.

6. posted by elout at 18:24 on November 30, 2003

nice milov.. wondering how this would look in 3D.
And its good to see you on the p5 board as well.

7. posted by Man at 22:44 on November 30, 2003

Heel mooi!

8. posted by palla at 05:25 on December 01, 2003

!!!

9. posted by emarquetti at 11:12 on December 01, 2003

Ja nice... nice....

10. posted by P01 at 17:43 on December 01, 2003

Nice SnowFlake homage.
I'm absolutely not in Java nor Processing, but 71Kb seems HUUUUUGE for that. Is there some way so optimize the size ? AFAIK Java applets can be compresser in RAR or JAR, but the this new iambald entry is already in .JAR

I had already seen some Processing applets, and it seems powerfull and extremely easy to use.

Does anybody have some infos about size optimization/compression in Java or Processing ? The official site provides little informations about that >__<

11. posted by milov at 17:51 on December 01, 2003

It's true that 71KB is way too big. If I rewrote it in pure Java the jar-file would probably be no bigger than a few KB.

The Processing Export-to-web works by including a bunch of standard classes in the jar-file. I was surprised by the size as well; it was actually more than 100KB before I removed some obviously unnecessary classes.

12. posted by aol.com,lovekillslegacy, nancy loveless at 19:01 on December 24, 2003

youre website would be cool, lots of info and all, but tragically boring. zing it up, man!

13. posted by aol.com,lovekillslegacy, nancy loveless at 19:03 on December 24, 2003

youre website would be cool, lots of info and all, but tragically boring. zing it up, man! -nancy

14. posted by dotti at 06:02 on January 18, 2004

WOW...I LOVE DOTS MOVING AROUND...i was named after dots...

15. posted by dotti at 06:03 on January 18, 2004

they remind me of my freckles

16. posted by hahaha at 06:04 on January 18, 2004

skrew me dots

17. posted by dotti at 06:05 on January 18, 2004

and some of my pimples

18. posted by dotti at 06:05 on January 18, 2004

well actually all my pimples

19. posted by scott at 22:53 on July 26, 2004

sweat!

20. posted by pajil at 19:31 on December 29, 2004

Thank You! What a beautiful diversion, especially at this holiday season, when I really don't want to be at work in the first place.

21. posted by zero at 11:11 on May 15, 2005

Geogaddi

22. posted by choi at 02:05 on May 20, 2009

mooi hoor
add a comment
Pixel Snow at db-db.com - a real-time video tracking program coded on the Processing environment to create a simulation of snowing. [via Low]
2003.11.16 - add a comment  

bookmarklets voor webdesigners 

Naar Voren - bookmarklets voor webdesigners - my second Naar Voren article has been published! (the first one being de kunst van minimaal coderen, which coincided with the 5K contest last year.) Those of you that can't read Dutch might want to scroll down a couple of pages, where you'll find a big list of handy bookmarklets.

I quickly thought up a new bookmarklet to use as an example in the article; as it turns out, it's pretty handy:
count used tags (drag to Links-bar)

The other article in the current edition is Breng detail aan in je markup by Anne van Kesteren. Coincidentally we both refer to Simon Willison in our articles... :)
2003.11.03 - 8 comments by Morg, low, P01, Ruben, milov, JW and Jim  

1. posted by Morg at 16:39 on November 03, 2003

Very Nice!

2. posted by low at 18:42 on November 03, 2003

Well done!

3. posted by P01 at 06:42 on November 04, 2003

I like your 'count used tags' favelet. I can't figure how it can be usefull unless it showed the number of opening & closing tags, but it's funny.

4. posted by Ruben at 08:05 on November 04, 2003

Mijn complimenten, Milo. Ik heb er ook een aantal collega's blij mee kunnen maken :-)

5. posted by milov at 10:45 on November 04, 2003

P01: I like using it for testing tag-soupiness of a page. And some numbers can be pretty surprising ('277 a-tags? wow!')

6. posted by JW at 10:52 on November 05, 2003

Added a few new bookmarklets to my bookmarklet bar, the others, I already had.

Good article though.

7. posted by Jim at 20:40 on December 27, 2003

nice article

8. posted by Jim at 20:41 on December 27, 2003

nice article
add a comment

the house that css built 

3D Border Demo 2 - LEGOish drawing of a house, built entirely using css borders. Impressive! Made by Design Detector. [via DeWalick.com]
2003.10.17 - 4 comments by Kethinov, huphtur, bas and Saint Jude  

1. posted by Kethinov at 05:52 on October 18, 2003

Wow! Looks like something that should be on i.am/bald

2. posted by huphtur at 17:55 on October 18, 2003

yeah, whatsup milov, we slackin?
just kidding. dont hit me!

3. posted by bas at 00:22 on October 26, 2003

OMG that's fast...
If this is possible...
why is the internet so slow...

4. posted by yahoo.com,saintjulian,Saint Jude at 04:47 on December 12, 2003

That really is most inspirational.
add a comment
Speaking of stylish <ul> listings, check out IF THEN ELSE (who also caught the redesign bug this week)'s take on it; scroll down a bit and hover over the leftside menus. By already showing a tiny border in the default link state, and increasing the border size on hover, it looks like LEDs lighting up. Pretty colours!

Update: check out his newly added HOW-TO.
2003.10.14 - 7 comments by Ruben and milov  

1. posted by Ruben at 17:09 on October 14, 2003

Caught, milo, caught.

2. posted by milov at 17:26 on October 14, 2003

Hey I don't mind if he copied my idea, he made it look much better anyway :)

3. posted by Ruben at 17:39 on October 14, 2003

Not exactly what I meant. I was talking about your typo :-)

4. posted by milov at 17:48 on October 14, 2003

Argh. That's what I get for quickly trying to write a post (and post a comment) while at work.

5. posted by Ruben at 11:34 on October 15, 2003

Some people get fired for blogging at work.

6. posted by milov at 11:43 on October 15, 2003

You're not speaking from experience, I hope? Maybe webdesign companies are less strict about it than insurance companies.

7. posted by Ruben at 17:19 on October 15, 2003

Oh, I don't blog at work. I only comment at work :-)
add a comment
svendtofte.com - max-width in Internet Explorer - using the IE expression() syntax to simulate the css max-width property, which works in Mozilla/Opera but not in IE.
2003.09.06 - 1 comment by Tom Lee  

1. posted by Tom Lee at 21:56 on March 16, 2006

I suggest an improvement:

http://tom-lee.blogspot.com/2006/03/how-many-pixels-in-em.html
add a comment
Listamatic - css examples for styling basic <ul> lists. I like this trick where a fat border-left is used to create a neat hover effect. [via kottke.org]
2003.09.05 - add a comment  
Here's a quick (and probably incomplete) how-to on making public your feed on feeds view script while still hiding your admin scripts in a protected dir:
  1. copy view.php to an unprotected dir
  2. in the copied view.php, change include_once("init.php"); to point to the original dir: include_once("../protected_dir/init.php")
  3. in init.php, change is_writable( "cache" ) to is_writable( dirname(__FILE__)."/cache" )
  4. (optional) strip all the admin links and options from the copied view.php
  5. read your feeds via the copied view.php script so people don't get login prompts when following their referrers :)
2003.09.03 - add a comment  
milov.nl/feeds/
This is a custom view script I wrote for my feed on feeds [2252] install, removing a bunch of details/options I don't need. Most importantly: I have no desire to read people's weblog entries in anything other than the original design, so descriptions are out.

It's still basically a flat listing of recent items sorted by date, except I made it so adjacent items are grouped together in one block if they happen to be from the same feed; resulting in something that would look quite nice in a narrow side frame or searchpane (IE-users can click here to open it in theirs--can't wait for Firebird to support this).

Source (script, template and stylesheet):
view-mv.php
view-mv.inc.html
view-mv.css

(Update: I have since totally changed the look of my /feeds/ page so don't be surprised if these templates make it look rather different)
2003.08.23 - 5 comments by Fidel, folkert, mados and Ruben  

1. posted by halodex.com,fidel,Fidel at 01:17 on August 24, 2003

Thanks for including the source files for this Milo. Also again for posting to the script in the first place. I'm slowly (When I get the inclination) customizing my copy. fof is a kick ass script. The proof of this is in the meta pudding. I saw this post from fof. =)

2. posted by folkert at 19:19 on August 24, 2003

I installed feedonfeeds last week, and haven't touched FeedDemon -which is an outstanding RSSS reader- ever since!

My OPML is on-line, so I can watch my feeds anywhere I want. The only thing I really miss is a notification feature, telling you that there was a new post. To compensate I use a meta refresh-referral to the updatefile and back to the feedview again. But that isn't really the same.

3. posted by Fidel at 23:24 on August 25, 2003

The code to fof seems pretty straight forward so it should be too hard to add an update by email or somesuch.

4. posted by mados at 16:17 on September 03, 2003

This works in Opera, too. Step 1: Use <a rel="sidebar" href="feeds/"> Step 2: Add target="_main" to any link in the feed (your ?target=_main causes an JS error in Opera 6).

5. posted by Ruben at 21:41 on February 25, 2004

Finally I'm into feeds too...
add a comment
DHTML Lemmings - Whaaa... Amazing entry for the GoT DHTML Contest. [via 2lmc spool]
2003.08.15 - 17 comments by P01, crisp, milov and andy  

1. posted by P01 at 01:24 on August 16, 2003

Really cool!
I've always wanted to port Lemmings but never found the time and energy.

It even features some keyboard shortcuts.
I'm curious to see how he managed the collision detection.

2. posted by crisp at 02:50 on August 16, 2003

Basically there is no need for collosion detection; the game plays in a grid, and the lemmings just follow it. Blockers have their own code in the grid itself (this is still buggy).
It's nice to see that people like it!

3. posted by P01 at 05:12 on August 16, 2003

crisp: That's some quick feedback. You must be quite attentive to your logs these days ;)

My curiosity had already guided me to the data structure of the levels :p clever encoding BTW.

I wonder if a particular reason urged you to pre-zoom the images by 2. Coz there's ~540 Kb of pictures which could be shrinked to ~270 Kb.

4. posted by crisp at 14:30 on August 16, 2003

It's been a bomb since the link got out, and I didn't do it. My homepage generated 3GB datatraffic just yesterday (against a normal 30/40MB daily) so I started looking.

As for the images: I am using the levels as a background image and CSS doesn't let me resize backgrounds.
I might be able to put those in a layer as an image, that would indeed save a bunch. Thanks for the tip!

5. posted by P01 at 02:41 on August 17, 2003

3 Gb O__O

Why not simply double the size of the images by changing there width and height attributes ? If you don't want to store the value of those attributes for each image, you can retrieve them once an image is loaded and then double them. It works from NN4,IE+ to any recent browser.

BTW, if your server is not yet crawled, I think your games would find a place of choice on http://www.javascript-games.org/

6. posted by crisp at 03:20 on August 17, 2003

I already updated the current version reducing the image sizes by more than 50% and added some music and sound effects as I went along :)

My server as a matter of fact was crawled - 7GB in just 2 days which is over my limit, but my friends at tweakers.net where happy to host it for me: http://crew.tweakers.net/crisp/lemmings/

I'll have a look at that link of yours! :)

7. posted by milov at 16:40 on August 17, 2003

I changed the link to point to the new location. Look at all the people linking/talking about your lemmings:
http://www.google.com/search?q=dhtml+lemmings

8. posted by crisp at 03:57 on August 18, 2003

It's truly amazing what is happening here; I've got a couple of hundred sites linking to it now and I get a lot of mail these days; the old games still rule... ;)

9. posted by andy at 18:17 on August 18, 2003

Where can I get a copy of the code?

10. posted by crisp at 00:25 on August 19, 2003

http://crew.tweakers.net/crisp/lemmings/lemmings.zip

knock yourself out! ;)

11. posted by P01 at 15:51 on August 19, 2003

The main request expressed by the audience is that it needs more levels, and a wider browser support ( i.e. Mozilla, Konqueror )

12. posted by milov at 15:56 on August 19, 2003

Mozilla support is already there, though? In fact, I haven't viewed it in anything *but* Mozilla.

13. posted by crisp at 17:12 on August 19, 2003

I'm currently working on 6 new levels which are also a lot harder than the current ones. It takes time though to rework the graphics and setup the levelcode; around 3 hours per level.
I've tested this thing in Mozilla1.3+, Opera7, IE5.5 and IE6 so browsersupport should be ok. All other browsers that don't work for this probably lack some support or are just buggy.
Music support is another thing; IE for windows is no problem, but getting it to work in any other browser is a real pain (plug-in sniffing and such).
And then offcourse there's still some bugs to fix; especially in the more complex levels imperfections start to show.

Remember that this is just a work in progress; the entire publicity it got was totally unintentional and way too early.

14. posted by P01 at 21:24 on August 19, 2003

Apparently it doesn't work on Mozilla/Linux nor on Konqueror. But I haven't test those platform myself.

For the music support I suggest you to in touch with Scott SCHILLER ( http://www.schillmania.com ) would did a really good conversion with his DHTML ARKANOID. AFAIK he uses FLASH 5.0 to handle the sound.

Regarding the creation of the levels, I'm sure you could make an API ( even in PHP with GD ) that reads an in image of the level with a color by type of material ( void, blocker, soft, lava, water ... ) and generates the strings you use in Javascript. Don't bother to contact me if I can be of any help and save you some hours on that topic.

Don't worry, I know this is a work in progress. A good one indeed.

15. posted by crisp at 21:46 on August 19, 2003

I have reports from people running it without problems in linux with a recent mozilla version.
Konqueror as well as Apple's Safari which is based upon Konqueror's rendering engine (KHTML) is apparently lacking some CSS2 support and maybe some javascript-HTML bindings I'm using. I neither have a linux nor a Macintosh platform available to test what exactely it is though, so I don't know if I can work around it.

I'm still looking for better ways to support sound in alternative browsers, but flash is out of the question because it is not in the spirit of this project ;)

I already do have a script that generates the level code for me (actually it is PHP with GD ;) ) but the screenshots still need a lot of work, and I have to fit in the animations pixel-precise, creating smaller images to block off parts of the animation that should not be visible and putting these images on top of it.

Thanks for thinking with me, I appreciate it! :)

16. posted by crisp at 10:45 on August 29, 2003

Down thanks to the BREIN foundation... :(

17. posted by P01 at 13:27 on August 29, 2003

°__°

I would understand if they complain about the sprites or the sound track but the code ... ? I guess those companies have a whole department dedicated to the protection of their rights and registered trademarks but they didn't managed to prove hey actually owns the Lemmings(TM)

You've had a really pragmmatic attitude. Bravo.

Now, I can't wait to play Brainless!
add a comment
Digital Web Magazine - Keep Javascript Simple - Peter-Paul Koch argues against external Javascript libraries, which often needlessly replace already quite compact-and-compatible DOM statements.

I could've probably moved a lot of iambald-code into a single DHTML library, but never really felt the need--more so after I gave up trying to support Netscape 4. Plus, I like the fact that visitors can simply View Source a page and see the whole code without having to go searching through separate .js files. [via paranoidfish.org]
2003.08.10 - add a comment  
2003.07.08 - 5 comments by P01, Ivan, EdgarNeo and milov  

1. posted by P01 at 16:59 on July 08, 2003

doh! nothing happens on mouseover, on both IE6.0 and MZ1.3 with W2Ksp2. But the effect works when put outside of your site, and MZ doesn't update the style if you feed the rgb with a float.

2. posted by Ivan at 17:08 on July 08, 2003

works fine here

3. posted by EdgarNeo at 00:04 on July 09, 2003

Nice photo! Is this your beautifull garden?

4. posted by P01 at 02:27 on July 09, 2003

With IE 6.0.2600.0000 only the DIV on the far right works.
Since the Math.floor() everything works from MZ 1.2b to 1.4.

Is it me or there was fewer DIV ealier ?

5. posted by milov at 13:07 on July 09, 2003

The funny thing is, IE shows 7 divs while Moz shows only 6 :)
add a comment
Creating slanted edges with CSS borders - neato; there's even an animated example of a vector-like pattern: by overlaying the "slant" with a slightly offset slant of similar size but coloured like the background, it's possible to create lines of any angle or length in regular DHTML -- without having to resort to IE-only VML code. [via Arthur is verweg!]
2003.07.06 - 5 comments by P01 and milov  

1. posted by P01 at 13:04 on July 07, 2003

That kind of tricks makes me love DHTML even more.

Thank you for sharing.

2. posted by milov at 13:10 on July 07, 2003

You're probably anxious to use this in a next 256b compo as well :)

3. posted by P01 at 14:18 on July 07, 2003

^__^ using this in 256b and make something visually acceptable seems pretty hard, but I rather thought to a polygon routine I have in mind which is/was based on slope images stretching.

4. posted by milov at 15:29 on July 07, 2003

> using this in 256b and make something visually acceptable seems pretty hard

That's the challenge, eh? ;)

First thing that came to my mind while reading this article was to create a grid or line of a bunch of these slants/pyramids and making them point or "look" at the mouse cursor, in a sort of organic wavey grass-in-the-wind motion.

5. posted by P01 at 16:07 on July 07, 2003

Your "Filter > Extrusion > Pyramid" idea is neat. ATM I don't see how to deal efficiently with the grid, but I guess you'll have to assign the whole updated grid at each frame.
add a comment
2003.05.26 - add a comment  
Simon Willison has been posting a couple of interesting CSS tutorials lately. [via web-graphics.com]
2003.05.21 - add a comment  
2003.05.04 - add a comment  
<object>-tag Conformance Test - "An image marked up <img> can have replacement text, but an image marked up with <object> can have replacement markup." [via Dive Into Mark]
2003.04.13 - add a comment  
PCRE: Perl Compatible Regular Expressions tutorials - to educate and hopefully not confuse you even more. positive/negative lookaheads/lookbehinds, whoa..
2003.03.10 - 1 comment by drunkmen  

1. posted by drunkmen at 18:08 on March 10, 2003

PCRE is your swiss army knife, as Zuigstang once pointed out:
http://www.alt0169.com/t0018.shtml
add a comment
Ferdy Christant Blog - User intelligence detection mechanism - or, faking a progress bar with an animated gif. [via Ned Batchelder]
2003.03.02 - 1 comment by Meelad  

1. posted by yahoo.com,bloodsky_006,Meelad at 20:00 on August 17, 2005

Could u give me informations about the Inteligence detection?
add a comment
The Fishbowl: HTTP Conditional Get for RSS Hackers - Advice on sending out/checking for Last-Modified and If-Modified-Since HTTP headers. I'll probably try this (even though the effect of my tiny RSS feeds on total bandwidth is negligible considering the 100KB of inline photos usually visible on my frontpage). [via Anil Dash]
2003.01.21 - add a comment  
2003.01.07 - add a comment  
Ned Batchelder: Deleting Code - most interesting suggestion: "Don't comment out a piece of code without saying why (in the comment)"
2002.12.23 - add a comment  
2002.12.04 - 3 comments by Jan!, 23JUL and Liorean  

1. posted by Jan! at 13:49 on December 04, 2002

All the time. I even bookmarked the DTD with a custom keyword in Mozilla (xhtml) so I can reach it instantly. I did have to use JavaScript to not have it pop up the save dialog:

javascript:void(window.location = 'view-source:http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd');

I type "xhtml" in the toolbar, and I get some excellent late night reading. ;-)

2. posted by 23JUL at 21:25 on December 04, 2002

I once tried but never finished to create a php script which parses (the?) dtd to create 1) a kind of navigation tool to create correct xhtml pages (e.g. html tag must have two children: head and body tag; head tag may have ..) 2) a kind of randomizer which uses the grammar to create correct but senseless xhtml pages.

Still stuck at the parsing part; first started to create a simple bnf parser with the help of these pages: http://cui.unige.ch/db-research/Enseignement/analyseinfo/
But haven't got a clue which is the best way to parse things in php (that is: what is the datastructure?

Any idea's?

3. posted by Liorean at 12:19 on December 05, 2002

Of course I've read it - I use it more than I use the W3C HTML specs...

But currently, I'm more interested in XML and writing my own DTD for BlogML - and when writing a DTD, a former DTD can be an excellent example of how to write a new one.
add a comment
Here are some recent attempts at new iambald numbers that I got bored with and didn't finish. Moz/IE5+ req. as usual:
- 112-dashedspotlight.html
- 112-dragmulti.html (drag paths with mouse)
- 112-twoletters.html
- blockslide.html

Update:
Pleasant surprise, they even work in the new Opera 7 beta. Object-detection DOM-complient coding (rather than browser-agent-detection) pays off...
2002.11.25 - 6 comments by Eric, Kapp, 23JUL, Jan! and milov  

1. posted by Eric at 21:08 on November 25, 2002

first one's the best

2. posted by Kapp at 23:36 on November 25, 2002

dragmulti is fantastic!
Milo sei grande!

3. posted by 23JUL at 02:36 on November 26, 2002

http://milov.nl/code/dhtml/112-dragmulti.html

Cool, reminds me of thinking about visualizing a musictracker without fixed pattern rows. Like a neurotic hihat is a very short path from left to right and below that, drawing a path for the bassdrum somewhat longer. Drawing a vertical path through those other paths should on collission for example exclude playing the sample, so there is a break in a monotonous beat or some other function applied to it..

Never mind.

4. posted by Jan! at 09:56 on November 27, 2002

<span style="text-decoration: line-through;">Object-detection</span> DOM-compliant coding

<del>Object detection</del> <ins datetime="200211270957">HTML-compliant coding</ins>

5. posted by milov at 11:08 on November 27, 2002

wow, <del> and <ins>, never even saw those before...

6. posted by Jan! at 20:35 on November 28, 2002

Yay! An idea for my blog-to-be! :-)
add a comment
Two Liners Art Gallery - minimal coding on the MSX.
2002.11.18 - 4 comments by Ivan and Milo  

1. posted by Ivan at 13:57 on April 22, 2005

aha, teehee.

2. posted by Ivan at 13:58 on April 22, 2005

boehoe

3. posted by Ivan at 13:59 on April 22, 2005

oops typo

4. posted by Milo at 14:04 on April 22, 2005

Werkt!
add a comment
ugly :(
document.myForm.myInput.value
document.someImage.src

pretty :)
document.forms['myForm'].elements['myInput'].value
document.images['someImage'].src
2002.11.14 - 5 comments by void, Eric, Mario, Jan! and Liorean  

1. posted by avoid.org,void,void at 21:06 on November 14, 2002

You are so right! It's like comparing XHTML to HTML. Maybe it's time for XJavascript?

2. posted by Eric at 21:06 on November 14, 2002

Wrong
Less code = pretty

3. posted by Mario at 03:29 on November 15, 2002

If it works, that's ok.
The goals sometimes justify the ways.

4. posted by Jan! at 12:10 on November 17, 2002

>Wrong
>Less code = pretty
Less code == more prone to errors

<form name="search">
<h2><img name="search" src="search.gif" alt="Search!"></h2>
<p id="search">This is a search form</p>
</form>

'document.search', say you?

5. posted by Liorean at 14:07 on November 20, 2002

The document.<formName>.<elementName> syntax instead of document.forms[<formName>].element[<elementName>] was one of the worst mistakes made at Netscape in creting the language - and Microsoft didn't make it especially much better.

How should you handle a form named "forms" with a child element named "forms", for instance? document.forms["forms"].elements["forms"] is the full format - but does document.forms["forms"] not reference by short form the element at the same time it by full form referece the form? Or how about an element with the id "all" in IE?
add a comment
The source code of this weblog is actually its own rss feed, meaning no need for separate html/xml output. [via Keith Devens]
2002.11.08 - 1 comment by user007  

1. posted by user007 at 22:13 on October 22, 2006

Can I get a simplified version of this for my site that I have a blog for me personal friends?
add a comment
P01.org - 3D Tomb II Engine Demo and more Javascript trickery at OZONE Asylum.
2002.11.05 - add a comment  
gamebutton arcade - tiny playable Javascript games contained within html form buttons! [via Boing Boing]
2002.11.01 - add a comment  
Beta of new W3C HTML Validator - looks like this one actually does check for self-closed <meta />, <link /> and <input /> tags. [via New Architect [via Eend]]
2002.10.24 - 2 comments by Jan! and milov  

1. posted by Jan! at 14:23 on October 25, 2002

So did the previous one... I don't get it.

2. posted by milov at 17:19 on October 25, 2002

hmm, okay... looks like it did.
i just remember it skipping over <meta> and <input> tags at one point.
add a comment

pages: 1 2 3 4 5