Dio5: latest posts

Handcrafted CSS

Mon, 08 Feb 2010 00:00:00 -0800

Two weeks ago I managed to order a new pile of books and one of them happened to be Handcrafted CSS.

The author of the book is Dan Cederholm, a well known designer in the webdesign world, and writer of the bestseller Bulletproof Web Design. It also features one chapter by Ethan Marcotte, one of the people who worked on the recent redesign of the W3C website.

The target audience of this book are experienced webdesigners and developers, people who are pretty familiar with HTML and CSS and who'd like to take their skills to a higher level by getting up to date with some of the more recent features available.

The book is nicely designed with plenty of colored illustrations and images, which makes it a quick and easy read of about 200 pages. All examples are explained in function of an entertaining website for the fictional Tugboat Coffee Company. (Code available.) You'll get plenty of opportunities to grab a coffee!

What you'll learn

Chapter one deals with improving flexibility by chosing floats over absolute positioning. It is aptly called "Always ask, what happens if...?". What if the text is too long? What if the font-size is changed? Things we often have to deal with when working with a CMS where content is beyond our control.

Chapter two, three and four handle about "progressive enrichment": how you can use vendor specific extensions with propietary properties that aren't really standard yet. In short, these chapters deal with border-radius, rgba backgrounds, text-and-box-shadow and webkit transitions, all properties we start using today. Rather than making websites look the same in every browser, we better choose to give visual rewards to those browsers that can handle these advanced properties.

Chapter five, Modular Float Management, deals with some of the pains we go through clearing floats. It makes us think about a more semantic name for our typical clearfix class and invites us to create our own simple base framework to start our projects from.

Chapter six is written by Ethan Marcotte, a senior designer at Happy Cog. Using the more recent redesign of the W3C website as a starting point, he shows us the magic of the often ignored world of the "Fluid Grid".

Chapter seven, Craftmanship Details, is the last chapter and puts us on the track for even more goodness: think typography (mentioning Bringhurst), think modern font-embedding with font-face, think jQuery (a short introduction).

Our book ends by explaining the nifty parallax effect used on the Silverback website and applying this to the Tugboat example.

Some minor critique

According to the back cover of the book, the book level is intermediate to advanced. Same for who the book is for: the css designer who wants to go the extra mile, the one who's already familiar with CSS, HTML and the concept of semantic markup and Web standards.

This makes me wonder though: which css designer who wants to go the extra mile isn't already familiar with most of the stuff explained in this book? I tend to think that people passionate about what they do are already aware of all this, either through their network or by just reading on the web. Of course this book has been published in August 2009 and at the time it was being written all this was probably hot news. The word spreads fast in the online world though.

The verdict

My relationship with CSS books is a mixed one. Years ago I've learned tons through Andy Budd's CSS Mastery, which at the time (and perhaps even now) was a great guide and introduction into modern CSS techniques. Other books I've read since were more of the same, some even less.

I'm not saying this is a bad book: it's got great design, great ideas and tries to convey a great message. I'm just not convinced that advanced CSS designers who try to keep up to date will learn much here.

After spending hours in front of a screen this is a nice read though, so if you're looking for something quick with plenty of understandable examples I do recommend it. Personally I just expected something even more advanced.

The Snowstorm

Sat, 09 Jan 2010 00:00:00 -0800

Deciding to go for a run or not is a decision like any other in life: to postpone is to cancel.

We tend to put off a lot of things because they may require an extra effort or make us end up in unknown situations. And for an introvert like me, I unfortunately tend to avoid a lot of real-life situations with people that I don't know.

Yet we forget about the benefits we may actually gain and how the required effort may teach us new skills we never expected possible. In most cases, new opportunities rise whenever we decide to make a change. Sitting still and delaying everything won't get us anywhere.

That being said, I think I'm going for a run, no matter how hard it snows outside. There is no tomorrow, there's only now. And when you think about it, so much left to do.

In trance

Tue, 05 Jan 2010 00:00:00 -0800

Ik geef toe, ik ben nooit van het sportieve type geweest. Samen achter een bal hollen om die dan weer weg te stampen, ik zal het nooit begrijpen. Zelfs niet om naar te kijken. Buiten wat wandelen in bergen en nu en dan een skireisje heb ik de afgelopen 15 jaar dan ook niets van sport gedaan.

Onlangs heb ik echter een sportieve kant van mezelf herontdekt. Herontdekt, want in het middelbaar onderwijs deden we dit ook al, echter onder dwang en als een stel mieren die kost wat kost eerst wilden of moesten zijn. Ja, ik heb het over lopen.

Door een hoop persoonlijke en werkgerelateerde ontgoochelingen voelde ik me midden december behoorlijk crap. Het liefst van al wou ik het komende jaar onder een rots doorbrengen. Van bij het wandelen heb ik al de ervaring dat je na een tijdje stevig doorstappen in desolaat landschap in een soort van trance raakt die je helemaal leeg maakt en weer nieuwe energie geeft. Langdurig wandelen in Gent en omstreken is echter niet iets wat je dagelijks doet, dus ben ik plots out of the blue beginnen lopen.

Redelijk verbaasd ben ik over de vooruitgang. Met een conditie van niets, sleepte ik een kleine drie weken geleden nog met mijn tong hijgend over het beton na amper twee kilometer. Nu zit ik aan vijf kilometer op een dikke 25 minuten. Ik weet het, gene vette, maar ik kan er wel van genieten en had dit nooit verwacht op zo'n korte tijd.

Je moet weten, ik loop 's avonds als het donker is, langs een oude arm van de Schelde waar je een redelijk ver zicht hebt. De huidige koude daarbij heeft ook zijn charmes. Dat klein half uurtje lopen is echt ideaal om je hoofd even leeg te maken. Ik loop ook niet met muziek op, maar liefst gewoon met mijn eigen gedachten en de omgevingsgeluiden: het kraken van het ijs of de sporadische eend.

Vandaag heb ik mezelf eveneens deftige loopschoenen aangesmeerd. Niet goedkoop, doch een wereld van verschil als je eerst op crappy dingen van 25 euro liep. Hierbij werd ik uitstekend geholpen door Runners Service Lab te Gent. Helaas ontdekte ik thuis dat het om een oud model schoen gaat, en pakken goedkoper is op het internet. Maar ja, dan heb je de gespecialiseerde service er niet bij en correct advies is toch mooi meegenomen.

Een concreet doel heb ik niet, doch een kilometer of twaalf over een maand of twee, drie zou mooi zijn. Belangrijkste is het bereiken van de trance, de leegte die je achteraf als herboren doet voelen.

Zolang er geen blessures optreden, kijk ik al uit naar morgen.

Best Wishes

Mon, 04 Jan 2010 00:00:00 -0800

Wish you all the best for 2010. May we all live long and prosper.

Zoek het e-mail adres

Fri, 18 Dec 2009 00:00:00 -0800

Voor iedereen die voor gas of elektriciteit bij Lampiris zit en op zoek is naar een e-mail adres of online formulier: ze hebben het wel degelijk, het is gewoon niet duidelijk te vinden voor een doorsnee idioot zoals ik.

Bij het onderdeel 'contact' vindt u helemaal niets, maar u moet gaan naar de 'online klantenservice', een soort van FAQ zeg maar.

Dan kan u zoeken op 'e-mail', en komt u uit bij de vraag 'Heeft u een e-mail adres?'.

Daar staat uitgelegd wat u moet doen:

Onze Online Klantendienst geeft u de mogelijkheid om op een eenvoudige manier onmiddellijk een antwoord te krijgen op al uw vragen. Indien ons antwoord uw vraag niet volledig beantwoord, kan u ons een bericht zenden via het contactformulier. Dit formulier vindt u door te klikken op "Mijn vraag werd niet beantwoord" en daarna "Mail met één van onze medewerkers"

Indien u een vraag wenst toe te voegen of indien u een ander of aangepast antwoord wenst voor te stellen, aarzel dan niet dit te doen door op "Stuur ons een voorstel" te klikken.

U vindt deze vraag eveneens rechtstreeks onder het submenu 'Nuttig' > 'Handleiding'. Jawel.

Duidelijk.

Snuggerds klikken natuurlijk direct op één van de mogelijkheden links, kiezen een onderdeel, en klikken op een vraag, alwaar dan ook verschijnt 'Mijn vraag is beantwoord' of 'Mijn vraag is niet beantwoord'. Klikt u op 'niet beantwoord', 'mail met een medewerker', krijgt u eveneens de pop-up waar u uw vraag kan stellen.

Gewoon een e-mail adres of een simpel formulier bij contact zetten was te moeilijk.

JQuery Magnifier Version 0.2

Wed, 16 Dec 2009 00:00:00 -0800

I've published a new version of my jQuery Magnifier plugin. Version 0.2 adds a few things that were requested by users, such as a 'delay' before the lens gets shown.

The plugin has been partly rewritten to be more understandable and extendible in the future.

Let me know if there are any issues.

JQuery element in a set

Mon, 14 Dec 2009 00:00:00 -0800

Whenever you want a single element from a jQuery result set, there are a few ways to do this. There are some differences though which may be confusing at first.

Let's assume we have a list with four elements:

<ul>
    <li id="one">one</li>
    <li id="two">two</li>
    <li id="three">three</li>
    <li id="four">four</li>
</ul>

You probably never want to put an id on each element, but it's just an example here.

Now let's say you want to find out the id of the third li element, there are a few ways to achieve this.

Using the eq(position) function

Using eq() reduces the set of matched elements to a single element. Important to know is that 'element' means a jQuery object, which means you can still use all jQuery functions on it.

$('li').eq(2).attr('id');

This would return the third element's id using jQuery's attr() method. Note we use '2' and not '3' because the position starts at zero.

http://docs.jquery.com/Core/eq

Using the :eq(index) selector

Using :eq matches a single element by its (zero-based) index. Used in the jQuery function, this is the same as using eq(). It will still return a jQuery object on which you can use all functions.

$('li:eq(2)').attr('id');

I have no idea if this would be faster than using eq(). Anyone?

http://docs.jquery.com/Selectors/eq

Using the get(index) function

Get(index) would access the specific element in the result set based on its index. Note the important difference that get(index) does not return a jQuery object, but rather an actual DOM element. This means you can not use any jQuery methods directly on it. So this won't work:

$('li').get(2).attr('id'); // this won't work

You can get to the id though by accessing the element's id as you would in the normal DOM:

$('li').get(2).id; // works

There's an alternative syntax for get(index), which is using the square bracket notation on the jQuery object itself, so the next would work as well:

$('li')[2].id; // $('li')[2] is the same as $('li').get(2)

http://docs.jquery.com/Core/get#index

Conclusion

I know, all these differences may be obvious, but could be confusing for people new to jQuery. Whatever solution you eventually use, will depend on what else you will be doing with your result set.

I tend to think that using get(index) in this case would be the better one given that you can access the DOM element and its id easily without the need of running extra functions.

Let me know your thoughts.

Ben ik gek?

Tue, 08 Dec 2009 00:00:00 -0800

Je bent bescheiden, hebt niet veel nodig maar bent gesteld op je vrijheid: je kiest zelf je uren, locatie, vakantie. (Zie voetnoot 1.) Je ziet het ergens wel mogelijk om volledig zelfstandig te worden en daarmee te overleven, misschien zelfs nog wat te sparen. En dan begin je te rekenen.

Stel, je schat, zeer bescheiden, dat je wel een 25.000 euro per jaar bruto kan bijeenkrijgen. In loondienst, komt dit neer op een bescheiden loon van 1338,78 euro per maand. (Simuleer zelf maar.) Niet veel, maar wel genoeg om met verstand van te leven. Nee, ik hoef geen SUV of de laatste nieuwe breedbeeldtelevisie.

Maar wacht, je bent niet in loondienst, je wil een bescheiden zelfstandige worden. Dus maak je dezelfde berekening. Volgens Unizo val je bij 25.000 euro in de schijf van 45% belastingen. Alsjeblieft. 45%. De helft van het jaar werk je dus voor de staat. Een staat die dan nog niet eens behoorlijk functioneert en meer geld kost dan ze waard is. (Ja, we hebben 20 regeringen nodig voor een land een scheet groot.)

Wat je nog overhoudt is 45% van 25.000, dus 13.750 euro. Als je meer kosten kan inbrengen, ligt dit waarschijnlijk nog iets hoger. Maar wat heb je daar aan: als bewuste mens consumeer je namelijk zo weinig mogelijk en neen, dank je, ik hoef die laatste nieuwe zevende telefoon niet. Kosten maken om kosten te maken vind ik dan ook ronduit belachelijk.

Daar houdt het echter niet mee op. Je mag ook nog eens sociale bijdragen dokken. De minimumbijdrage voor een starter is 607,83 euro per kwartaal voor een zelfstandige in hoofdberoep. Jawel, u leest het goed. Er staat wel dat je het verschil terugkrijgt na drie jaar, maar je mag het toch eerst lekker zelf ophoesten, ook al verdien je niets.

Bij 25.000 euro zou de bijdrage berekend op 13.750 euro liggen op 2924,45 euro per jaar. Je houdt dus over na aftrek: 10.825 euro ofwel 902 euro per maand.

Indien ik zou gaan doppen als alleenstaande zou ik nog bijna meer krijgen. Leg me dat eens uit. Van mijn 25.000 euro zijn er dus maar 10.825 voor mij. De rest gaat op in het systeem. Weg. Verschwunden.

Niet getreurd. Voor al die bijdragen krijg je toch ook iets terug. Zo ontvang ik kraamgeld bij de geboorte van mijn kind en kinderbijslag. Tof, als je helemaal geen kinderen wil. (We zijn namelijk al met genoeg op deze planeet imho, ik hoef mezelf niet per sé voort te planten, dank je.) Wat heb ik dus aan die bijslag?

Ah ja, ik krijg ook een pensioen. Later, binnen 35 jaar, misschien. Gezien de huidige omstandigheden is die kans vrij klein, om maar te zwijgen van de keerpunten waar we als maatschappij duidelijk nog mee te maken gaan krijgen. Los daarvan kan ik mijn pensioen zelf ook sparen hoor, dus laat me dat geld nu gewoon houden.

Ik moet dus wel gek zijn om dit te overwegen. Nu ja, er zijn landen waar ze nog geen 5 euro per maand verdienen. (Laat ons die gaan uitbuiten, ah dat doen we al.)

Versta me niet verkeerd. Ik ben volledig voor een systeem waar iedereen bijdraagt. Ik heb geen probleem met belastingen. Ik zou met plezier de helft afdragen in een maatschappij die gebaseerd is op eerlijkheid, op evenwicht tussen mens en zijn planeet, waar niemand honger heeft en iedereen rationeel nadenkt over zijn handelingen.

Maar hier? Ik moet wel gek zijn. (Zie voetnoot 2.)

Ben ik gek, of maak ik een denkfout?

Voetnoot 1. Met vakantie bedoel ik niet de hamburger spelen aan de Spaanse Costa Brava, maar eerder 'tijd' die niet noodzakelijk economische rendabel is, maar wel kan bijdragen tot de ontwikkeling van jezelf. Het idee dat de economie 'moet' 'groeien' vind ik dan ook compleet de bal misslaan. Economie moet niet groeien. De mens als soort moet groeien in zijn evenwicht met zijn natuurlijke omgeving.

Voetnoot 2. Gek zijn is natuurlijk relatief. Normen en waarden zijn volledig afhankelijk van de tijd en maatschappij waarin je je bevindt, dus wat voor de ene gek is, kan voor de andere perfect normaal zijn. Er is namelijk geen waarheid, noch een doel, alles is slechts perceptie gekleurd door je afkomst, omgeving en tijdsgeest.

Ja, mijn voetnoten kunnen beter.