RbDG

Je hebt ervaring met blogs? Dat komt mooi uit. Er is namelijk een heel bekend stukje software, Wordpress, en die heeft vast wel een plugin voor betaalde memberships. Als je dan een goed template laat ontwerpen dat cross-browser en cross-platform compatible is... Dan hoef je alleen nog maar de content te schrijven ;-)

De browser van de screenshot is Namoroka, de codenaam voor Firefox 3.6 en ik draai em onder ArchLinux ;-)

Qua design, niks op aan te merken, netjes. Maar ik ben meer een code klopper, dus mijn feedback komt uit die hoek. Ik geef het je direct, als het bot lijkt denk dat aan mijn eerste feedback, het design is netjes ;-) Toegangkelijkheid Zoals eerder al aangegeven is, de aanbieding blokken op de hoofdpagina zou ook ik tekst maken. Google heeft geen ogen en beoordeeld een pagina op tekst, als je dan belangrijke info in afbeeldingen zet... Het kan in sommige gevallen er voor zorgen dat je lager eindigd op de resultaten pagina. Je kan het simpel oplossen door gewoon een div box te pakken. Die geef je een flinke padding en een achtergrond afbeelding. Dan zet je de titel en de lijst erin en klaar. Google ziet misschien geen afbeeldingen, maar wel de ALT tags die je aan die afbeeldingen hangt. Geef deze een zinnige naam: ipv "Portfolio menu knop" -> "Portfolio". Dit is ook handiger voor mensen die graag in textmodus browsen of een screenreader hebben. Style Je gebruikt keurig CSS voor je layout, petje af. Maar een van de principes van CSS is de scheiding van content en opmaak. Je hebt heel veel elementen op je pagina's staan die gebruik maken van de "style" eigenschap. Probeer die samen te vatten als classes in je style sheet. Ook eerder genoemd, tables op je contactpagina. Do not fear them! Div boxen zijn een gods geschenk voor layout, maar tables zijn niet taboe (voor content dan ;-) ). Als je content logischerwijs in een database of spreadsheet kan, dan mag je een table gebruiken. Is veel netter qua code. Hetzelfde geldt voor je formulier op 'basis' en 'compleet'. Je moet hier zoveel inline CSS hacks toepassen dat het zijn doel voorbij schiet. Onder Firefox gaat het op mijn PC dan ook mis. screenshot. Je kan hier beter met de label-tag werken. Of als je iets meer layout mogelijkheden wil, een definition list of een table. Nog een voor je formulier, de verzend knop als plaatje, daar kan je een input type=image voor gebruiken. Dat vertaalt automatisch naar een submit knop. Dat waren zo'n beetje mijn op- en aanmerkingen. Het lijkt misschien alsof ik hier heel erg loop te muggenziften, maar deze kleine details zorgen voor een betere toegankelijkheid, leesbaarheid en compabiliteit van je website. Zeker aangezien je in de design tak zit, is het belangrijk dat je website er in iedere situatie top uitziet. Wat leesvoer/tools om je op weg te helpen [*]W3Schools voor toegankelijke info over html symantics [*]W3C validator - test a.d.h.v. de officiele standaard [*]Browsershots - Voor het testen van compabiliteit over verschillende browsers en platformen Ik hoop dat mijn post enigsinds duidelijk is en dat je er iets aan hebt, zoniet vraag maar raak :-) EDIT: typo: div margin->div padding EDIT2: Form input type image