Archief - PORTFOLIO: Portfoliodesign

kheb eens een nieuw design (+ al wa content) gemaakt voor mijn portfolio, wa vinden jullie er van?

zijn er fouten in bepaalde browsers (IE6 + FF, normaal gezien alles ok) ?

let me know thx

een klein bijvraagje: hoe kan je fonts embedden in xhtml/css ? voor alle browsers wel te verstaan?

Wat ik raar vind is je menuplaatsing. Mijn resolutie is 1024x768 en als ik in FF kijk met tabs + bookmarks + een toolbar zie ik je menu niet bij de tekst stukken, enkel bij "skills".

kdacht het is eens iet anders dan altijd dat menu zo bovenaan, maar de meeste pagina's zullen wel in de grootte van 'skills' zijn denk ek, want zo veel info komt er ook niet op een porfolio

+ gebruik van divs
+ correct gebruik van tables

- menu onderaan
- te zwart, grijs, geen kleurengebruik
- lelijk
- overmatig gebruik van divs
- achtergrondpatroon is te groot, leidt teveel af, lelijk
- uiteindelijk ni zo veel "design" aan
- in IE heb ik een ander font dan in FF

+Tabs zijn mooi uitgewerkt. Maar ze komen volgens mij beter tot hun recht bovenaan.

-Tekst nogal klein
-Onderlijnde tekst zonder dat het een link is
-Uitwerking van de skills past niet echt bij algemene design (kleur / layout)
-Background-image (strepen) vallen te hard op voor een background
-Menu uitwerken als een gestylede list ipv al die aparte divs.

- tekst is veel te klein, veel te breed (vind de gehele lengte niet goed lezen), heeft veel te weinig padding, slecht lettertype voor op scherm
- menu onderaan kan wel iets hebben, maar volgens mij bekijken mensen een simpel gelayoutte site toch top-down, en dus mss eerst tekst moeten passeren die ze eigenlijk niet willen zin. navigatie bovenaan lijkt me logischer (en idd zoals al gezegd: met tabs + toolbar kan uw navigate al snel verdwijnen. scrollen voor navigatie = no go). voor de rest vind ik de navigatie wel mooi gedaan (alleen jammer dat er geen a:hover is
- background is idd veel te opvallen, werkt bijna hypnotiserend bij mij
- waarom niet gewoon *JE NAAM* ePortfolio of *JE NAAM* - ePortfolio. (en desnoods zonder die puntjes), ik zie het nut niet in van dat te splitsen in de header
- die shadows bij je content div vloeken een beetje met het opzet van je navigatie. Ik zou ze eens proberen ofwel aan elke kant zetten (wat niet echt een verbetering zal zijn schat ik), ofwel gewoon weglaten
- je gebruikt meermaals zowel een class als een id in een div. Is het niet logischer om (bijna) alle div's een id te geven, en opsommingen te gebruiken als je voor meerdere divs een deel dezelfde eigenschappen wil (zo doe ik het in ieder geval)
- voor de rest mis ik een beetje kleur/variatie. Mss proberen te verwerken in een hover state van je navigatie?

fonts embedden met xhtml en css: google? het is (of was) mogelijk, maar niet aangeraden (anders zou het wel meer gebruikt worden, blijkbaar nogal moeilijkheden met security enzo, of nog: "Security issues, copyright concerns and likely any number of other issues killed @font-face. After all, it IS file sharing, and as such, it carries all the ills associated.")

fonts embedden: sIFR

SenderT zei:

....
+ correct gebruik van tables
....

Klik om te vergroten...

Euhm correct gebruik van tables? In feite gebruikt hij voor de skills de tables niet echt correct, ik ga akkoord dat het hier (voor mij dan toch) oké is, maar in feite moeten die skills niet in een tabel staan, het feit dat hij ze naast elkaar wil zetten is voor een visueel apsect en niet voor informatie te structureren. (Want let's face it: als al die skills gewoon onder elkaar staan dan heb ik dezelfde informatie en heb ik niet meer moeilijkheden om de werkelijke info eruit te halen)

Ook de tabellen gebruiken om effectief de kadertjes met gele/grijze vakjes te maken is in feite niet direct de manier van doen. Ik bijvoorbeeld als ik mijnen css afzet dan zie ik daar een lege tabelrij staan voor wie of wat weet ik niet? Er zit geen info in die tabel enkele visuele info (die ge dus niet ziet zonder css). Dus waarom gebruik je dan tabellen? Useability gewijs om "stars" te geven aan iets moet ge in feite die zes keer een reeks "sterren" hebben (van 0/5 tot 5/5) en in alt tekst zet ge "slecht", "ok", "gemiddeld", "goed", "heel goed" "uitstekend" dan doen we het wel goed

Wou ik gewoon even rechtzetten

Site is anders niet zo verdreven, ben niet zo aan de achtergrond, menu onderaan een site zetten vind ik nooit een goed plan, tenzij het menu vanboven ergens wel goed staat te blinken en onderaan een klein menu staat.

Ik ben ook niet zo'n fan van de achtergrond, voor de rest mooi gedaan.
P.S. het "skills"-systeem ziet er goed uit, maar ik weet niet of
het zo'n goeie zet is qua marketing
Het lijkt precies dat je "slecht" bent in de dingen met één blokje.
Ik zou er ofwel een legende bijmaken, met "1 blokje = basis, 5 blokjes = expert",
ofwel meer blokjes, en uw gradatie pas in de helft beginnen.
Bijvoorbeeld voor uw minst goede skills 3 blokjes, uw beste skills 6 blokjes,
dan ben je nergens "gebuisd" if you get what I mean.

Dat wil ik toch ook even terug nuanceren: hij zou die skills perfect in een tabel kunnen zetten, het gaat toch mogelijk om tabulair geschikte data. Maar het is gewoon "verkeerd" gedaan =]. Vooral die lege cellen dan .

alvast bedankt voor de reply's al

op die skillspagina zullen er zeker en vast nog aanpassen gebeuren (qua content)

de navigatie vond ek wel mooi overkomen eigenlijk, maar kheb idd niet echt rekening gehouden met de kleinere resoluties (hier 1600x1200), kga denk ek eens ziet wat het geeft als ek die tabs bovenaan plaats

qua kleuren tjah, kheb nie graag dat het zo'n kleurboek word eigenlijk, kvind zwart eigenlijk wel schoon

en dan de achtergrond ja, kvond da wel 'cool' overkomen die strepen, zou ek dat behouden? of smallere strepen? of dichter bij elkaar? of ... ? of totaal iets anders dan (aan wat denk je dan)?

SenderT zei:

+ gebruik van divs
+ correct gebruik van tables

Klik om te vergroten...

Niet echt zou ik zeggen .

Je kan een hele berg divs weg werken door voor je navigatie al een UL te gebruiken.

Het centreren met behulp van javascript is ook overbodig aangezien je dit alleen met CSS ook kan (zie sticky).

Wat ga je nu doen als de tekst van je pagina zo lang is dat de navigatie onderaan niet meer onmiddelijk zichtbaar is voor de gebruiker? Niet erg gebruiksvriendelijk vind ik. Ik zou ze zeker en vast een andere plaats geven.

als je de navigatie vanonder gaat houden, dan zou ik een fixed grootte instellen.

design wat aangepast met name die tabs bovenaan geplaatst, verder heb ek nog niet veel veranderen, enkel wat kleine aanpassingen in de code (geen visuele veranderingen)

die achtergrond weet ek niet goed wat ek zou kunnen gebruiken (kvind dat altijd zo moeilijk kiezen )

iemand een idee voor een mogelijke achtergrond die wel zou passen ?

thx

edit: nog een kleine update aan de skillpagina

kvindet proper maar hm veel te simpel (niet grafisch genoeg) en doe die schuine strepen weg iew! , voor de rest wel proper

$te@LFi$H zei:

kvindet proper maar hm veel te simpel (niet grafisch genoeg) en doe die schuine strepen weg iew! , voor de rest wel proper

Klik om te vergroten...

ma wat moet ek dan in plaats zetten als achtergrond? gewoon egaal kleur is ook maar zo gewoon

BlackAngel86 zei:

ma wat moet ek dan in plaats zetten als achtergrond? gewoon egaal kleur is ook maar zo gewoon

Klik om te vergroten...

een kleurke of ne gradient, als je een goede kleur kiest komt dit veel beter over dan wat dikke strepen.

Ja, want als je verspringt in het menu dan flikkeren die strepen precies ook efkes, wa wel beetje storend is.

Altijd gevaarlijk om je eigen skills een score toe te kennen. Als er iemand bijvoorbeeld goed overweg kan met een of andere taal waar jij jezelf vijf sterren op hebt gegeven en ziet dat je code eigenlijk niet overtuigt van je beweerde kennis, gaat die persoon zich vragen stellen wat de betekenis dan is van iets lager dan vijf sterren. (Dit licht hypotethisch geval was in mijn geval al van toepassing bij uw zelf toegekende score van javascript, die bij gebrek aan voorbeelden van andere talenkennis de enige is die ik heb nagekeken.)