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!!

Bezint eer ge begint!!

Drupal themen is niet een alledaagse ding waar je zomaar aan kan beginnen zoals bijvoorbeeld Wordpress themen, Drupal themen is een uitzichtloze zaak als je niet eerst Drupal’s opbouw begrijpt, er zijn nodes, views, listviews en blocks.

Het wordt pas een héél groot probleem als je een webstandaarden-mens bent zoals ik!!, Drupal heeft standaard een xHTML Strict 1.0 Doctype, en alle code die gegenereerd wordt dor Drupal zelf is valide xHTML Strict 1.0, maaaar … de code opbouw is niet zo correct.

Zo heeft Drupal de neiging als je in de backend bepaalt dat een ingevoerde afbeelding een link moet worden naar bijvoorbeeld een detail-view, deze afbeelding te omkaderen met maar liefst 5 à 6 divs !!!

CSS Oplossing

Zoals ik in een vorig artikel vroeg hoe jij een voorgesteld probleem zou oplossen, kan ik dus nu één van de misschien meerdere oplossingen geven:

Het probleem was dus dat er in Internet explorer 6 een <div> element niet stopte op een paats waar hij normaal niet kan zijn, door er een kleur aan te geven was dit duidelijk zichtbaar.

In de comments werd aangeraden om dit te doen:

Een Internet explorer 6 probleem

Toevallig gisteren een IE6 CSS probleem tegengekomen op een of ander forum, en die moest ik dus oplossen, het leek mij te simpel om het niet te wagen.
En inderdaad, het was vrij eenvoudig, maar ik zou eens willen weten hoe jullie dit probleem aanpakken/oplossen.

Voorwaarden

• Geen hack toegelaten (onvalide css)
• Doctype moet HTML strict 1.0 zijn
• Je hebt tot 17 december 22.00 uur
• Geen HTML elementen toevoegen
• Geen HTML elementen weg halen

Geef uitleg aan je links

Om een link extra uitleg te geven bestaat er het title="uitleg" attribuut, maar het zou eigenlijk geen/nooit kwaad kunnen de beschrijving van de link extra in de verf te zetten. Tegelijkertijd is deze tutorial een variatie en een uitbreiding op het vorige artikel: Hoe een block hover maken in een lijst van links.

Terug van nooit weggeweest

Yep, XHTML en CSS zijn terug mijn ding.
Voornamelijk omdat deze 2 hoofdingrediënten - van een website - nu een dagdagelijkse bezigheid zijn geworden.

Xhtml/CSS Developer

Op 1 september ben ik als Xhtml/Css Developer begonnen …

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:

Als webdeveloper

Zal je het regelmatig tegen komen, je moet speciale characters schrijven (character entities) die niet op je toetsenbord staan, en & en   en andere zijn nog eenvoudig te onthouden, maar méér kan/moet niet.

Dan kan het handig zijn een lijst te hebben met character entities te hebben waaruit je eenvoudig kan kiezen, nu kiezen kan je:

Zo simpel als iets

Maar je moet er maar op komen natuurlijk. Ik heb dit al eens moeten realizeren voor een klant, maar had er toen niet zoveel aandacht aan geschonken.
Eens je het gezien hebt zal je denken “ahjaa, waarom ben ik daar zelf niet op gekomen“.