CSS Zen Garden in vogelvlucht (sorry Wouter voor de h??l erg onoriginele blogpost ;))

Gisteren gekocht in de standaard boekhandel: Cascading Style Sheets: The Definitive Guide, Second Edition van Eric Meyer. En lezen maar :-)

Hoewel ik over het algemeen niet zo van Flash hou, vind ik Levitated.net toch een noemenswaardige site. Je vindt er verschillende effecten in flash mét de 'broncode' bij, zodat je eindelijk kan zien hoe je zoiets zelf moet maken :-)
(via)

Als webdesign bedrijf kan je natuurlijk al eens een foutje maken. Maar je kan ook letterlijk zwaar afgaan als een gieter.
Ik heb het hier dan over het bedrijf dat de nieuwe website van Leiden (in Nederland) in elkaar heeft geklooid.
Zoals Anne van Kesteren schrijft voldoet de nieuwe website helemaal niet aan de webstandaarden en wordt de html/css volledig verkeerd gebruikt. Dit resulteert in een website die enkel in Internet Explorer bruikbaar is. In Mozilla valt het allemaal nog mee maar in bijvoorbeeld Opera is het echt niet om aan te zien.
Er zijn natuurlijk heel veel van die websites, maar als je dan weet dat de website 170.000 euro heeft gekost en dat Anne van Kesteren, die overigens 17 jaar is, een versie in elkaar steekt, die werkt in alle browsers en voldoet aan de standaarden vind ik dat wel om te schreeuwen en gaat het webdesign bedrijf in kwestie echt wel af!

Ik heb er een lange tijd aan gewerkt maar uiteindelijk staat mijn Homepage dan toch online :-).
Het is een vrij zakelijke website met mijn CV en een lijstje van projecten en publicaties, zowel in het Nederlands als Engels (daarom heeft het onder andere zolang geduurd ;-))
De tweede reden waarom ik er zolang aan heb gewerkt is omdat ik de standaarden tot in de puntjes heb proberen volgen. De website is volledig XHTML 1.1 valid, CSS 2.0 valid, gebruikt semantische html waar mogelijk en zou normaal gezien ook moeten voldoen aan de WCAG (Web Content Accessibility Guidelines) Triple A :-)
Je vindt de website hier: http://budts.be/jeroen/

Zo eindelijk een eerste versie (waar nog een beetje werk aan is!) van mijn Homepage online :-)
Ik heb deze website gemaakt om een zakelijke website te hebben over mezelf waar je mijn cv vind en van die zaken. Bij het ontwerpen heb ik mezelf opgelegd om volledig volgens XHTML 1.1 te werken en dat hij zo toegankelijk mogelijk moet zijn.
http://budts.be/jeroen/

Toen ik een tijdje terug de broncode van het weblog van Karma bekeek zag ik dat er bij het body element een id attribuut bijstond met als waarde demuynck_org. Ik vroeg mij af waarom hij dit deed en kwam zo op deze webpagina uit.
Met de meeste moderne browsers (zoals ook Mozilla) is het immers mogelijk om een persoonlijk stylesheet te maken dat wordt toegepast op alle websites die je bezoekt. Dit is bijvoorbeeld handig voor slechtziende mensen, zij kunnen dan de lettertypes van alle websites groter zetten.
Als je echter specifiek voor één website een persoonlijke stijl wilt maken is het moeilijker, omdat je stijlblad op alle websites wordt toegepast. Hier biedt het id-attribuut bij de body tag uitkomst. Als iedere website hieraan een unieke waarde toekent kan je zo in je stijlblad specifieke regels maken voor één website.
De eenvoudigste unieke waarde voor een website is natuurlijk zijn url. Niet alle tekens die in een url kunnen voorkomen mogen echter in het id-attribuut gebruikt worden, daarom kan je …

Speciaal voor den Tim en de Kristof: Een korte cursus van het W3C zelf over hoe je een layout kan maken zonder tabellen te gebruiken
Tableless layout HOWTO

Voor het twee-maandelijkse tijdschrift van Jeugdhuis Tel 18 heb ik van 2001 tot 2003 een Cursus HTML geschreven die bestond uit 10 delen.
Ik heb alle delen in OpenOffice.org gezet en nadien natuurlijk ook naar PDF. De delen zijn hier en daar aangepast ten opzichte van de originele cursus.
In de cursus heb ik echter geen rekening gehouden met standaarden (ik was hier toen nog niet echt mee bezig). Om HTML te leren is het echter handig om de standaarden even links te laten liggen, zodat je eerst het systeem kan proberen vatten. Nadien kan je dan met de standaarden aan de slag. Hiervoor ga ik nog een 11de deel schrijven dat de standaarden kort behandeld.
Cursus HTML

Op deze pagina vind je een uitgebreide uitleg hoe je kan kijken met welke browser iemand je pagina bekijkt en aanvullende tips en opmerkingen
Determining Browser Type and Version with JavaScript