Thread: http://nicodemuynck.eu
-
16-03-2010, 23:57 #1Member
- Registered
- 20/10/02
- Location
- blankenberge
- Posts
- 1,137
- iTrader
- 5 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
http://nicodemuynck.eu
Het is al een tijdje geleden dat ik hier nog eens een website heb laten checken. Bij deze is het weer van dat!
WEb 2.0 Portfolio Nico De Muynck
Ter vervanging van:
Online Portfolio - Nico De Muynck
Comments on usability, seo,... zijn allen welkom!EIGHT: (L) u mobman
Het gras is altijd groener aan de overkant, want daar hebben ze kunstgras!no votes
-
-
17-03-2010, 00:01 #2
tbh, die achtergrond ben ik al beugezien, die was hip in 2007 denk ik

voor de rest valt er niet echt veel te zien, maar ik denk als ge u achtergrond aanpast dat het wel beter isno votes
-
17-03-2010, 00:28 #3
kVind het nog wel mooi, kleuren e.d. passen wel. Het verticaal scrollen is wel nergens nodig.
Ook moet je nergens lightbox in je head hebben staan, buiten bij projects, maar dat maakt nu niet veel uit
Yu-gi-oh kaarten te koop klik!!no votes
-
17-03-2010, 02:41 #4Member
- Registered
- 20/10/02
- Location
- blankenberge
- Posts
- 1,137
- iTrader
- 5 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
no votes
-
17-03-2010, 05:31 #5
Ik zou je link, waar je je op dat moment bevind, dezelfde style geven als de hover. Dan zie je meteen waar je zit.
no votes
-
17-03-2010, 09:59 #6
proper, maar waarom niet de background vast zetten?
uw code is niet valid. Wat niet zo moeilijk is om wel te doen aangezien ge echt weinig code hebt.
uw code kan ook cleaner
( het is al mooi, maar kan beter
)
bvb:
kan evengoed zo:Code:<div id="menu"> <ul id="nav"> <li><a href="index.html" id="news" title="Home"><span class="hidden">Home</span></a></li> <li><a href="projects.html" id="projects" title="projects"><span class="hidden">Projects</span></a></li> <li><a href="contact.html" id="contact" title="contact"><span class="hidden">Contact</span></a></li> </ul> </div>
Uw project showcase kan imo ook beter, nu hebt ge precies gewoon images naast mekaar gesmeten.Code:<ul id="nav"> <li><a href="index.html" id="news" title="Home"><span>Home</span></a></li> <li><a href="projects.html" id="projects" title="projects"><span>Projects</span></a></li> <li><a href="contact.html" id="contact" title="contact"><span>Contact</span></a></li> </ul>
Controle op uw contactformulier!
SEO:
Ik zie nergens h1 of h2 tags..
<div id="aboutme" alt="Nico De Muynck About"></div>
<div id="blog" alt="Nico De Muynck Blog"></div>
Da moeten H2's zijn..
alt is trouwens geen attribute van div..
Last edited by adrianhates; 17-03-2010 at 10:07.
no votes
-
17-03-2010, 19:17 #7
Je kan bij je label beter
Als je dan op het woord 'naam' klikt focust hij automatisch in het bijhorend inputfield. Je kan dit bij alle labels doen.HTML Code:<label for="name">Naam</label> <input name="name" id="name">
Ik heb ook opgemerkt dat je lege formulieren kan versturen.
En inderdaad, meer info + link zou handig bij je projecten.no votes
-
17-03-2010, 19:26 #8
Netjes, alleen is je contact page wel wat mager t.o.v. de rest: ContactPage WEb 2.0 Portfolio Nico De Muynck
no votes
-
17-03-2010, 20:45 #9Member
- Registered
- 20/10/02
- Location
- blankenberge
- Posts
- 1,137
- iTrader
- 5 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
al gefixed ondertussen... zat teveel met de images in mijn gedachten en daarom die alt tag gebruikt.<div id="aboutme" alt="Nico De Muynck About"></div>
<div id="blog" alt="Nico De Muynck Blog"></div>
Contactform is mijn eerste php ervaring feitelijk. Aanpassingen hieraan zullen zeker nog gebeuren!
Ben ondertussen ook eens aan't checken hoe ik de projectspagina aantrekkelijker kan maken met meer uitleg.
Thx for the comments so far!EIGHT: (L) u mobman
Het gras is altijd groener aan de overkant, want daar hebben ze kunstgras!no votes
-
17-03-2010, 21:10 #10Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
Die divs van aboutme en blog zouden eigenlijk de divs van inhoud1 en inhoud2 moeten zijn waarbij de about me en blogtitels gewoon 2 opgemaakte h2's moeten worden. 'k Zie net dat adrianhates het al gezegd heeft, maar 't is belangrijk genoeg om nog eens te onderstrepen.
Qua content lijkt het mij dat ge wat meer line-height moogt hebben. De regels staan vrij dicht op elkaar.
Naar accessibility en usability toe zou ik aan alle elementen wel een beschrijvende title toevoegen. Bij uw anchor van uw cv bijvoorbeeld een title="Download het CV van Nico De Muynck", niet gewoon "CV" ofzo. Ook bij uw h1, h2, ..
Van uw head (uw naam) zou ik een echte image maken in plaats van een achtergrondafbeelding. Doorgaans is dat toch de regel, en ook om die dan naar de homepage te laten linken vanuit de andere pagina's.
Sowieso is het nu echt niet goed omdat ge geen content in die div hebt staan. Ge zoudt altijd op zijn minst vervangende content moeten hebben voor zoekmachines en dergelijke. Voor zoekmachines zal uw site vaak geen steek houden omdat die head wegvalt en omdat uw inhoud geen titels heeft (behalve dan die h1 van uw blogtitel, wat ik persoonlijk een goeie keus vind
).
'k Vind wel dat die h1 iets meer mag opvallen, iets lichter misschien of gewoon iets of wat opvallender. Ben ook geen fan van caps in small-caps, maar dat laat ik in het midden.
Download cv heeft geen hover/active states. Usabilitygewijs minder interessant. Zeker omdat ge dezelfde vormgeving gebruikt voor de titels (About Me, Blog en Portfolio). Allé, ge ziet wel dat het een link is, maar toch is het verwarrend dat het dezelfde layout heeft als niet-links.
Ben ook niet heel overtuigd van het menu, vind het wat schreeuwerig omdat het zo'n groot lettertype is en full-caps. Ook die groene balk eronder had voor mij niet direct gemoeten. 't Is ook raar het niet langs uw logo staat maar een nieuwe begint. Verkloot uw grid imo een beetje.
-- Ondertussen heb ik geklikt op Projects --
Uw projecten laden heel traag in, daardoor krijg ik nogal veel verspringende beelden. Niet echt een comment, maar soit.
Ook hier dezelfde commentaar als op uw mainpage, de code is semantisch niet correct opgebouwd. En ook hier weer nieuwe commentaar op de code.
Ge hebt gewoon die images daar gezet in uw code in links, maar semantisch gezien is het eigenlijk een opsomming van uw werk. Een opsomming is een lijst en dus een ul. Sowieso wat meer nadenken over de vormgeving, want nu staan ze zelfs niet mooi in een grid (moet maar eens inzoomen erop) en verschilt de ruimte horizontaal van die verticaal.
'k Zou er ook sowieso ergens een randje bijplaatsen, dat roze vloekt enorm met de achtergrond omdat ge geen afbakening hebt gegeven aan die afbeelding. Een padding erop met achtergrondkleur en dan nog misschien een heel dun praktisch onzichtbaar bordertje lost dat wel op.
Om terug te komen op dat grid, volgens mij passen er wel 4 projecten op één lijn, maar hier staan er maar 3 op één lijn. Oogt heel vreemd.
't Stoort mij ook dat er nergens informatie over uw projecten te lezen valt. Ge hebt enkel die thumbnails die linken naar een grotere afbeelding. Geen link naar de echte site, geen informatie over de gebruikte technieken en ook maar één screenshot.
Op deze site krijgt ge ook niets te zien van voor wie die site was of wat het allemaal inhield, maar door de vormgeving kon ik er absoluut niet minder om geven: 177DESIGNS | Online portfolio of Pawel Kadysz
alt vergeten voor de image in uw footer trouwens.
-- doorgeklikt naar contact --
Zo kaal daar, dat formulier kunt ge vormgeeflijk echt een pak aantrekkelijker maken. Sowieso die inputvakken wat groter, de labels ook, en dan nog wat ademruimte. Voor de rechterkant kunt ge dan nog een klein tekstje schrijven of 't één of 't anders, maar leeg laten is echt wel kaal.
In the end vind ik het wel een redelijke site hoor. Maar 'k vind het spijtig dat ze staat of valt met die achtergrondafbeelding die dan niet van uw hand komt. Zeker omdat het deze afbeelding is die echt al verkracht is geweest op elke manier die ge u kunt indenken sinds ze eerst op Deviantart verscheen enkele jaren geleden.
Ge krijgt trouwens te snel een verticale scrollbar. Ge moet u baseren op de content, niet op de achtergrondimage. En zelfs als ge u daarop baseert krijgt ge al een scrollbar bij een 10tal pixels in de herhaling ervan.Last edited by Zero Grav; 18-03-2010 at 00:50. Reason: Nog een puntje toegevoegd
no votes
-
17-03-2010, 22:03 #11Member
- Registered
- 20/10/02
- Location
- blankenberge
- Posts
- 1,137
- iTrader
- 5 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Machtige review Zero Grav... Ik zet er mij deze week nog achter en laat hier dan zeker nog de aanpassingen checken! Thx
EIGHT: (L) u mobman
Het gras is altijd groener aan de overkant, want daar hebben ze kunstgras!no votes
-
18-03-2010, 12:18 #12Member
- Registered
- 04/10/03
- Location
- 9000
- Posts
- 3,755
- iTrader
- 14 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 5/35
Ik vind het wel iets hebben. 't Is leuk, simpel en het werkt natuurlijk. Maar de website heeft een look die we al zo veel gezien hebben.
( Patterrific.com | Passion for Pattern )no votes

