Archief - DESIGN and CODE: Portfolio

Jups,

Het zijn examens dus ik doe een grondige update van m'n sites
eerst m'n portfolio in een nieuw kleedje gestoken.

http://bertg.nucleus.be/portfolio/

graag comment op uiterlijk en code.
Vind m'n menutje (en voral de popup bij portfolio) zeer geslaagd!

---edit---

Heb het menu wat aangepast, en IE correct gemaakt.
ook is er wat getweaked aan het uiterlijk van de site (lichte shadow aan)

---end-edit---

thx

design is wa leegjes, en ivm code je gebruikt inline styles tussendoor zet toch allemaal in uw css bestand

ook zijn de hover in uw content wa overbodig

is mooi & simpel en indien ge hetvolgende fixt nog beter:
- u achtergrond gradient is een beetje van te lage kwaliteit
- zet een prentje bij u portfolio websites en andere dingen, nu haddek niet echt de zin om te gaan zien hoe het eruitzag en werkte.
- code: ik heb de pest aan xhtml (omdak er niets van kan) maar tzal wel goed zijn zeker

Meer gradatie in uw typo zou leuk zijn. Waarom "Portfolio" in een ander font.. Het springt er een beetje uit (in een negatieve manier). Uw naam rechts mag ook wel groter, het is duidelijk dat dat font niet geschikt voor zulk een corpsgrootte.

Voor de rest is het wel clean.

frenzal zei:

ook zijn de hover in uw content wa overbodig

Klik om te vergroten...

I second that, en misschien nen banner zou nie misstaan, maar hou het hier ook wel "simpel" en eenvoudig.

En leer het verschil tussen ID's en Classes... ID's zijn uniek.. classes niet. Dus een ID kan je maar 1x gebruiken. Dus eigenlijk, kan je, je ID's beter gaan vervangen door classes in je code, want je gebruikt nergens een class enkel en alleen maar id's, redelijk verkeerd.

W3C Validator : http://validator.w3.org/check?verbose=1&uri=http://bertg.nucleus.be/portfolio/

frenzal zei:

ook zijn de hover in uw content wa overbodig

Klik om te vergroten...

eigenlijk is de javascript hier overbodig, maar omdat IE de hovers niet ondersteunt moet ik een apparte oplossing uitdokteren. E ik laat de oude waarden staan en hoop op beterschap met IE7

0n3Liner zei:

- u achtergrond gradient is een beetje van te lage kwaliteit
- zet een prentje bij u portfolio websites en andere dingen, nu haddek niet echt de zin om te gaan zien hoe het eruitzag en werkte.

Klik om te vergroten...

D'Sek- zei:

Meer gradatie in uw typo zou leuk zijn. Waarom "Portfolio" in een ander font.. Het springt er een beetje uit (in een negatieve manier). Uw naam rechts mag ook wel groter, het is duidelijk dat dat font niet geschikt voor zulk een corpsgrootte.

Klik om te vergroten...

ga es zien voor die background en de header.
wat et protfolio betreft... de inhoud is tijelijk zoals de title et zegt

En leer het verschil tussen ID's en Classes... ID's zijn uniek.. classes niet. Dus een ID kan je maar 1x gebruiken. Weet dus waar je dit gebruikt.

Klik om te vergroten...

Bijt me neus niet af eh...
Ken wel degelijk het verschil, gewoon ff een onopletendheidje if al gefixed BTW.

BertG zei:

Vind m'n menutje (en voral de popup bij portfolio) zeer geslaagd!

Klik om te vergroten...

ik vind het menu eigenlijk niet geslaagd.. tis zo in een 'hoekske' geduwd en't is ni altijd even eenvoudig om contact te selecteren. persoonlijk zou ik de ruimte links veel meer gaan benutten. (en icons ofzo gebruiken)

feit ook dat het woord menu helemaal links staat, maar het eigenlijke menu helemaal rechts dah's niet echt logisch. enfin er waren nog zo'n aantal zaken, heb dan maar ff een screenshot door photoshop getrokken, dan kan'k het beter illustreren:

http://users.pandora.be/weblab/givepointers/bertg/portfolio_pointers.gif

punt is dat je de compositie aantrekkelijker moet proberen maken.. tekst zelden gewoon tekst laten zeker niet als de ruimte errond te groot is (komt veel te saai over dan) maar dus compositioneel iets mee doen // ook voor je tabellen, niet in een hoekje duwen maar duidelijk zichtbaar plaatsen. eventueel wat thematische fotokes hier en daar om't geheel wah grafisch aan te kleden. (of opnieuw die ruimte die te groot kan zijn te benutten zodat alles minder leeg lijkt)

verder zouw'k de teksten eens laten nalezen, staan een aantal fouten in (klees dat ge dyslectie hebt, ma ni iedereen in uw omgeving zal dah hebben vermoedek dus vraag hen is te proof-readen)

mschien zijde iets met d'n uitleg je kan'm ook in de wind slaan ma'k hoop althans dah ge'r iets van blijft onthouden dan.

ps: hoe kom ik aan deze screen met uw naam in't groot linksboven, toen ik opnieuw op je site clickte was het zo'n "platte versie"..
pss: ge hebt chance dah't examens zijn

@: Impact en frenzal.. als je iets zegt, dan moet je het goed doen

CSS wordt inderdaad lieft in een externe sheet bewaard, maar opmaak die specifiek is voor 1 pagina (en je zeker bent dat je dit niet meer gaat gebruiken in andere pagina's), zet je best inline, om geen overgrote overbodige sheet te krijgen (zeker wanneer je CSS anders véél te groot wordt).

Impact.. ID's en classes worden BIJ VOORKEUR gebruikt zoals jij het zegt, het MOET NIET.

brahms, als ge dat door de w3c validation gooit. En ge hebt meer dan eens eenzelfde ID gebruikt in 1 pagina dan is dat nie valid

het MOET dan mss niet, maar het is toch beter da je hebt niet doet eh

bRahms zei:

@: Impact en frenzal.. als je iets zegt, dan moet je het goed doen

Klik om te vergroten...

En wat heb'k dan niet goed gezegd ? Als 'k dat mag vragen ?
Trouwens ik bijt z'n neus niet af, maar kom als hij al zelf zegt dat hij het verschil weet tussen classes & id's, dan vraag ik mij toch af hoe je zo'n fout bijft maken. Mor soit, 't zal wel aan mij liggen da'k het niet versta.

[ImpacT] zei:

Trouwens ik bijt z'n neus niet af, maar kom als hij al zelf zegt dat hij het verschil weet tussen classes & id's, dan vraag ik mij toch af hoe je zo'n fout bijft maken. Mor soit, 't zal wel aan mij liggen da'k het niet versta.

Klik om te vergroten...

blijft maken? hoevaak heb ik het hiervoor al gedaan?
punt is, die 2de Title ID warover het hier gaat werd gegenereerd door een control die ik een paar maand geleden heb geschreven, dus had ik dat over het hoofd gezien. Ik dank je voor de opmerking, mo het mochts iets vriendelijker (zoals nu weer).

@LunchBox,
thx om er zoveel tijd in te steken ik ga es zien voor images er in te steken, maar die uitbreiding aan de linker kant ga ik toch niet doen
Het menu opfleuren ga ik ook nog proberen.
Wat de "moeilijk te berijken" contact link betreft...
IE z'n schuld
Zou onder de knop moeten verschijnen (FF doet het goed, daarmee de link Optimized for firefox)

Hmm, ge lijkt m'n uitleg niet te snappen. Maar ge blijft nog steeds veel meer id's gebruiken dan classes. Nu op zich natuurlijk geen probleem omdat je steeds nieuwe id's aanmaakt en ze dus uniek blijven.

Maar dan heb je het princiepe dus nog niet door. Een ID wordt meestal gebruikt bij een overkoepelende <div>, de andere <div>'s of elementen wat dan in die overkoepelende <div> voorkomen maken dan "meestal" gebruik van classes, nu het mogen het natuurlijk ook id's zijn, maar eigenlijk wordt het zo niet gedaan.
Als voorbeeld kan je misschien eens naar http://www.csszengarden.com surfen, bekijk deze code eens en je begrijpt direct wat ik bedoel.
Ook het feit dat je bijna uitsluitend met <div>'s werkt, lijkt me ook niet zo verstandig voor latere designs dan. Maar ook hier kan je lang over gaan praten en heeft ieder zijn standpunt. Want dan gaat het de richting uit over semantiek en zo, en da's beke way off-topic.