Beste PHPhulpers,

Voor mijn opleiding interactieve vormgeving heb ik een online portfolio website moeten bouwen. Ik ben er in principe tevreden over, maar misschien dat jullie nog verbeterpunten zien qua design of code (HTML5 en responsive is nog in de maak, nu nog HTML4)?

De website.

Alvast bedankt. :)
Niemand? :(
Hij ziet er aardig uit. Zelf zou het makkelijker te lezen zijn als je wat meer spacing tussen de letters gebruikt. Ook je contactgegevens onderin zijn niet echt netjes uitgelijnd.
- Ariën - op 23/01/2016 16:46:55

Hij ziet er aardig uit. Zelf zou het makkelijker te lezen zijn als je wat meer spacing tussen de letters gebruikt. Ook je contactgegevens onderin zijn niet echt netjes uitgelijnd.


Thanks. Ik zal de letterspacing wat verhogen voor betere leesbaarheid. De contactgevens zijn op mijn laptop goed uitgelijnd, dat is dus een "responsive" probleem en zal ik oplossen wanneer de site responsive gemaakt wordt.
Ik is het kleine, te dicht op elkaar geschreven lettertype op donkergrijs niet te lezen.
Je vaardigheden zijn plaatjes, waarom niet met HTML5 die dingen vanaf 0 laten vollopen tot hun punt (en dan nooit precies 90 graden etc...)? Dat maakt wat.
Het lettertype is wel aardig, maar matig leesbaar (grijs op wit) en heeft (vind ik) een te hoge anti-aliassing.
De kop boven je contactformuliertje "Neem contact op" is ook onleesbaar.
Eddy E op 23/01/2016 17:29:38

Ik is het kleine, te dicht op elkaar geschreven lettertype op donkergrijs niet te lezen.
Je vaardigheden zijn plaatjes, waarom niet met HTML5 die dingen vanaf 0 laten vollopen tot hun punt (en dan nooit precies 90 graden etc...)? Dat maakt wat.
Het lettertype is wel aardig, maar matig leesbaar (grijs op wit) en heeft (vind ik) een te hoge anti-aliassing.
De kop boven je contactformuliertje "Neem contact op" is ook onleesbaar.


Heb de afstand tussen de letters wat vergroot, waardoor het beter leesbaar zou moeten zijn. Ook heb ik de grijze tekst wat lichter gemaakt.

De vaardigheden zal ik vervangen door HTML5 donut charts, moet nog even kijken hoe ik dat precies doe.

Leesbaarheid van het lettertype bij 'interesses' verhoogd, door de kleur donkergrijs te maken.

Neem contact op, heb ik een ander lettertype gegeven.

De nieuwe versie staat online.
Nieuwste versie gister geüpload, is weer een stukje beter geworden, maar wil graag nog wat adviezen over het design. De cirkels onder vaardigheden ben ik mee bezig om via CSS/jQuery te implementeren, dus dat zit er nog niet in. Ook responsive ben ik nog mee bezig.

De oude versie staat hier: old . y o u r i s c h n e i d e r. c o m
De nieuwe versie hier: y o u r i s c h n e i d e r. c o m

Alvast bedankt.
Even paar dingen:

- Je hebt eerst de footer met copyright en dan pas het contact stukje, dit hoort meestal andersom
- Ik denk dat het er beter uitziet als de contactgegevens recht onder elkaar staan en dat alle contactformulier velden even lang zijn
PHP Maarten op 03/02/2016 16:20:58

Even paar dingen:

- Je hebt eerst de footer met copyright en dan pas het contact stukje, dit hoort meestal andersom
- Ik denk dat het er beter uitziet als de contactgegevens recht onder elkaar staan en dat alle contactformulier velden even lang zijn


De copyright heb ik er expres boven gedaan, vond ik mooi staan zo en ook net even anders dan de rest. Contactformulier wil ik gaan aanpassen en ga ik goed uitlijnen.
Als ik op 'terug naar boven' klik, verspringt de website heel raar. Ik weet niet hoe je dit hebt gedaan maar de website laat 1 miliseconde de bovenkant zien en voert dan de animatie uit. Ik denk dat hier iets niet goed gaat.
Eschwin Moerkerken op 04/02/2016 18:12:20

Als ik op 'terug naar boven' klik, verspringt de website heel raar. Ik weet niet hoe je dit hebt gedaan maar de website laat 1 miliseconde de bovenkant zien en voert dan de animatie uit. Ik denk dat hier iets niet goed gaat.


Daar ben ik van op de hoogte, maar heb geen idee hoe ik dat moet oplossen. Wat ik doe is dit:

[code]

<span class="right"><a href="#top">TERUG NAAR BOVEN <img src="img/backtotop.png" width="13" height="auto" /></a></span></p>


<script type="text/javascript">
$(document).ready(function(){
$('a[href=#top]').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
});
});
</script>

De link activeert de code, waardoor hij verspringt.

Reageren