Gigadesign, XHTML-CSS website maken

HTML5 & CSS3

Tegenwoordig vind je niet anders meer dan HTML5 & CSS3 demo’s op het WWW. Dat is op zich geen slechte zaak.
Dit kan als indicatie dienen dat webdevelopers ermee bezig zijn, experimenteren met de materie.

Misschien zullen browser software vendors wel de trend bemerken en sneller de mogelijkheden inbouwen in toekomstige versies van hun browsers.

xHTML/CSS voor mobile devices

Voor alles is er een eerste keer, ook voor Mobile webdesign. Persoonlijk zag ik het nut niet er niet van in om voor Mobile te gaan xHTML en CSS te schrijven, ik ging ervan uit dat enkel geeks deze media zouden gebruiken, maar als ik nu zo zie wat het allemaal zo kan, en vooral wat het niet kan!!

Als het soms niet anders kan.

Soms moet je een minimum hoogte hebben voor een (block)element, daarvoor dient min-height, en werkt in alle browsers. Ahja, behalve in Internet Explorer 6, daarom ook deze tutorial. Internet Explorer 6 leest de bepaling min-height wel, maar verandert het naar height.

Meer aandacht voor links

Je ziet het op zoveel sites, maar hoe wordt het nu juist gedaan, het effect dat als je over een lijst met links gaat en dan de gehele achtergrond van de block een :hover effect krijgt. Meestal begin je er niet aan omdat je weet dat Internet Explorer 6 geen :hover over andere elementen toelaat dan een a (link).
Voor de ongeduldigen: hier kan je reeds een voorbeeld zien, om te weten hoe het zou kunnen zal je toch de rest ook moeten lezen.

You know you’re addicted to web design if…

1. You have the W3C validator URL memorized by heart.
2. You have ever actually had a dream involving a div class or img src.
3. You get genuinely pissed when your friends don’t know what CSS stands for.
4. You’ve ever copied and pasted a website’s CSS and lost sleep for fear of getting caught.
5. You can name 10 things wrong with IE6.
6. …

Validate validate validate

Als je met webstandaarden bezig bent en er belang bij hebt dat al je pagina’s in orde zijn heb je de plicht om toch bijna elke pagina te checken in de W3C-validator. Dit kan een tijdrovende bezigheid zijn als je met 100+ documenten zit.

Single vs. Multi

Wat zou je vinden als er nu een alternatief zou bestaan, een alternatief die je toelaat alle pagina’s in één keer te testen op correct code gebruik?
Wel zo een alternatief bestaat:

Kleine webdesigners

Wij kleine webdesigners houden rekening met de richtlijnen die de W3C ons voorschrijft, wij doen dit ook vrijwillig omdat we het doel en het belang ervan begrijpen en willen ondersteunen.

Nu, wij is een samenvatting van de webdesigners die ik ken, dus niet iedereen moet zoch aangesproken voelen!!

Web 2.0 style

Voor diegene die het nog niet weten, de W3C validator heeft een redesign ondergaan, ziet er vrij web 2.0 uit met ronde hoeken, dynamische content zonder page-refresh.

En ook nog

Er zijn nu ook meerdere kleuren beschikbaar van de bekende buttons, nu ook in het blauw.