Michel Vuijlsteke's weblog

Tales of Drudgery & Boredom.

Maand: juli 2010 (pagina 1 van 4)

De kinders

Die keer dat ze in de tuin aan tafel zaten:

Aan tafel

IJs aan het eten

Aan tafel

Aan tafel

Die keer dat Anna al haar beesten en poppen aan de kant gelegd had en in haar prinsessenkleed op haar bed lag:

Die keer dat Anna haar poppen en dingen had opgeruimd

Die keer dat Zelie de koer aan het volkrijten was:

Krijten oip de koer

…en dat Anna en Jan op de telefoon aan het spelen waren:

Angry Birds aan het spelen

Obviously

We have a rapist. Origineel:

Op muziek:

RSI

Kom dat nu in nu in ‘s hemelsnaam tegen: ik heb iets RSI-achtigs in mijn hand.

Dat was geleden van, euh, 1986, toen ik dagen en weken aan een stuk met een muis aan het tekenen was in Degas Elite op mijn Atari, en dat ik in de muis van mijn hand de één of andere tendinitis had. Opgezwollen, rood en blauw, hand onbruikbaar, arm verdoofd, the works.

Ik heb in de jaren tussen dan en nu geen dag niet aan een computer gezeten, denk ik, en de meest stomme fouten begaan: slechte houding, uren en dagen aan een stuk onnatuurlijke bewegingen doen – beelden bewerken met een muis, dat soort dingen.

En niets: geen een probleem aan mijn handen of vingers of armen.

Maar nu dus wel, en geen idee waarom. Nu is het, of all places, in de pees van mijn rechterpink: begonnen als een soort blauwe plekachtig gevoel, en ondertussen al een helemaal ongevoelige pink en pijnscheuten in mijn pols en alles.

Yo hoho.

Ik gebruik mijn pink voor rechtershift en enter, dus eigenlijk al met al niet zo enorm veel. En op mijn muis doet hij eigenlijk niets.

Een tijdje het zeer rustigaan doen, denk ik. En zien wat er gebeurt: die keer in 1986 is het ook vanzelf overgegaan.

Uit

Ik zit op een terras. Waar gaan we dat schrijven?

Freaky Evian reclamespot

Koppen XL over begot de making of van die vieze reclamespot met die plastieken computerbabypoppen waar ze echte hoofden opgeplakt hebben.

Geen probleem met die spot, eigenlijk: ze doen maar, natuurlijk, en het is een idee zoals een ander.

Nee, ik kreeg het schurft van die klanten. Ik heb al veel klanten meegemaakt, in binnen- en buitenland, maar een mens wéét dat het fout gaat als er misschien wel twintig Fransmans rond een tafel zitten en dat ze op dat eigenste ogenblik numeteen een oordeel moeten vellen over iets.

In dergelijke situaties: you can’t win — you can’t even break even. Dan begint er één te zeggen “mjaaaaaaa”, en voor de tafel half om is, zijn ze elkaar aan het overbieden met “opinies” waar ze eigenlijk helemaal niet in geloven, gewoon om luidop te ventileren dat ze een opinie hebben, ge weet nooit waar het goed voor zou kunnen zijn.

Oh, hatelijke situaties.

Wel akelig trouwens dat er op de VRT zo’n schaamteloze reclamefilm voor een reclamefilm komt, kritiekloos en alles.

Indigestie

Teveel artikels online gezet de laatste twee weken.

Te weinig tijd gehad.

Geen vakantie gehad.

En de vakantie is bijna gedaan.

Fuck.

Make it so

In diezelfde context als toen ik zei dat ik heel erg graag zou hebben dat ik gewoon zou kunnen zeggen “make it so”: ik heb de volgende toepassing nodig.

  1. Drag & drop een willekeurig aantal afbeeldingen naar een venster.
  2. Toon die afbeeldingen in groepjes van telkens twee met een lijn tussen de groepen. Laat mij de beelden verslepen van groep naar groep (en eventueel groepen bijmaken)
  3. Als ik op een knop duw (of eventueel on the fly): maak een thumbnail voor elk beeld, zodat alle groepen even breed zijn
  4. Als ik op nog een knop duw: upload afbeeldingen en thumbnails naar een ftp-server.

Een hapsnelklaar minofmeer idee van stap 2 staat alhier. Geef bv. "20100723" en "comedy" en "11" en "Comedy" in en duw dan op "allez ju" om te zien wat en hoe.

Wat er moet gebeuren is zo enorm klaar en duidelijk, en voor het gemak lijkt het mij het simpelste om dat met een kleine AIR-toepassing te doen, kwestie van crossbrowserheid.

Blergh. ‘t Is alleen dat ik dat al een eeuw niet meer gedaan heb, en dat ik eigenlijk hoegenaamd geen goesting heb om eraan te beginnen.

Zucht.

SC2

sc01 sc00sc02  sc03 sc01bsc04 sc05 sc05b  sc10  sc10a sc11

sc11a sc12

sc12aaa

sc12ab

sc12b

*
*     *

 sc13

sc13b

Specialist aan het werk

Een deur zonder kader errond en zonder handvat is geen deur maar gewoon een stuk muur. Een link in het zwart en zonder lijn eronder is geen link maar gewoon een stuk tekst.

En nee, het telt niet dat de deur opengaat als er op een speciale manier op geduwd wordt, of dat de link schuingedrukt komt te staan als er met de muis overgegaan wordt.

Affordances, noemen we dat onder specialisten.

Het is hetzelfde met thumbnails: geen mens die op kleine beeldjes klikt om grotere beelden te zien als er geen aanduiding is dat er iets te zien zal zijn. Iets gelijk een vergrootglas, bijvoorbeeld.

En toch doe ik het al jaren op mijn eigen weblog, en, erger, doen we het al jaren op Gentblogt: gewoon kleine beeldjes zetten en dan “hopen” dat “de mensen” wel zullen klikken als ze meer willen zien.

Wat ze natuurlijk overweldigend niét doen.

Ik had op Gentblogt in het begin van de week al een lightbox-dinges aangezet, dat je op een beeld klikt en dan met de pijltjestoetsen of door op het beeld te klikken naar andere beelden in een reeks kan gaan: zie bijvoorbeeld alhier.

Maar dat hielp niet met het weten dat een de beelden die er staan maar kleinere versies zijn van grotere beelden. En dus heb ik er vanavond op Gentblogt dan maar een vergrootglas bijgezet. Na, gelijk, vijf jaar of zo. ‘t Werd eens tijd.

Hoe? Geprutst, natuurlijk — weinig zo gevaarlijk als iemand die er een beetje van afweet, net genoeg om vieze dingen te maken.

De parameters: het moet werken zonder aanpassingen aan de manier waarop we de dingen nu al doen, het moet werken met al wat er nu al op staat, het moet transparant zijn, en het moet in allerlei browsers werken, of toch min of meer. Met andere woorden: geen extra html, geen aanpassingen aan de thumbnails.

Mijn gedachtengang:

(1) Ik werk liever met jquery, maar voor die lightbox en voor WordPress in het algemeen wordt er al Prototype gebruikt, dus ‘t zal daarmee te doen zijn.

(2) Alle dingen die doorlinken naar een afbeelding, daar moet een vergrootglas op komen.

(3) Ik zal dan maar een <span> toevoegen zeker na het <img> in de <a>’s met href die beelden bevatten zeker? En in die <span> dan een doorschijnend achtegrondbeeld zetten en bovenop de thumbnail zetten zeker?

Zo gezegd, zo gedaan. Alle <a>’s die linken naar beelden, dat krijg ik met

$$("a[href$=jpg]", "a[href$=jpeg]", "a[href$=png]", "a[href$=gif]")

en dan smijt ik daar een <span> achter als volgt

$$("a[href$=jpg]", "a[href$=jpeg]", "a[href$=png]", "a[href$=gif]").each(function(lnk) { lnk.insert('<span class="mag">[+]</span>') });

Dus waar er

<a href="http://website.com"><img src="tralala.jpg" /></a>

stond, blijft dat er gewoon staan, maar waar er

<a href="tralala.jpg"><img src="tralala_sm.jpg" /></a>

stond, wordt dat

<a href="tralala.jpg"><img src="tralala_sm.jpg" /><span> class="mag">[+]</span></a>

Sweet. (Is dat de beste manier om het te doen? Ik-heb-er-geen-flauw-idee-van. Ik doe maar iets.

Volgende stap: een vergrootglas maken. Illustrator, een cirkel, een lijn, lijn copiëren, lijn 90° draaien, lijn nog eens copiëren. Cirkel en eerste twee lijnen allemaal met elkaar centreren, derde lijn 45° draaien en tegen de cirkel plakken, alles een lijndikte geven, een schaduw geven, exporteren als png, halfdoorschijnend maken, opnieuw exporteren als png, hey presto

mag2[1] mag[1]

De eerste versie is voor mousover, de tweede versie is voor normaal.

En dan wat css beprutsen om die span bovenop het beeld te krijgen. Vertrekkend van deze html, dus:

<a href="tralala.jpg"><img src="tralala_sm.jpg" /><span> class="mag">[+]</span></a>

Eerst van die span een blokje maken dat even groot is als het beeld, ‘t is te zeggen 31×31 pixels:

.mag {
    display: block;
    width: 31px;
    height: 31px;
}

Dan moet die tekst, [+], weg en moet die vervangen worden door het beeldje. Ik doe dat viesgaweg met

text-indent: –1000px
background: transparent url(
http://www.gentblogt.be/wp-content/themes/Gantoise2/images/mag.png);

Okay bon. Dan moet dat blokje onderaan rechts het beeld staan. Als ik de bovenliggende <a> een position: relative geef, kan ik de span een position: relative position: absolute geven ten opzichte van die <a>, en proper in de hoek zetten. Op het oog is dat 2 pixels links van de rechterrand van het beeld en 3 pixels van de onderkant. Dat wordt dan in totaal dit:

a[href$=jpg], a[href$=jpeg], a[href$=png], a[href$=gif] {
    position: relative;
}

.mag {
    display: block;
    width: 31px;
    height: 31px;
    position: absolute;
    right: 2px;
    bottom: 3px;
    background: transparent url(
http://www.gentblogt.be/wp-content/themes/Gantoise2/images/mag.png) bottom right;
    text-indent: -1000px
}

O ja, en om het een beetje properder te maken, een mousover-effectje:

a:hover .mag {
    background: transparent url(
http://www.gentblogt.be/wp-content/themes/Gantoise2/images/mag2.png) bottom right;
}

Oh zeker, ‘t is niet efficiënt en watnog. Maar het werkt wel, voorlopig. Denk ik. In een groot aantal gevallen. Lang niet overal, natuurlijk.

Zo ben ik ruim een uur bezig geweest om er een paar vuiligheden uit te krijgen. Als het <img> in de <a> al een float: right had, bijvoorbeeld, dan bleef het vergrootglas in de linkermarge staan. Oplossing redelijk simpel: parent van images met float-right ook float: right geven. Vies? You betcha.

(En dan drie kwartier verliezen met zoeken waarom het in Chrome wel en in Firefox niet werkt. En dan beseffen dat in Firefox ik nit ingelogd ben, en ik dus een versie van de pagina uit de cache te zien krijg.  En dan stilletjes vloeken.)

Of nog: dat ik stomgaweg vergeten was om alles pas na onLoad te doen – oplossing: alle Prototype-)code in een

Event.observe(window, 'load', function() { });

zetten.

Heeft iedereen dat, denk ik dan soms, zo het gevoel de helft van de tijd aan het improviseren te zijn?

Urgh. Ik zou zó graag willen kunnen zeggen “hey, zó wil ik het. make it happen.”

Hurricane no more

Bleh. Ik ben er helemaal van aangedaan: RIP Alex Higgins.

Alex Higgins

Zoals ze in het Engels zeggen – this one hit a little too close to home. Shit, shit, shit.

Comedy, punt

Vanavond naar comedy gaan kijken.

Een fles water over mijn hoofd uitgegoten door een extreemrechtse mens. Niet durven zeggen dat Connemara in Galway in IERLAND ligt, niet in Schotland.

En na het optreden zo rap mogelijk naar huis gegaan: mijn Gentse Feesten zitten erop, voor dit jaar.

Meer op Gentblogt, van zodra ik de moed bijeen kan schrapen om er een artikel over te schrijven. Misschien eerst nog wat The Wire kijken.

Dr. Who

Toch wel ergens daar helemaal eenzaam bovenaan de lijst van de allerbeste televisieseriethemtunes ooit: Dr. Who, in (bijna) al zijn incarnaties.

Oh, en natuurlijk, Bill Bailey’s Belgian Jazz-versie, Docteur Qui:

Tethering

Ghu. Kom het tegen. Ik wou Bluetoof aanzetten op de telefoon, en toen zat ik in de netwerksettings, en daar zag ik plots deze staan:

tet0003

Mhu? Internet tethering? Dat ik met mijn telefoon op zo’n 3G-ding zit en dat mijn computer daar dan ook op kan zitten?

Naartoe gegaan en aangezet:

tet0004 tet0005

En dan op de computer de telefoon gezocht en gevonden:

tet7

tet4

tet6

…en toen kon ik op het internet op de telefoon. Niet dat ik omver val van orgasmatisch contentement – ik kon dat helemaal pijnloos met mijn vorige telefoon, vier jaar geleden ook al, en die zetten zelfs een wifi-hotspot op zodat ik kon delen met andere mensen, maar toch.

‘t Is magisch. Als Steve Jobs in de zaal was, had hij het als de tweede komst van Christus omschreven.

Toch raar, vind ik, dat ik er precies nergens iets over gehoord of gelezen had. ‘t Kan zijn dat ik er ergens over gelezen had, natuurlijk.

Legend of Korra

Whoa. Er komt een vervolg op Avatar: The Last Airbender!

“The Legend of Korra takes place 70 years after the events of ‘Avatar: The Last Airbender’ and follows the adventures of the Avatar after Aang – a passionate, rebellious, and fearless teenaged girl from the Southern Water Tribe named Korra.”

Korra’s quest eventually leads her to Republic City – the epicenter of the world of “Avatar.” A metropolis powered by steampunk-type technology, the city is inhabited by people from all nations. Korra finds that Republic City suffers from rampant crime and is also dealing with an anti-bender revolt. Korra is tutored by Aang’s son, Tenzin, is the ways of airbending. [via]

Is het te laat om iedereen af te raden om naar de film te gaan kijken, en in de plaats de tekenfilmserie nog eens helemaal te bekijken?

How sad is this?

Het is nog maar juist vakantie, en ik krijg al een paar dagen aanvallen van zwarte depressie en paniek als ik eraan denk dat de vakantie binnen anderhalve week over is. En dat ik niets zal gedaan hebben van al de tienduizend dingen die ik wou doen als het vakantie was en waar ik al een heel jaar naar aan het uitkijken was.

Het heeft er ook wel mee te maken dat ik gepland had ouderschapsverlof te nemen maar dat dat er uiteindelijk niet van gekomen is, maar toch: fuck, maat, wat voor triestige mens ben ik niet?

Pas op, versta mij niet verkeerd: wat ik doe van werk benadert het werk dat ik zou doen als ik zou mogen kiezen wat ik zou doen, en ik heb niet anders dan fijne collega’s en zo, maar toch. Mijn carrièreplanning is samen te vatten als “hopen dat ik zo snel mogelijk op pensioen kan”.

Dringend lotto beginnen spelen, vrees ik.

Oudere berichten

© 2016 Michel Vuijlsteke's weblog

Thema gemaakt door Anders NorenBoven ↑