Archief - Portfolio review!

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.

Dreamonic

Legacy Member
Hello all!

In mijn kostbare vrije tijd heb ik wat gewerkt aan een persoonlijk portfolio.
De eerste versie staat online (op een trage hostserver), maar werkt!
Ik zou er graag eens wat (professionele) meningen over horen.

Dit is de link: pietervde.clanteam.com


Bedankt!

Dreamonic

dimio111

Legacy Member
ziet er wel netjes uit, alleen heb ik wat moeite met het "klein" lettertype op de spierwitte achtergrond.

de gewone letters zijn erg dunne lijntjes op mijn hoge resolutie, en ik moet me concentreren om ze te kunnen lezen. (door de witte achtergrond)

mijn mening over je projecten, daar heb je ene link met een live demo.
mss de links target:_blank maken, want als je dan is op die demo's kijkt moet je redelijk wat terug gaan om terug op jou portfolio te komen.
ipv dat die demo's dan gwn in een nieuwe tab openen :-)

GregoryCo

Legacy Member
Even vlug:

- Je kan best die menu icons in een grote afbeelding zetten (zowel normal als hover state) en zo via css de bg positie bepalen. Die voorkomt dat de afbeelding even weg is als je hovert.

- Als je over uw projecten hovert, dan komt er een grotere afbeelding tevoorschijn, kan je doen, maar aangezien die niet met uw muis mee beweegt kan dat wat irritant overkomen, omdat uw andere projecten dan verborgen zijn.

Qua design, op zich wel proper, beetje safe gespeeld :)

Scissor

Legacy Member
Paar dingen die mij meteen opvallen:
- Taalfoutjes ("I too want such an awesome design for my site!")
- 't feit dat je kan scrollen terwijl er eigenlijk geen extra content is
- Je logo vind ik eerlijk gezegd maar niks (is met paint gemaakt ofzo?) en resolutie is ook veel te laag (kan pixels tellen)
- pagina voelt groot en leeg aan
- je uitlijning van je "Have fun" is helemaal rechts tegen je border?
- bijna al je sites uit portfolio hebben een extreem-hoog jaren '90 gehalte

edit: geen favicon, geen clean url's

profound

Legacy Member
Wat is er fout aan "I too want such an awesome design for my site!"?

Verder sluit ik mij aan bij GregoryCo; Netjes, maar voor een portfoliosite mocht het toch wel wat origineler.

Scissor

Legacy Member
"I too want such an awesome design for my site!"? is allesbehalve geloofwaardig Engels. Wil hier niet de Grammarpolice etc. uithangen, maar als je dan toch Engels gebruikt om naar een wat internationalere markt over te komen, lijkt het me wel interessant dat je toch ietswat geloofwaardig overkomt. Deze zin op zich is misschien niet grammaticaal onjuist, maar er zijn betere (interessantere) manieren om dit te formuleren. Just my 2 cents

woony

Legacy Member
waarom engels als het duidelijk uw moedertaal niet is? Wil je meerdere talen doe dat dan, maar gebruik uw moedertaal als standaard.

waarom gratis hosting?

waarom foxyform? die faalt .

waarom een gigantisch logo, om die dan te gaan resizen tot het bijna niet meer leesbaar is? > http://pietervde.clanteam.com/img/logo/written_logo.png

Je wilt bescheiden zijn, maar ik lees awesome en epic over uw eigen design, terwijl er weinig design aan is?

Het geheel voelt wat oubollig aan.
Maar verder lijkt mij perfect als schoolopdracht om 18/20 te halen voor uw gepensioneerde html leerkracht.

Dreamonic

Legacy Member
Wow, al wel wat reacties.

Eerst al bedankt, hier zit zeker wat tussen dat ik ga meenemen naar volgende versies toe!

@dimio111, bedankt voor de concrete ideeën!
@GregoryCo, thanks voor de menutip!
@Scissor, een hele boterham! Het logo is inderdaad tijdelijk, dit moet nog een (ferme) update krijgen.
@woony, de gratis hosting is omdat ik momenteel nog student ben, en dus geen zin heb (onnodige) kosten te maken ;)

Even nog een opmerking: zoals ik al zei is het tussendoor gemaakt in mijn kostbare vrije tijd. De bedoeling is om hier heel wat meer tijd in te steken eens die tijd er is :D

Bedankt voor de commentaren tot nu toe!

Zegermeister

Legacy Member
Er zitten zeker een aantal taalfouten in. Het grootste probleem heb ik echter met de smiley bij de projects. Iets wat anders redelijk professioneel zou overkomen verknoeien met een smiley is echt wel not done.

Voor de rest vind ik dat het er wel goed uitziet.

On a sidenote, ik heb echt wel gelachen toen ik "sadly enough" zag staan. Letterlijke vertaling van 'jammer genoeg'?

Dreamonic

Legacy Member
-Zeger- zei:
...Het grootste probleem heb ik echter met de smiley bij de projects. Iets wat anders redelijk professioneel zou overkomen verknoeien met een smiley is echt wel not done.

Een kleinigheidje, maar dat wordt er bij deze dus in de volgende versie uitgehaald!

-Zeger- zei:
Voor de rest vind ik dat het er wel goed uitziet.

Bedankt! ^^

-Zeger- zei:
On a sidenote, ik heb echt wel gelachen toen ik "sadly enough" zag staan. Letterlijke vertaling van 'jammer genoeg'?

Een beetje te letterlijk, lijkt me nu :D Maar aangezien ik - gezien de reacties hier, waarvoor dank! - hoogstwaarschijnlijk de website in het Nederlands zal zetten, zal deze fout er ook uitvliegen ;)

adrianhates

Legacy Member
1) HTML5 doctype
2) uw URLs herschrijven zodat den .html weg is
3) uw jquery versie upgraden en onderaan, vlak voor de body loaden
4) van uw 4 stylesheets 1 maken

Werkt ge met een WYSIWYG? Er staan enkele fouten in uw code, bvb bij projects:
- UL in ne P
- BR ipv uw P af te sluiten margin te geven.
- ...

Als ge broncode bekijkt in firefox zie ge da opt zich , want FF duidt dat met rood aan.

Code:
<div class='logo'><a href="index.html"><img src="img/logo/written_logo.png" id="toplogo" alt="Pitte Productions - We deliver quality."/></a></div>

Kunt ge beter schrijven als

Code:
<h1 id="logo"><a href="">Uw logo tekst hier</a></h1>

Vervolgens uw A block zetten en het logo als achter grond in css zetten
De tekst van uw a verbergen door text-indent en de focus er af halen

Code:
h1#logo a{
 width: xxpx
 height: xxpx
 text-indent:-9999px
}
h1#logo a:focus,
h1#logo a:active{
 border:none;
}

ps: van waar ben je? Kzie dat je een site van de volleyclub van Wiekevorst gemaakt heb, kben zelf van Booischot.

Dreamonic

Legacy Member
adrianhates zei:
1) HTML5 doctype
2) uw URLs herschrijven zodat den .html weg is
3) uw jquery versie upgraden en onderaan, vlak voor de body loaden
4) van uw 4 stylesheets 1 maken

Werkt ge met een WYSIWYG? Er staan enkele fouten in uw code, bvb bij projects:
- UL in ne P
- BR ipv uw P af te sluiten margin te geven.
- ...

Als ge broncode bekijkt in firefox zie ge da opt zich , want FF duidt dat met rood aan.

Code:
<div class='logo'><a href="index.html"><img src="img/logo/written_logo.png" id="toplogo" alt="Pitte Productions - We deliver quality."/></a></div>

Kunt ge beter schrijven als

Code:
<h1 id="logo"><a href="">Uw logo tekst hier</a></h1>

Vervolgens uw A block zetten en het logo als achter grond in css zetten
De tekst van uw a verbergen door text-indent en de focus er af halen

Code:
h1#logo a{
 width: xxpx
 height: xxpx
 text-indent:-9999px
}
h1#logo a:focus,
h1#logo a:active{
 border:none;
}

ps: van waar ben je? Kzie dat je een site van de volleyclub van Wiekevorst gemaakt heb, kben zelf van Booischot.

Thanks voor de tips!
Klein vraagje: hoe doe ik de eerste 3? :p

Normaal gezien heb ik maar 1 stylesheet.. ;)

Ik ben zelf van regio Leuven, heb de website voor de volleyclub gemaakt voor een kennis (als schoolopdracht).

Scissor

Legacy Member
1. Je doctype bovenaan je document moet het volgende zijn: <!DOCTYPE html>
2. Doe je met een .htaccess bestand dat je in de basisfolder plaats van je website. Google helpt je al een eind op weg ;)
3. jQuery wordt gehost door google. Je linkt op een bepaald moment in je bestand naar de jQuery-library. Door een link te leggen laadt je website jQuery dus van google. Dit doe je door het volgende toe te voegen:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

btw, download eens firebug addon voor FireFox of doe in Internet Explorer eens F12, dan kan je je code zien van je website. Op dit ogenblik draai je wel degelijk 3 verschillende .css bestanden:

<link type="text/css" rel="stylesheet" href="style/reset.css">
<link type="text/css" rel="stylesheet" href="style/general.css">
<link type="text/css" rel="stylesheet" href="style/style.css">

Dreamonic

Legacy Member
Scissor zei:
1. Je doctype bovenaan je document moet het volgende zijn: <!DOCTYPE html>
2. Doe je met een .htaccess bestand dat je in de basisfolder plaats van je website. Google helpt je al een eind op weg ;)
3. jQuery wordt gehost door google. Je linkt op een bepaald moment in je bestand naar de jQuery-library. Door een link te leggen laadt je website jQuery dus van google. Dit doe je door het volgende toe te voegen:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

btw, download eens firebug addon voor FireFox of doe in Internet Explorer eens F12, dan kan je je code zien van je website. Op dit ogenblik draai je wel degelijk 3 verschillende .css bestanden:

<link type="text/css" rel="stylesheet" href="style/reset.css">
<link type="text/css" rel="stylesheet" href="style/general.css">
<link type="text/css" rel="stylesheet" href="style/style.css">

Bedankt! dit gaat me enorm helpen ^^
Oh ja, ik gebruik inderdaad 3 css bestanden :D Is dat een probleem? Dat is nl. de techniek waarop ik het heb aangeleerd, omdat je zo (door eerst de reset.css toe te voegen) met een "clean sheet" kan beginnen.

VinceVe

Legacy Member
Dreamonic zei:
Bedankt! dit gaat me enorm helpen ^^
Oh ja, ik gebruik inderdaad 3 css bestanden :D Is dat een probleem? Dat is nl. de techniek waarop ik het heb aangeleerd, omdat je zo (door eerst de reset.css toe te voegen) met een "clean sheet" kan beginnen.

reset.css gaat browsers resetten naar een standaard waarde zodat je in elke browser vanuit dezelfde "staat" kunt beginnen. Zoals Scissor zegt, zou ik ook de CDN gebruiken van google maar ik zou wel dit stukje code gebruiken:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

Dit gaat kijken wat protocol je gebruikt (bvb http, of https) en gaat dan over hetzelfde protocol gaan. :)

GigaPixels

Legacy Member
De icoontjes in het menu --> CSS sprite.
Als ik nu hover moeten die nog worden geladen, wat zeer lelijk is.

outline:none op u textarea en inputs

title van captcha is 'send message' ?

ISO notering bij gemeente in je cv + aanvuller in delhaize is geen relevante werkervaring imo --> schrappen

"Word, PowerPoint, Excel" --> maak daar dan ineens microsoft office van of beter, schrappen, het wordt verondersteld dat je daarmee kan werken als IT-er, niet? Moest je nu office management doen dan mocht je dat laten staan :-)

favicon

cv = nederlands, site = engels

Place of birth: Mechelen --> relevant?

waarom geen responsive design?

title tags en alt tags vaak vergeten

<br/><br/><br/>

The test results were clear: my IQ was 146. --> No offense, maar waarom doet ge dan een prof. bachelor?

"Some see it as being lucky, others see it as a curse. I think of it as my life." --> Daar ben ik u kwijt, misschien wilt ge de gehele 'about me' herschrijven.

"I'm a third- (and last)year" --> senior year, als ze écht interesse hebben kijken ze wel nr u cv en zien ze dat het drie jaar is

tough --> though (bij projects)

nog bij projects, die hover is immens ambetant, misschien een lightbox gebruiken (als je er op klikt, niet bij hover)

de border right bij het laatste menu item mag weg imo

html5? microdata?

domein .be/index.html = domein .be/ --> canonical url

BLPGRN

Legacy Member
Op je CV zou ik werkervaring en burgerlijke staat weglaten. Je studeert nog en bent uit 1994. Men gaat zowiezo weten dat je niet alleen woont en een paar vakantiejobs zijn zo goed als verwaarloosbaar als je naar werk zoekt.

adrianhates

Legacy Member
Haita zei:
Op je CV zou ik werkervaring en burgerlijke staat weglaten. Je studeert nog en bent uit 1994. Men gaat zowiezo weten dat je niet alleen woont en een paar vakantiejobs zijn zo goed als verwaarloosbaar als je naar werk zoekt.

zever

als je geen ( echte ) werkervaring hebt, zijn die vakantiejobs ( net als aanvuller ) net wel relevant omdat je aantoont dat je wil werken en gene luie kak bent da alles krijgt van de mammi en de pappi. Er zijn redelijk wa mensen dat op hun 18 al trouwen en alleen wonen. Is dus ook vrij relevant naar recruiters toe.

Die voetbal trainer activiteiten zou ik ook zelfs bij ervaring durven plaatsen .. Maar das echt wel twijfelgeval

adrianhates

Legacy Member
GigaPixels zei:
The test results were clear: my IQ was 146. --> No offense, maar waarom doet ge dan een prof. bachelor?

I was thinkin' the very same thing

Mijn IQ is ongetwijfeld veel lager en ik doe zelfs master .. Anderzijds staat hij ook al wel 2 jaar voor op zijn leeftijdsgenoten en kan hij nog met gemak een bijkomende opleiding doen : check keer schakelprogramma naar Informatica in Gent ;)

Dreamonic

Legacy Member
Een veel gemaakte fout bij het denken aan personen met een hoog IQ, is dat velen denken dat voor hen alles vanzelf gaat en ze niet(s) (veel) hoeven te doen. Ik moet ook wel degelijk werken om er te geraken! Voor mij is het zelfs nog moeilijker, aangezien ik in lagere schooljaren niet heb geleerd 'te leren', en dat nu dus nog moet ontdekken.

Ik heb voor hogeschool gekozen omdat ik wist dat, wanneer ik universiteit zou kiezen, ik doorheen het jaar mijn werk niet zou bijhouden, en zonder uitzondering zou buizen. Op een hogeschool worden er al eens opdrachten doorheen het jaar gegeven, wat me ertoe verplicht om de leerstof wat bij te houden, en het vergemakkelijkt voor het examen. En door de twee jaar 'voorsprong' kan je mij gerust 100% beschouwen als normale laatstejaarsstudent, met als enige verschil mijn leeftijd :)
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