Archief - Persoonlijke site http://kvanelderen.be

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
C

Cinnead

Legacy Member
Link: Kenny Vanelderen - Webdevelopment

Mijn persoonlijke website eens vernieuwd, de vorige versie heb ik een viertal jaar geleden gemaakt in het eerste jaar van mijn opleiding (Toegepaste Informatica).

Ik ben geen webdesigner en ook nog niet zo lang bezig als webdeveloper, dus ik verwacht toch redelijk wat commentaar op de code en de layout van de site.. wat gerust mag, zo leren we het!

Alle tips zijn welkom :)

PS: De volledige functionaliteit van de site wordt niet ondersteund in IE9 (CSS-transities bijvoorbeeld). Voorgaande versies van IE worden helemaal niet ondersteund wegens geen ondersteuning voor media queries en enkele CSS pseudo elementen (:target).
a

adrianhates

Legacy Member
wat mij vooral stoorde was de lange wachttijd op de google maps ;)

loadFirstPanel? Nee die toon je toch gewoon met CSS?
Dan zal je ook niet moeten wachten op de content ;)

alle scripts net boven je </body> plaatsen
A

Aap

Legacy Member
Ik zou de knoppen van boven wat kleiner maken. Er is namelijk veel ruimte tussen de tekst en de rand van de knoppen. Bij education zou ik secundair onderwijs weglaten.

Je foto mag iets groter om het duidelijker te maken.

Van drupal summerschool zou ik niet onder "educatie" zetten maar eerder als extra opleiding of zo.

Je website geeft de indruk dat je opzoek bent naar ander werk omdat je cv en dergelijke opstaat. Ik zou toch oppassen dat je huidige werkgever dit niet ziet.
C

Carrion

Legacy Member
Ik zou de interlinie van uw body tekst wat groter maken, de tekst staat nu redelijk dicht op elkaar, gaat vooral een probleem worden bij langere teksten.

Ge zit ook met ne verticale scroll terwijl uw inhoud daar niet achter vraagt.

Over 't algemeen ziet 'm er wel leuk uit, hier geen probleem met de google maps.
a

adrianhates

Legacy Member
Code: 
<nav>
				<ul id="menu_list">
					<li class="menu-item"><a href="#me" class="link active">/me</a></li>
					<li class="menu-item"><a href="#skills" class="link">skills</a></li>
					<li class="menu-item"><a href="#experience" class="link">experience</a></li>
					<li class="menu-item"><a href="#education" class="link">education</a></li>
					<li class="menu-item"><a href="#contact" class="link">contact</a></li>
				</ul>
			</nav>

waarom die overvloed aan classes? je <li> en <a> kan je gewoon selecteren op basis van #menu_list of zelfs met de parent <nav>

Code: 
<div class="content_header">
							<h1>/Me</h1>
							<div id="profile_picture">
								<div id="inner_border">
									<div id="picture"></div>
								</div>
							</div>
						</div>
zeer vreemde markup :) Die picture moet als <img> in je html staan aangezien het content is

Code: 
<meta name="keywords" content="webdevelopment, webdeveloper, webdesign, front-end, front-end webdeveloper, front-end webdevelopment, css, html, php, javascript, jQuery, css-transitions">

keywords zijn niet relevant meer. Onlangs was er hier nog een discussie over!

Je gebruikt ook meerde <H1> elementen waar je eigelijk maar 1 "mag" hebben op je pagina.

ik heb geen verticale scrollbar : latest firefox

<div id="me" class="panel"> zijn eerder "<section>"
C

Cinnead

Legacy Member
Bedankt voor de vele reacties tot nu toe, ik zit me hier echt voor het hoofd aan't slaan bij sommige dingen :p
Beetje line-height in #content_text en de site oogt al een stuk overzichtelijker, overdaad aan klasses is inderdaad nergens voor nodig..

De google maps iframe geeft bij mij af en toe een heel vreemde fout in safari. Dan wordt er een redirecht uitgevoerd naar "http://www.google.com/mapfiles/home3.html#me". Op validator sites worden er ook redelijk wat warnings meegegeven ivm met het iframe.. Misschien handiger dit te doen via Google Maps API ?
C

Cinnead

Legacy Member
adrianhates zei:
Je gebruikt ook meerde <H1> elementen waar je eigelijk maar 1 "mag" hebben op je pagina.

<div id="me" class="panel"> zijn eerder "<section>"
Klik om te vergroten...

Waarom mag er maar 1 H1 element per pagina gebruikt worden ? Ik weet dat de inhoud van H1 elementen gebruikt wordt door search engines, maar ik zie niet in hoe ik de inhoud van #content_header (titel van een panel) anders moet tonen dan in H1.

Hoe weet je wanneer er gebruik gemaakt mag worden van <section> ? Ik heb dit opgezocht toen ik pas begonnen was bij het ontwikkelen van de site, maar het was niet zo heel duidelijk waarom een section te gebruiken..
a

adrianhates

Legacy Member
h2? :)
h1 is meestal voor de titel van je website in de body
h2 voor subtitles

Ik gebruik een section in het typische geval zoals gij het hier zou moeten gebruiken: per menuitem
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan