Archief - portfolio website

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.

joericlaes

Legacy Member
Hey,

voor school was onze eerste echte opdracht voor "webtechnologie" het maken van een eigen portfolio website. Dit is wat eruit is gekomen:
Joeri Claes » Webdevelopment

Site moest volgende elementen bevatten of eraan voldoen:
  • css3
  • webfonts
  • html5
  • jquery
  • w3c valid
  • mocht geen php ofzo bevatten...
  • mediaqueries (mobiele apparaten enzo..)

btw: ik zit in het eerste jaar (hoger).

-BVR-

Legacy Member
- Die header is echt wel overused aan het geraken. (dat lint bedoel ik dus) Ook mis ik hier hoverstates op je menu.
- Dat 'logo', daar scheelt iets mee. Die schaduw klopt niet, links en rechts gaat de 'schaduwlijn' trouwens te ver.
- Social media icons zijn mooi; zelf gemaakt?
- PROFESSIONEEL WEBDESIGN, GEBRUIKSVRIENDELIJK, INNOVATIEF: staat me niet aan. Ik weet niet waarom, maar het leest niet gemakkelijk.
- Introduction: jammer dat je niet met css3 hebt gewerkt. Het had gemakkelijk gekund met css3: border-radius en radial gradient. Tekst is wel goed gedaan.
- Content en heads: niets op aan te merken
- De nummering: dat blauw past niet echt.
- footer: tekstopmaak van contactform eens nakijken, maak het hetzelfde als je content. Hoverstates op je menu. Hoverstate op je 'submit'. In het Nederlands is het "E-mail". Schaduw van footer zit niet goed, zelfde als bij header.

Code:
- Gooi alle lege p-tags weg
- #backtop niet nodig, kan je gewoon vervangen door #container
- .clear is vaak niet nodig
- waarom al die float: left;'s ...
-padding-left: 84px; padding-right: 80px; padding-top: 24px; = padding: 24px 80px auto 84px; -> probeer korter te schrijven


Ik had wel eens willen zien of je dit zonder modernizer ook had kunnen afleveren. Niet slecht, dat niet, maar nog veel ruimte voor verbetering ;)

joericlaes

Legacy Member
Bedankt voor de constructieve feedback ;) Ik zal zeker nog dingen aan deze site aanpassen. En i.v.m. modernizer? Wordt eigenlijk niet echt gebruikt op de site, het script heb ik nu ook gewoon weggelaten. En dan over de hoverstate bij het contact form in de footer: zoals op mijn contactpagina dan?

I.v.m. de "introduction" div. Ja dit heb ik ook overwogen. Echter vallen dan de quotetags weg. Deze moesten dan ook weer apart opgemaakt worden om ze er te laten uitspringen. Ik koos hier voor de makkelijke weg... Maar ik geef je hierin wel gelijk!

FurtiveDuck

Legacy Member
Ziet er goed uit, volg de kritiek van Bram. Het geheel werkt echt, maar persoonlijk krijg ik bij het design een redelijk "just another portfolio" gevoel. Kan natuurlijk aan mij liggen, maar hoewel het echt wel goed zit qua ontwerp, springt het er voor mij niet onmiddellijk uit.

"Het internet is en blijft mijn passie.♥" Ik zou het hartje achterwege laten.

Kleuren header op m'n Mac (Safari 5.0.3.) - Geen idee of dit zo moet zijn?

joericlaes

Legacy Member
FurtiveDuck zei:
Ziet er goed uit, volg de kritiek van Bram. Het geheel werkt echt, maar persoonlijk krijg ik bij het design een redelijk "just another portfolio" gevoel. Kan natuurlijk aan mij liggen, maar hoewel het echt wel goed zit qua ontwerp, springt het er voor mij niet onmiddellijk uit.

"Het internet is en blijft mijn passie.♥" Ik zou het hartje achterwege laten.

Kleuren header op m'n Mac (Safari 5.0.3.) - Geen idee of dit zo moet zijn?

Strange, maar ik had nog niet op een mac getest ;) Kan dat zijn omdat die twee afbeeldingen links en rechts een .png is? en de andere een .jpg?
Edit: Alle afbeeldingen daar zijn nu .png, zou niet weten wat ik anders nog meer kan doen?
in ieder geval, dit is hoe het er zou moeten uit zien:

Dastardly

Legacy Member
  • Uncaught TypeError: Object [object Object] has no method 'fancybox'
  • Failed to load resource: the server responded with a status of 404 (home image)

beide quick fixes denk ik :p

voor de rest ziet het er ok uit, zou wel die grote "professioneel webdesign ..." weglaten of iets kleiner zetten op bepaalde pagina's. op de homepage staat het wel goed (nuja, valt over te discussiëren, normaal zet je je werk zo hoog mogelijk). maar op andere pagina's stoort het wat. zeker omdat het altijd hetzelfde is. op mijn laptop moet ik bijvoorbeeld altijd scrollen om iets anders te zien als die woorden. geen ramp op de homepage. irritant op alle andere pagina's.

YaMo

Legacy Member
De links in het navigatiemenu onderaan werken alleen op de index-pagina.

pinda

Legacy Member
codering zit goed , maar ge taalgebruik vind ik ongepast? "skills , sumbit" houw het lekker simpel voor de gemiddelde doorsnee mens.

Sniper_bls

Legacy Member
Hey, leuke website, mooi design, echter mis ik iets heel functioneel en een meer conversiegerichte informatiearchitectuur.

Je hebt bijvoorbeeld geen blog, welke wel leuk kan zijn in jouw line of business - In deze blog kan je dan ook call to actions integreren zodat mensen contact met je opnemen.
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