Hallo mensen,

Na een behoorlijke tijd html5 bestudeert te hebben heb ik dan eindelijk zelf een html5 website gemaakt. Ook heb ik hier de kennis die ik tot nu toe heb van OOP in gebruikt. Graag jullie mening over de design en wat er beter kan..
http://vandesteeg.org/
Op het moment werken nog niet alle links.

Het is trouwens de bedoeling dat ik de website als blog voor mij zelf ga gebruiken, ook heb ik het in combinatie gemaakt met een ander CMS systeem dan dat je meestal ziet. Inplaats van Wordpress zoals altijd heb ik dit keer gekozen voor FrogCMS

Bas van de Steeg.
Handig die reclame links. Nou moet ik net een beetje scrollen om te lezen wat er achter staat. ;-)
SanThe over welke van de reclame links gaat het? Want dan zal ik hier even naar kijken.
Die van 'hier adverteren'. Die staat vast, dus scrollen is altijd mogelijk ;-). Het staat net over de eerste woordjes als 'als' en 'klik' heen. Oftewel de eerste 3 á 4 letters.
Oké heb hem even weggehaald, zal hem morgen even goed plaatsen. Zit nu namelijk op telefoon. Maar wat vind je verder?
Ziet er op het eerste gezicht wel mooi uit. Alleen het menu vind ik een beetje raar gepositioneerd, een beetje niet in het midden maar ook niet aan de zijkant. Dat staat onnatuurlijk.
Verder is de afbeelding in de header kleiner dan de site breedte, dat klopt ook niet.

En waarom nu al beginnen met advertenties, ik vind ze namelijk nog niet heel mooi staan.

Dan de code:
- Plaats Content-type als eerste in de head, anders doet IE moeilijk
- author en robots meta tags zijn niet nodig
- Kies id en class namen die omschrijven wat er gebeurd, #a en #b doen dat niet
- Zet de sitenaam in een heading, bijv. H2 (en op homepagina H1)
- Wat zijn de menubuttons? Toch geen alinea met tekst, nee het zijn 3 buttons die iets met elkaar gemeen hebben. Het is eigenlijk een lijst van menu items, plaats deze dus in een lijst. Meer informatie: http://www.phphulp.nl/php/tutorial/html-ajax-css-javascript/html-en-semantiek/785/een-menu/2127/
- Je zegt dat de hele content 1 artikel is en plaats het echte artikel in een nikszeggende div? Draai dat eens om, meer informatie: http://www.phphulp.nl/php/tutorial/html-ajax-css-javascript/html-en-semantiek/785/een-blog-post/2129/
- Waarom een anchor (link) maken zonder doel (href) met klik op de titel voor meer informatie? Een read more link zou veel beter zijn
- section.meta hierin zeg je dat het 2 alinea's zijn, ik zie het eerder als 2 regels in 1 alinea.
- je schrijft HTML5, sluit dan niet af met die lelijke dingen van XHTML...
- Gebruik © en niet © in je code
- je sluit je body tag niet af
- Je hebt een speciale print stylesheet, maak er dan ook een mooie leesbare print van. Dingen die echt niet op een print pagina kunnen: navigatie, footer, adds. Meer informatie: http://css-tricks.com/video-screencasts/52-building-a-print-stylesheet/
Wouter,
Bedankt voor je opbouwende kritiek.
Ik ga het nu allemaal een voor een verwerken.
Bas

Reageren