Ik was bezig met IIS 6.0, en moest een vinkje bij 'Enable parent paths' zetten, maar wist niet meer waar dit stond. Geen zin om op F1 te drukken of alle menu's langs te gaan, Google is sneller. Het eerste resultaat is meteen raak:

Maar wat krijg ik te zien als ik op de link klik?

Ik dacht even dat ik gek geworden was, of last had van spyware. Maar nee. Ondanks het feit dat ik zoek met een Engelstalige zoekterm gebruik, besluit Microsoft, in al haar wijsheid, om mij een machinaal 'vertaalde' pagina met onleesbare tekst in mijn eigen taal aan te bieden. De 'vertaalde' uitleg is nauwelijks te lezen door de vele fouten. Hier de leukste:

U ontvangt dit foutbericht als de toepassing roept een ASP-methode waarvoor deBovenliggende padenoptie ingeschakeld. Het exacte foutbericht is afhankelijk van de methode die wordt genoemd.

(You receive this error message if the application calls an ASP method that requires the Parent Paths option to be enabled. The exact error message depends on the method that is being called.)

DeBovenliggende paden(de optieAspEnableParentPathsmetabase-eigenschap) kunt u gebruiken '.. ' in het aanroepen van functies zoalsMapPathdoordat paden relatief ten opzichte van de huidige map zijn met de…\notation. Deze eigenschapTruekan vormt een beveiligingsrisico omdat een relatief pad toegang kritieke tot of vertrouwelijke bestanden buiten de hoofdmap van de toepassing.

(The Parent Paths option (the AspEnableParentPaths metabase property) permits you to use ".." in calls to functions such as MapPath by allowing paths that are relative to the current directory using the ..\notation. Setting this property to True may constitute a security risk because an include path can access critical or confidential files outside the root directory of the application.)

Mijn favoriet:

Dit gedrag is ontwerpen.

(This behavior is by design.)

Zucht…

'Gelukkig' is ergens onderaan de tekst een verstopte link te vinden naar het bronartikel, maar voor je die hebt gevonden moet je al naar beneden scrollen, of ben je al vertrokken. Dikke fail van Microsoft.

Dat je met Google zo'n beetje alles kan vinden wat je zoekt (qua tekst, afbeeldingen, video's) wist je misschien al, maar wist je dat je ook makkelijk servers met allerlei bestanden kunt vinden?
Dat doe je met de 'Index of & Parent Directory'-methode. Hoe je dat doet lees je verderop, eerst even een korte uitleg over hoe het werkt.

Webservers & Directory listings.

Het meeste webservers op internet zò in te stellen, dat als je een bepaalde directory opvraagt, je gewoon een keurige nette lijst met alle bestanden in die directory te zien krijgt. Meestal krijg je een 'acces denied' om je oren. Zo'n directory listing ziet er zo uit (klik voor een vergroting):

De bestanden zijn via zo'n listing direct te downloaden. Maar hoe vind je zulke servers nu met Google?

Zoeken met Google

De directory listing die je ziet, is een gewone HTML-pagina die prima geïndexeerd kan worden door Google of elke andere fatsoenlijke zoekmachine, en is gewoon terug te vinden als ie eenmaal is gevonden. Typ hiervoor deze zoekterm in bij Google (Vergeet de dubbele quotes niet!):

"Index of" "Parent Directory" "last modified"[naam artiest of song] .mp3

(Of een variatie daarop, moet je zelf een beetje mee spelen.)

Om het je een beetje makkelijker te maken, heb ik zelf een soort 'front endje' gemaakt die dat allemaal voor je doet.

Met een beetje geluk vind je nu een hoop servers die een dergelijke directory listing tonen. Downen maar!.
De reden dat je 'Index of Parent Directory' ervoor moet zetten is dat deze woorden altijd te vinden zijn op zo'n pagina (zie ook bovenstaand figuur).

De voordelen van deze methode zijn evident: Geen pop-ups, cookies, spyware, banners of gebroken links (omdat de pagina gegenereerd wordt op het moment dat je het opvraagt)

Nadelen: je zult via Google veel dooie links vinden. De ervaring leert dat zulke servers snel offline gaan door overbelasting..

Bulk downloads

Als je een mooie directory hebt gevonden kan het maar zomaar gebeuren dat je inhalig word en alles wilt hebben wat erin staat. Maar je hebt geen zin om alles aan te klikken en 200 keer 'save target as' te kiezen. En terecht!
Maar dat hoeft ook niet, je kan de hele zooi binnenhalen met een zogenaamde 'offline browser'. De bekendste is HTTrack. Helemaal hip is de Firefox-extensie downTHEMall!. Cool!

Index of – misbruik

Een ervaren gebruiker heeft het vast wel eens gezien, denk je een leuke directory gevonden te hebben, en wil je downloaden, blijkt het een fake-directory te zijn. Blijkbaar is open directory zoeken de laatste jaren zo populair geworden dat webmasters het inzetten als SEO-mechanisme (hufters zijn het, allemaal).
Je hebt het meestal snel genoeg door, maar het blijft irritant…

Media types

Je kan style sheets maken voor verschillende media, bijvoorbeeld papier of tv. Je moet dan dat mediatype meegeven aan de style-tag:

<style type="text/css" media="print" />

Of, in het geval van een extern style sheet:

<link rel="stylesheet" type="text/css" href="beeldbuis.css" media="tv" />

Opbouw print style sheet

Je maakt een apart css-bestand, en daarin leg je de eigenschappen vast die je op papier wilt zien. Bijvoorbeeld: het is op het scherm gebruikelijk om een document vrij grote marges mee te geven. Maar als je dan het document afdrukt, wordt die marge opgeteld bij de printmarges die veel programma's al standaard hebben! Daarom is het handig om in elk geval de marges op 0 te zetten:

body{
    margin: 0;
}

Achtergrondplaatjes zijn op papier niet erg gewenst, voor de print style sheet zet je de achtergrond specifiek op wit, dan krijg je zoiets:

body{
    margin: 0;
    background-color: White;
    background-image: none;
}

De meeste browsers negeren achtergrondkleuren en -plaatjes bij het printen, dus het is wellicht wat overbodig.

Voor de lettertypen kan je nu zonder problemen pts gebruiken als eenheid:

P, td{
font: 12pt Arial;
}
h1{
font: 18pt Arial;
}

Als je een element, bijvoorbeeld plaatjes, niet op papier wilt zien, maak je gebruik van de eigenschap display:

img{
display: none;
}

Let op: in plaats van display: none kan je ervoor kiezen om visibility: hidden te gebruiken. De laatste laat wel de ruimte zien die het element inneemt, display: none doet dat niet (en kan dus de lay-out van de pagina verknippen).

Stylesheet in je pagina zetten.

Als het goed is heb je nu twee style sheets, één voor het beeldscherm en één voor papier. Je maakt nu twee keer gebruik van het link-attribuut, in de head van het document:

<link href="beeldscherm.css" rel="stylesheet" type="text/css" media="screen" />
<link href="printer.css" rel="stylesheet" type="text/css" media="print" />

Misschien denk je nu: Ik heb geen zijn om in al mijn documenten een nieuwe link-regel te plaatsen, of laat je CMS dat niet toe. Je kan gelukkig ook de print style sheet invoeren in je bestaande style sheet:

Print style sheet opnemen in bestaande style sheet

Om een print style sheet op te nemen in een bestaand style sheet voeg je onderaan je style sheet de volgende regel toe:

@media print{
/* Je print styles hieronder */
body{
background: etc..
}
}

Deze methode gebruik ik ook op deze site.
Zorg er dan wel voor dat je media="all" kiest in de link-regel (het heeft me eens een uur gekost om uit te vinden waarom de print-styles genegeerd werden).

Dit zijn slechts enkele tips, experimenteer zelf een beetje. Om bomen te redden kan je in je browser gaan naar de optie 'Afdrukvoorbeeld' om te kijken hoe de weergave er op papier uit ziet, je hoeft dan niet telkens een printje te draaien.

Eind jaren '90 woedde er in internetland een zogenaamde 'Browseroorlog' tussen Microsoft en Netscape. Dit ging niet zozeer om het marktaandeel van de browser, maar wie de meest irritante extension kon verzinnen. Mircosoft bedacht de <marquee> (scrollende tekst), maar Netscape won deze oorlog glansrijk met <blink> (knipperende tekst). Beide zijn nooit in de W3C-aanbevelingen terecht gekomen, al is <blink> gereïncarneerd in de CSS-specificaties, daarover later meer. De slag om het marktaandeel werd gewonnen door Internet Explorer van Microsoft, en dat ondersteunde geen <blink>, zodat de meeste internetters van tegenwoordig het fenomeen geeneens kennen (marquee waarschijnlijk wel).

Voor historische redenen op deze pagina enkele methodes om toch te kunnen genieten van 'good old blink'. Allereerst, de gehate tag:

De tag

Zoals gezegd, de blink-tag werkt niet in Internet Explorer. Maar zo werkt ie:

<p>Lang leve <blink>blink!</blink></p>

Dat geeft:

Lang leve blink!

Duidelijk. Niks meer aan doen, maar ook niet gebruiken!

text-decoration: blink? wtf?

Een officiële W3C-aanbeveling is <blink> dus nooit geworden, maar het dook wel weer op in de CSS-specificatie als waarde van het property text-decoration. Hoera. Dan kan je bijvoorbeeld zo tekst laten knipperen:

#blinkerdeblink{
text-decoration: blink;
}

Lang leve text-decoration: blink!

Maar ook deze methode werkt niet in Internet Explorer. Dat is niet zozeer een bug in IE, maar een gevolg van deze bepaling van het W3C: "UAs must recognize the keyword 'blink', but are not required to support the blink effect.". Mmmm.

Als je toch knipperende tekst in IE wilt hebben zult wat moeten gaan scripten. Ik heb wat scripts van 't net geplukt en gecombineerd in eentje die je zo kunt gebruiken (als je dat door een verminderde hersencapaciteit of iets dergelijks hebt besloten):

Blink in Internet Explorer

Om een knipperende tekst te krijgen moet je dit ergens in je document zetten (bij voorkeur in de head van het document):

<!--[if IE]>
<script type="text/JavaScript">
function doIt(){
document.getElementById('blink').style.visibility =  (document.getElementById('blink').style.visibility == "hidden") ? "visible" : "hidden";
}
function Knipper(){
setInterval('doIt()',1000);
}
window.onload = Knipper;
</script>
<![endif]-->

De tekst die je wilt laten knipperen geef je de id 'blink' mee, bijvoorbeeld:

<p>Ik wil <span id="blink">knipperende tekst!</span></p>

Dit betekend wel dat je hem maar één keer op je pagina kunt gebruiken (doordat ik het attribuut "id" gebruik). Maar één keer is dan ook meer dan genoeg. Als iemand zin heeft om een methode te scripten die meerdere blinks toestaat, be my guest. En voor ik het vergeet:

Hier een demonstratie van het script!

En deze methode is 100% valide qua CSS en HTML.

-site:audiozen.us -site:www.randombase.com
-site:vmp3.eu -site:www.mp3fusion.net
-site:www.crazy.nl -site:www.kthankzbye.com

Bovenstaande sites zorgen namelijk voor behoorlijk wat ruis in de zoekresultaten, en worden op deze manier gefilterd. Nu dacht ik altijd dat je maximaal 10 zoektermen in een query naar Google kunt sturen, maar dat bleek achterhaald, of lulkoek, een van de twee.
Het opendir-scriptje is in ieder geval aangepast. Misschien had je het al in de gaten.

Wie nog tips heeft voor het verbeteren van opendir.berkery.nl mag het hieronder kwijt, links naar leuke open directories ook welkom

Maar nu ben ik zelf papa en lees ik mjn dochter elke avond voor, vlak voor het slapen gaan, en dan kan je eigenlijk niet om Frau Schmidt heen. Al was het alleen maar omdat die verhalen door hun blaartrekkende saaiheid je kind sneller naar dromenland helpen.

Tenminste, dat dacht ik. 'Allemaal sprookjes' heet het boek. Het verhaal 'De maarschalk die zijn oor te luisteren legde'.
Leest u even mee?

‘Wat hebben ze gezegd?’ vroeg de koning.
‘Ze hebben gezegd dat u een ellendeling bent, majesteit.’

‘Laat ze allemaal ophangen,’ riep de koning. En dan werden de mensen uit dat huis gevangen genomen en opgehangen in de kerseboomgaard achter het paleis. De geraamten hingen tussen de kersebloesem en klapperden in de wind. En er kwamen er steeds meer, want het oor van de maarschalk ving alle gesprekken op en de koning wist precies wie er kwaad van hem sprak. En reken maar dat het er veel waren, heel veel.

What the…

Het beeld van bungelende en klapperende lijken in de wind, dat is toch niet dat je een kind van vijf jaar mee wilt geven vlak voor het slapen gaan?
Ik heb me er op een Eric Idle-manier nog uit kunnen redden:

Ja dat kan, voeg deze code in op je pagina:

<form action="http://opendir.berkery.nl" method="post" target="_blank">

<table>
<tr>
	<td colspan="2">Open dir zoeker</td>
</tr>
<tr>
	<td>Zoekterm:</td>
	<td><input type="text" name="zoekterm" maxlength="100"></td>
</tr>
<tr>
	<td>Type:</td>
	<td><select name="ext">
		<option value="mp3">mp3</option>
		<option value="exe">exe</option>
		<option value="flac">flac</option>
		<option value="zip">zip</option>
		<option value="rar">rar</option>
		<option value="jpg">jpg</option>
		<option value="gif">gif</option>
		<option value="mpg">mpg</option>
		<option value="avi">avi</option>
		<option value="wav">wav</option>
		<option value="wma">wma</option>
		<option value="wmv">wmv</option>
		</select></td>
</tr>
<tr>
	<td> </td><td><input type="submit" value=" Go! "></td>
</tr>
</table>
</form>

Dat ziet er dan zo uit (afhankelijk van de opmaak van je pagina):

Met behulp van een beetje CSS kan je dit blokje verder naar eigen smaak stylen. Wil je zoeken op meer bestandstypen, voeg dan een regel toe aan de rij met <option value="xxx">xxx</option>. Wil je zoeken op minder dan haal je de overbodige weg.

That's it. Have fun.

"Competitive Salary"
We remain competitive by paying you less than our competition.

"Join our fast-paced company"
We have no time to train you.

"Casual work atmosphere"
We don't pay enough to expect that you will dress up; a couple of the real daring guys wear earrings.

"Some overtime required"
Some every night and some every weekend.

"Duties will vary"
Anyone in the office can boss you around.

"Competitive Environment"
We have a lot of turnover.

"Exciting and Professional Work Environment"
Guys in grey suits will bore you with tales of squash and their weekends on yachts.

"Join our dynamic team"
We all listen to nutty motivational tapes.

"Must be deadline oriented"
You'll be six months behind schedule on your first day.

"Flexible hours"
Work 40 hours; get paid for 25.

"Must have an eye for detail"
We have no quality assurance.

"Career-minded"
Female applicants must be childless (and remain that way).

"Apply in person"
If you're old, fat or ugly you'll be told that the position has been filled.

"Seeking candidates with a wide variety of experience"
You'll need it to replace the three people who just quit.

"Problem-solving skills a must"
You're walking into perpetual chaos.

"Requires team leadership skills"
You'll have the responsibilities of a manager,
without the pay or respect.

"Good communication skills"
Management communicates, you listen,
figure out what they want and do it.

"Ability to handle a heavy workload"
You whine, you're fired.

The other side of the coin ….
Phrases for you to use in an interview:

"I'm extremely adept at all manner of office organization"
I've used Microsoft Office.

"I'm honest, hard-working and dependable"
I pilfer office supplies.

"I take pride in my work"
I blame others for any mistakes.

"I'm personable"
I give lots of unsolicited personal advice to co-workers.

"I am very adaptable"
I've changed jobs a lot.

"I am on the go"
I'm never at my desk.

"I'm highly motivated to succeed"
The minute I find a better job, I'm outta here.
 

1.0:
Also known as "one point uh-oh", or "barely out of beta". We had to release because the lab guys had reached a point of exhaustion and the marketing guys were in a cold sweat of terror. We're praying that you'll find it more functional than, say, a computer virus and that its operation has some resemblance to that specified in the marketing copy.

1.1:
We fixed all the killer bugs.

1.2:
Uh, we introduced a few new bugs fixing the killer bugs and so we had to fix them, too.

2.0:
We did the product we really wanted to do to begin with. Mind you, it's really not what the customer needs yet, but we're working on it.

2.1:
Well, not surprisingly, we broke some things in making major changes so we had to fix them. But we did a really good job of testing this time, so we don't think we introduced any new bugs while we were fixing these bugs.

2.2:
Uh, sorry, one slipped through. One lousy typo error and you won't believe how much trouble it caused!

2.3:
Some anal-retentive pain in the rear found a deep-seated bug that's been there since 1.0 and has been raising heck until we fixed it.

3.0:
Hey, we finally think we've got it right! Most of the customers are really happy with this.

3.1:
Of course we did break a few little things.

4.0:
More features. It's doubled in size now, by the way, and you'll need to get memory and a faster processor …

4.1:
Just one or two bugs this time. Honest.

5.0:
We really need to go on to a new product but we have an installed base out there to protect. We're cutting the staffing after this.

6.0:
We had to fix a few things we broke in 5.0. Not very many, but it's been so long since we looked at this thing we might as well call it a major upgrade. Oh, yeah, we added a few flashy cosmetic features so we could justify the major upgrade number.

6.1:
Since I'm leaving the company and I'm the last guy left in the lab who works on the product, I wanted to make sure that all the changes I've made are incorporated before I go. I added some cute demos, too, since I was getting pretty bored back here in my dark little corner (I kept complaining about the lighting but they wouldn't do anything). They're talking about obsolescence planning but they'll try to keep selling it for as long as there's a buck or two to be made. I'm leaving the bits in as good a shape as I can in case somebody has to tweak them, but it'll be sheer luck if no one loses the source code.