Archief - portfolio website

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).

- 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

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!

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?

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?

Klik om te vergroten...

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:

• 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

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.

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

joericlaes zei:

in ieder geval, dit is hoe het er zou moeten uit zien:

Klik om te vergroten...

Fixed.

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

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.