Thread: Portfolio website
-
16-03-2014, 18:53 #1Member
- Registered
- 27/03/12
- Location
- Knesselare
- Posts
- 425
- iTrader
- 10 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Portfolio website
Dag iedereen
Ik heb vandaag mijn nieuwe portfolio site online geplaatst. Graag had ik eens jullie mening gehoord. Even ter opmerking, bij het contact formulier wil ik later AJAX gebruiken, maar ik ben dit nog aan het leren dus is dit nog niet in de site verwerkt.
URL: Ruben Vermeulen | Webdevelopment
Feedback wordt gewaardeerd!Portfolio website: http://www.rubenvermeulen.be/
Nederlandstalige PC Multi-Gaming Clan: http://www.soldiersoffreedom.be/
no votes
-
-
16-03-2014, 20:16 #2Member
- Registered
- 11/05/13
- Location
- Prov. Antwerpen
- Posts
- 595
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Ziet er op het eerste zicht wel netjes uit. Maar voor je toekomstige projecten zou ik wel eens van kleur en stijl afwisselen, al je projecten inclusief je portfolio lijken erg hard op elkaar wat stijl en kleuren betreft. Smaken verschillen en je moet een groter publiek proberen aan te spreken.
no votes
-
16-03-2014, 20:43 #3Member
- Registered
- 27/03/12
- Location
- Knesselare
- Posts
- 425
- iTrader
- 10 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Bedankt voor de tips Wouter. Ik ben momenteel bezig aan een site voor mijn school die kadert bij mijn eindwerk. Deze wijkt al heel wat af van de huidige projecten die nu op mijn portfolio staan. Eenmaal die af is dan kan ik iets anders tonen dan al dat rood.

URL: Instituut Zusters MaricolenPortfolio website: http://www.rubenvermeulen.be/
Nederlandstalige PC Multi-Gaming Clan: http://www.soldiersoffreedom.be/
no votes
-
30-03-2014, 14:24 #4Member
- Registered
- 28/07/02
- Location
- Gent
- Posts
- 2,195
- iTrader
- 19 (91%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/144
Uw laatste site voor school is nice. Ziet er echt pro uit.
no votes
-
30-03-2014, 16:06 #5Member
- Registered
- 27/03/12
- Location
- Knesselare
- Posts
- 425
- iTrader
- 10 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Portfolio website: http://www.rubenvermeulen.be/
Nederlandstalige PC Multi-Gaming Clan: http://www.soldiersoffreedom.be/
no votes
-
30-03-2014, 17:10 #6Member
- Registered
- 25/09/13
- Location
- Prov Antwerpen
- Posts
- 109
- iTrader
- 3 (100%)
- Mentioned
- 1 Post(s)
- Reputation
- 1/2
Leuke site. Ik heb wel een paar kleine opmerkingen:
Het Facebook icoontje rechtsboven is te klein, namelijk 10px op 22 px. Om als gebruiker (snel) even daarop te klikken moet je verdomd veel moeite doen. Maak er gewoon 24px op 24px van ofzo. Kleine moeite, maar je maakt het je bezoekers wat gemakkelijker. En als je dan toch bezig bent, doe hetzelfde met het G+ icoontje.
De rode border-bottom bij elke afbeelding in je portfolio: Onnodig. Mensen kunnen gaan denken dat het bij de website hoort omdat het statisch is (geen kleurverandering bij hover ofzo). Indien bij een hover die kleur zou veranderen als indicator, dan is het nog ok, maar je toont al zo'n vergrootglaasje, dus: not ok.
Je gehele site is strak qua kleuren, rechte lijnen enz. Goed, geen probleem, maar wat doet dan plots die CIRKEL met je foto daar? Hou het consistent! Doe iets anders met die foto, maar zorg dat het in het design past.
Dan, kleurenconsistentie. Het viel me vooral op bij de grijze kleuren. De achtergrondkleur van je menu is #eaeaea, de achtergrondkleur van de about-sectie is #e6e6e6 en de achtergrondkleuren van je inputfields zijn #f1f1f1. Je voelt het waarschijnlijk al aankomen: consistentie. Allemaal verschillende tinten lichtgrijs. Dit valt de gemiddelde gebruiker niet op, maar als het opvalt kan dat als storend ervaren worden, geloof me. Bovendien maak je het jezelf verdomd moeilijk qua onderhoud. (Ik heb niet alle kleuren doorlopen, dit grijs viel me gewoon op)
Je zegt dat je je verdiept in HTML(5) maar toch zie ik geen enkele html5 tag, enkel divs in divs in divs. EN je gebruikt de center-tag, die is al een heel tijdje deprecated! Als je je html eens door een validator gooit dan valt dit op. Oh ja, je gebruikt meerdere keren dezelfde id, foei.
En dan is er nog de scrollbalk. Leuk gedaan, maar het werkt enkel in webkit browsers, nuff said.
Dit zijn dingen die mij opvallen. Je doet er mee wat je wilt, maar in elk geval succes met je toekomstige webdesigns!
no votes
-
30-03-2014, 18:19 #7Member
- Registered
- 27/03/12
- Location
- Knesselare
- Posts
- 425
- iTrader
- 10 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Bedankt om even de tijd te nemen om alles grondig te bekijken. De reden dat ik die HTML5 tags niet gebruik is omdat ik mijn site tot IE8 wil ondersteunen.
Qua kleurenconsistentie kan ik je alleen maar gelijk geven. Behalve dan bij de input, ik vind het mooier ogen op het wit, die #eaeaea vind ik daarvoor te donker.
En ik ben er mij van bewust dat de scrollbalk enkel zal aangepast worden in webkit browsers. Ook goed dat je mij op de id's wijst. Ik heb ze dus al altijd verkeert gebruikt. Ik heb het eens opgezocht, en ik zal de fout niet meer maken.Last edited by CrushTheButton; 30-03-2014 at 18:44.
Portfolio website: http://www.rubenvermeulen.be/
Nederlandstalige PC Multi-Gaming Clan: http://www.soldiersoffreedom.be/
no votes
-
30-03-2014, 19:04 #8Member
- Registered
- 25/09/13
- Location
- Prov Antwerpen
- Posts
- 109
- iTrader
- 3 (100%)
- Mentioned
- 1 Post(s)
- Reputation
- 1/2
Indien je uitdrukkelijk IE8 support wil (ik raad het je echt niet aan, bedrijven beginnen stilletjes aan ook te beseffen dat het vergane glorie is) kan je eens kijken naar polyfills.
Nog iets dat je kan helpen is een css framework. Dit is simpel gezegd een framework voor css (duh
) dat je in staat stelt om variabelen en functies te gebruiken. Het framework zal het dan zelf omzetten naar valid css. Zo kan je bijvoorbeeld je kleuren toekennen aan een variabele om zo later te kunnen hergebruiken. Ikzelf gebruik Compass.
Een voorbeeld van een functie ingebakken in Compass is "box-shadow". Het doel lijkt me duidelijk: een schaduw toevoegen... Maar wat hier nu handig aan: Zelf moet je slechts de volgende lijn code gebruiken:
Het framework zal dit dan automatisch omzetten naar de volgende lap css:Code:@include box-shadow(red 2px 2px 10px);
Je krijgt dus crossbrowser support met een enkele lijn code!Code:-webkit-box-shadow: red 2px 2px 10px; -moz-box-shadow: red 2px 2px 10px; box-shadow: red 2px 2px 10px;
Edit: Goed dat je nu op je id's gaat letten!
no votes
-
30-03-2014, 19:18 #9Deactivated user
- Registered
- 14/08/10
- Location
- Diest
- Posts
- 2,419
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 8/16
Als het enkel om vendor-prefixes gaat, dan kan je ook deze lightweight gebruiken: Prefix free: Break free from CSS vendor prefix hell! Maar voor andere zaken (als je met variabelen wilt werken bv.) is een framework of een pre-processor inderdaad gemakkelijk.
HTML5 werkt ook op IE8 hoor, met wat hulp van de shiv: https://code.google.com/p/html5shiv/no votes
-
30-03-2014, 19:21 #10Member
- Registered
- 25/09/13
- Location
- Prov Antwerpen
- Posts
- 109
- iTrader
- 3 (100%)
- Mentioned
- 1 Post(s)
- Reputation
- 1/2
Prefixes zijn misschien niet het beste voorbeeld, maar het geeft de TS wel een idee waartoe een dergelijk framework in staat is.
no votes
-
30-03-2014, 21:01 #11Member
- Registered
- 27/03/12
- Location
- Knesselare
- Posts
- 425
- iTrader
- 10 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Last edited by CrushTheButton; 30-03-2014 at 21:09.
Portfolio website: http://www.rubenvermeulen.be/
Nederlandstalige PC Multi-Gaming Clan: http://www.soldiersoffreedom.be/
no votes
-
31-03-2014, 15:29 #12
ja idd, zeer netjes. Nog een paar missing details, maar niet het vermelden waard.
Kon ik dit al maar op men 17de
Diumelia, pro feedback, care to introduce yourself?
no votes
-
31-03-2014, 18:04 #13Member
- Registered
- 27/03/12
- Location
- Knesselare
- Posts
- 425
- iTrader
- 10 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Bedankt!ja idd, zeer netjes. Nog een paar missing details, maar niet het vermelden waard.
Kon ik dit al maar op men 17de
Portfolio website: http://www.rubenvermeulen.be/
Nederlandstalige PC Multi-Gaming Clan: http://www.soldiersoffreedom.be/
no votes
-
31-03-2014, 20:19 #14Member
- Registered
- 25/09/13
- Location
- Prov Antwerpen
- Posts
- 109
- iTrader
- 3 (100%)
- Mentioned
- 1 Post(s)
- Reputation
- 1/2
no votes
-
31-03-2014, 20:27 #15Member
- Registered
- 27/03/12
- Location
- Knesselare
- Posts
- 425
- iTrader
- 10 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Portfolio website: http://www.rubenvermeulen.be/
Nederlandstalige PC Multi-Gaming Clan: http://www.soldiersoffreedom.be/
no votes

