Monza – Rock Im Ring

8 May 2008, geplaatst in Muziek door Davy

Gisterenavond stond de circustent van Monza (in samenwerking met Circuscentrum Vlaanderen) opgesteld op Kortrijk Weide en zoals je al kan raden was ik van de partij.

Laat me maar direct met de deur in huis vallen, het optreden was GE-WEL-DIG. Ze speelden het eerste deel van de show redelijk veel nummers van hun nieuwe cd Attica!. Ze openden met hun laatste single Wie danst er nog? en de toon was direct gezet voor 2 uur heerlijke Nederlandstalige muziek.

Hoogtepunten voor mij waren nummers als Gigant – waar Stijn Meuris het zo mooi uitschreeuwt, Als techniek faalt (fantatische instrumentale solo’s),Van God Los, Attica!, Bijna niets – met die zin ‘Als hij niet uitkijkt komt hij dicht bij God’,…

Eigenlijk was het hele optreden van begin tot einde intens genieten. Afwisseling tussen kippenvel momenten en snoeiharde rock. Het is echt heerlijk om te zien hoe Stijn Meuris zichzelf zo kan geven op het podium, zowel fysiek als met zijn stem.

Sinds gisterenavond ben ik de nieuwe cd nog meer gaan appreciëren. Hij haalt misschien niet het niveau van hun vorige cd Grand, maar hij komt toch aardig in de buurt.

Dus moest je nog de kans krijgen om de Rock Im Ring toernee mee te pikken, zeker doen ! En vergeet ook niet om Attica! te kopen!

Tabulaire data of een list?

17 April 2008, geplaatst in XHTML door Davy

Johan (Wolfr) heeft het nieuwe design van zijn blog Wolf’s Little Store deze week gelanceerd. Vriend Dieter heeft hierop al zijn mening geventileerd. De conversaties over dat nieuwe design zijn jammer genoeg verspreid, maar ik wou toch nog even inpikken op een conversatie op Twitter gisterenavond.

Wolf zegt dat de inhoudtafel op de homepage tabulaire data is. Ik ben het daar niet helemaal mee eens.

Waaruit bestaat zijn homepage? Uit een overzicht van alle artikels die op zijn blog zijn gepost. Technisch gesproken kan je dat wel in tabelvorm gieten, maar volgens mij kan je het eleganter oplossen.

Zo ziet de huidige markup eruit:

<table cellspacing="0" cellpadding="0" id="grid">
  <tr>
    <td class="date"><p>April 16, 2008</p></td>
    <td class="category">
      <ul class="post-categories">
        <li><a href="" title="" rel="category tag"></a></li>
      </ul>
    </td>
    <td><h2><a href="" rel="bookmark" title=""></a></h2></td>

    </tr>
</table>

Eerste bedenkingen:

  • Waarom zou je de datum in <p> tag plaatsen?
  • Waarom categorieën in <ul> als je maar 1 categorie telkens gaat gebruiken?
  • Waarom een tabel?

Waarom geen tabel?

Wanneer ik de CSS uitschakel en ik de broncode lineair overloop, dan krijg ik nu:

  1. datum
  2. categorie
  3. titel

Dit voelt niet goed aan. De titel is belangrijker dan de datum en de categorie, en dus zou die eerst moeten komen.

Een andere bedenking die ik me maak is: hoe zal de homepage zal weergegeven worden op mobile devices. Tabelrendering lijkt me door de kleine schermen minder evident.

Daarom zou ik met deze oplossing op de proppen komen:

<ul id="articles">
  <li>
    <h2><a href="" rel="bookmark" title=""></a></h2>
    <p class="meta">
      On <span class="date">April 16, 2008</span> in
      <a href="" rel="category tag">Category</a>
    </p>
  </li>
</ul>

Via negatieve text-indent, en absolute positionering van de date en link, kan je de woorden ‘on’ en ‘in’ verbergen op de frontend.
Je zou zelfs een <ol> (ordered list) kunnen gebruiken, omdat het kan beschouwd worden als een numerieke opsomming van de artikels.

Een andere mogelijkheid is via een definition list, waarbij er een relatie bestaat tussen de titel van het artikel en de meta data:

<dl id="articles">
  <dt><h2><a href="" rel="bookmark" title=""></a></h2></dt>
  <dd class="date">April 16, 2008</dd>
  <dd class="category">
    <a href="" title="" rel="category tag">inspiration</a>
  </dd>
</dl>

Niet alleen wordt de markup compacter, ook wanneer je CSS uitschakelt, leest het iets natuurlijker.
Via CSS kan je dan uiteraard identiek dezelfde visuele tabel creëren.

In HTML kan je meestal een probleem op verschillende manieren benaderen. Het is alleen kwestie van alle opties te overwegen en uitmaken wat een goeie manier is en wat de betere manier.

Minimal design is 1 ding, minimale markup iets anders.

BeCommerce Awards

21 March 2008, geplaatst in Webdesign door Davy

Woensdag hebben we met het ganse Marlon team de 3de editie van de BeCommerce Awards bijgewoond. Omdat we wel trots zijn op De Kleine Zebra webshop hadden we die als case ingestuurd.

Verloren moeite zo bleek. Blijkbaar maken enkel de grote namen kans om een van de awards in de wacht te slepen:

Business-to-Business

Dell (Gold award)

Business-to-customer

  1. Club Med (Gold award)
  2. Brantano (Silver award)
  3. Neckermann (Bronze award)

Volgens de jury werd beoordeeld op gebruikersgemak, algemene indruk van de website, bestelprocedure en tweetaligheid. Alleen jammer dat de voorzitter van BeCommerce niet tweetalig bleek te zijn.

De hele award uitreiking verliep eigenlijk een beetje rommelig. Op geen enkel moment werden er screenshots van de winnaars getoond, zodat je dus geen beeld kon vormen van waarom die als winnaar uit de bus kwamen.

Ach ja, het zou me niet verbaasd hebben als die sites eerst gerangschikt werden volgens omzet en dat in grote mate de winnaars heeft bepaald. Op die manier kunnen ze natuurlijk, net zoals de vorige jaren, met grote namen naar buiten komen.
Sommige winnaars waren wel terecht, zoals Dell, maar de Dell site en het concept kan je moeilijk werk van eigen bodem beschouwen en dus hadden ze bij het Belgische label BeCommerce beter lokalere projecten beloond.

Het galadiner achteraf was ook niet al te speciaal. Gelukkig maar dat wij met onze bende er toch nog een leuke avond van gemaakt hebben.

Proximedia: harde analyse door collega Dieter

18 March 2008, geplaatst in Webdesign door Davy

Dit bericht werd, wegens redenen, verwijderd.

Batibouw 2008

26 February 2008, geplaatst in Persoonlijk door Davy

Vanaf zaterdag is het zover: Batibouw 2008. Als verbouwer is dit toch wel dé bouwbeurs waar ik naar uit kijk. Vorig jaar, toen we ons huis nog niet gekocht hadden, hadden we ook Batibouw bezocht, toen eerder uit interesse.

Dit jaar gaan we echt wel doelgerichter op zoek naar informatie. We zijn nu vooral knopen aan het doorhakken voor onze ramen en deuren, centrale verwarming (soorten radiatoren, boilers, …), energiebesparende voorzieningen,…

Onze keuken hebben we dus reeds besteld. Met de Batibouw promoties van AEG hebben we een mooie prijs voor onze keukentoestellen kunnen bekomen.

Hoogstwaarschijnlijk gaan we dit jaar zelfs twee keer naar Batibouw. De eerste keer om zoveel mogelijk te bekijken en informatiebrochures mee te brengen, de tweede keer om meer specifieke vragen te stellen.

Ondertussen wachten we nog steeds op nieuws van onze bouwvergunning. Best wel frustrerend, omdat we voorlopig de handen nog niet uit de mouwen kunnen steken.