Archief - PORTFOLIO: "Me" portfolio - coded

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

Spacy2003

Legacy Member
Een tijdje geleden heb ik hier een layout gepost dat moest dienen voor mijn examen photoshop.
Nu moesten we op blackboard ons e-portfolio er MCT waardig laten uitzien.
Dus ben ik mijn porfolio gaan coden !
In het menu op het portfolio vind je om die reden ook een paar blackboard links.

Ik heb geprobeerd om alles zoveel mogelijk in één HTML page te laten passen.
Hierbij heb ik een aantal scriptjes gebruikt vanop dhtmlgoodies.com !

Zelf heb ik al wat bugs gevonden ivm verschillende browsers:
- Opacity van de tekst in het linker tekst box veranderd ook mee als je hovert over de gallery pictures (Camino browser).
- De tooltip tekst blijft staan als je klikt op een gallery button of de foto van mezelf (Safari browser)
- Stomme grijze scrollbar die ik niet wegkrijg ook niet met overflow:hidden (in IE browser)

Als je oplossingen weet voor deze irritante bugs, let me know :p

http://users.telenet.be/I--XoNoN--I/portfolio2/

Vuur je comments maar af ! :)
X

Xavez

Legacy Member
Grafisch:

* Je grassprieten zijn niet bepaald afgelikt te noemen hé ;). Ze zijn nog een beetje té hoekig imo :).
* Je menuutje is volgens mij nogal petite, maar hey, dat ben ik waarschijnlijk :). Ik vind de verhoudingen precies niet helemaal kloppen op deze manier.
*

Code:

* Zonder javascript werkt je portfolio niet :).
* Nogal veel lege divs =).
* Je hebt nog steeds stijlbepalingen in je HTML-document zelf, die moeten allemaal in je CSS.
* Je h1-element wordt niet echt goed gebruikt. Een h1-element dient om een belangrijke titel aan te duiden, hier kan je beter een <span> gebruiken :).
* Je vaardigheden worden gewoon weergegeven d.m.v. een background-image. M.a.w. blinden kunnen dit helemaal niet zien :). Plus, je kan ook niet echt inzoomen als je tekst.
* Je images hebben alt="" meegekregen. Het is de bedoeling dat je daar ook effectief iets in steekt, niet gewoon om het door de validator te krijgen ;).

Ziezo, that's about it for now :).
S

Spacy2003

Legacy Member
Xavez zei:
Grafisch:

* Je grassprieten zijn niet bepaald afgelikt te noemen hé ;). Ze zijn nog een beetje té hoekig imo :).
* Je menuutje is volgens mij nogal petite, maar hey, dat ben ik waarschijnlijk :). Ik vind de verhoudingen precies niet helemaal kloppen op deze manier.
*

Code:

* Zonder javascript werkt je portfolio niet :).
* Nogal veel lege divs =).
* Je hebt nog steeds stijlbepalingen in je HTML-document zelf, die moeten allemaal in je CSS.
* Je h1-element wordt niet echt goed gebruikt. Een h1-element dient om een belangrijke titel aan te duiden, hier kan je beter een <span> gebruiken :).
* Je vaardigheden worden gewoon weergegeven d.m.v. een background-image. M.a.w. blinden kunnen dit helemaal niet zien :). Plus, je kan ook niet echt inzoomen als je tekst.
* Je images hebben alt="" meegekregen. Het is de bedoeling dat je daar ook effectief iets in steekt, niet gewoon om het door de validator te krijgen ;).

Ziezo, that's about it for now :).
Klik om te vergroten...


grafisch:
- true, ga het eens overdoen in illustrator
- *koopt vergrootglas voor xavez* :p

code:
- Dan werkt niets van ajax, net zoals google maps, ... is imo net hetzelfde als de u and me site die niet zonder flash kan :p
- Gebruik die lege divs vooral om hun bg image en zo de site op te bouwen, kan het natuurlijk ook doen met img tags. Dat zal ik dan ook veranderen
- Bwah daar ben ik het niet mee eens, als je nu een object hebt waar 1 parameter aan veranderd word en voor de rest is het hetzelfde wat in de klasse staat dan mag je dat wel veranderen met style imo. Een klasse daarvoor aanmaken zou gewoon zotjes zijn !
- Span it is !
- Damn you noticed, zal waarschijnlijk luiheid geweest zijn op dat moment :p (staat ook op de to do list)
- Do i have to :p Ik zal er wat in zetten !

Thank you xavez en je krijgt een dikke kus van me en bank vooruit !
X

Xavez

Legacy Member
code

* Klopt, maar je KAN je site laten werken met javascript EN zonder, alleen minder mooi dan, maar wel zodanig dat het nog werkt :).
* Je kan met descendant selectors perfect zonder een klasse aan te maken positioneren en stijlen toepassen zoveel je wil ;).
S

Spacy2003

Legacy Member
Xavez zei:
code

* Klopt, maar je KAN je site laten werken met javascript EN zonder, alleen minder mooi dan, maar wel zodanig dat het nog werkt :).
* Je kan met descendant selectors perfect zonder een klasse aan te maken positioneren en stijlen toepassen zoveel je wil ;).
Klik om te vergroten...

Ik ga me er eens in verdiepen !
Thanks, is trouwens het eerste wat ik over descendant selectors hoor.
Tot zover mijn google quest mij gebracht heeft ziet het er wel interessant uit.

Thanks !
A

AsEeL

Legacy Member
Heb amper een idee waarover jullie het hebben maar vind de site op enkele minpuntjes zeer leuk :)
Ik kan echt geen critiek geven aangezien mijn kenis zeer beperkt is.
Maar vanuit mijn oogpunt kan ik wel de meeste opmerkingen beamen.
b

borisson_

Legacy Member
zoals toen ook is gezegd, het rood bij je 'kennismeters' voelt aan alsof je er slecht in bent, terwijl je wil zeggen dat je er een kleine kennis van hebt,
't wilt hetzelfde zeggen, klinkt anders, probeer ook hetzelfde effect te bereiken dmv van kleuren, (bv donker naar licht ofzo)

en je lightbox (zo noemt zo'n ding toch hé?) kan wel een iets wittere achtergrond gebruiken, de overlay over de site laat de site nog iets teveel naar voorkomen.
o

orez

Legacy Member
grijze scrollbar in IE --> doe geen moeite, is niet weg te krijgen, is vast gecodeerd in IE dat die er ALTIJD staat, zelfs al is ie ni scrollable ;)

*code
- minder divs gebruiken --> perfect mogelijk, bv voor die "dots", hoef je echt geen div te gebruiken. Divs dienen als "grote container", niet om tekstjes of puntjes in te zetten ;) voor teksten gebruik je <p> om iets in de p te gaan verduidelijken gebruik je <span>, je h1 gebruik je voor de hoofdtitels (sitetitel enz...) voor minder belangrijk punten gebruik je h2, h3... naarmate belangrijkheid.

-uw foto staat int midden van uw tekst (in de source code.) doe het als volgt:

<img src="me" /> <-- float: left;
<p>tekst hier</p>

Vergeet uw image wel niet uit te lijnen door middel van margins.

- bouw je menu op via lists "<ul><li><a href...>1</a></li><li><a href...>2</a></li><li><a href...>...</a></li></ul>"
is correcter als je toch xhtml wil gaan.

Voor de rest ni veel opmerkingen buiten xavez zen dingen

3D moddeling --> 3D Modeling ;)
trouwens over het algemeen trekt uw engels op niveel... bv:
I'm is not only interested in static art forms but also the motion part of it.
Klik om te vergroten...

Gebruik nederlands als je de Engelse taal niet genoeg machtig bent. Anders komt het slecht over :)
S

Spacy2003

Legacy Member
orez zei:
grijze scrollbar in IE --> doe geen moeite, is niet weg te krijgen, is vast gecodeerd in IE dat die er ALTIJD staat, zelfs al is ie ni scrollable ;)

*code
- minder divs gebruiken --> perfect mogelijk, bv voor die "dots", hoef je echt geen div te gebruiken. Divs dienen als "grote container", niet om tekstjes of puntjes in te zetten ;) voor teksten gebruik je <p> om iets in de p te gaan verduidelijken gebruik je <span>, je h1 gebruik je voor de hoofdtitels (sitetitel enz...) voor minder belangrijk punten gebruik je h2, h3... naarmate belangrijkheid.

-uw foto staat int midden van uw tekst (in de source code.) doe het als volgt:

<img src="me" /> <-- float: left;
<p>tekst hier</p>

Vergeet uw image wel niet uit te lijnen door middel van margins.

- bouw je menu op via lists "<ul><li><a href...>1</a></li><li><a href...>2</a></li><li><a href...>...</a></li></ul>"
is correcter als je toch xhtml wil gaan.

Voor de rest ni veel opmerkingen buiten xavez zen dingen

3D moddeling --> 3D Modeling ;)
trouwens over het algemeen trekt uw engels op niveel... bv:


Gebruik nederlands als je de Engelse taal niet genoeg machtig bent. Anders komt het slecht over :)
Klik om te vergroten...

Thanks, ga je tips zeker gebruiken :p
Ivm engels so true en had dat ook verwacht in de comments, al dacht ik wel dat Zero_grav die comment zou maken :p
X

Xavez

Legacy Member
orez zei:
Gebruik nederlands als je de Engelse taal niet genoeg machtig bent. Anders komt het slecht over :)
Klik om te vergroten...
Slecht Nederlands kan in mijn ogen nóg slechter overkomen :p. Dat geheel terzijde natuurlijk.
l

lucifer666

Legacy Member
Waarom raad je aan om styles in aparte css documents plaatsen en niet in het document zelf?
S

Spacy2003

Legacy Member
lucifer666 zei:
Waarom raad je aan om styles in aparte css documents plaatsen en niet in het document zelf?
Klik om te vergroten...

Omdat men er naar streeft in xhtml om stylesheets, javascript, ... van elkaar te scheiden.
Z

Zero Grav

Legacy Member
Spacy2003 zei:
Thanks, ga je tips zeker gebruiken :p
Ivm engels so true en had dat ook verwacht in de comments, al dacht ik wel dat Zero_grav die comment zou maken :p
Klik om te vergroten...

Veel te lui man, lol.
S

Smoerf

Legacy Member
javascript kan je opvangen door de noscript tag

En orez, er is een manier om geen scrollbar te hebben in IE, al is het wel geen katholieke W3C way...

<body scroll="no"> (en weg is de scroll)

Btw, is de javascript code van jouw hand?

Edit:
Waar gebruik jij ergens AJAX?

Ajax staat volgens mijn weten nog altijd voor Asynchronous JavaScript and XML, dus moet je ergens een xmlHTTPRequest uitvoeren op een xml bestand, maar nergens in je code zie ik een xmlHTTP request of een gewone HTTPRequest (dan was het AJAH).
S

Spacy2003

Legacy Member
Smoerf zei:
javascript kan je opvangen door de noscript tag

En orez, er is een manier om geen scrollbar te hebben in IE, al is het wel geen katholieke W3C way...

<body scroll="no"> (en weg is de scroll)

Btw, is de javascript code van jouw hand?

Edit:
Waar gebruik jij ergens AJAX?

Ajax staat volgens mijn weten nog altijd voor Asynchronous JavaScript and XML, dus moet je ergens een xmlHTTPRequest uitvoeren op een xml bestand, maar nergens in je code zie ik een xmlHTTP request of een gewone HTTPRequest (dan was het AJAH).
Klik om te vergroten...

de scriptjes komen niet van mijn hand as i said in 1st post ^^.
en idd ik heb ajax verkeerd geinterpreteerd ^^
s

static07

Legacy Member
Spacy2003 zei:
Omdat men er naar streeft in xhtml om stylesheets, javascript, ... van elkaar te scheiden.
Klik om te vergroten...

Je beantwoordt een vraag met dezelfde vraag...

waarom?
- Code is properder en overzichterlijker en korter
- Je hoeft minder code te herhalen in verschillende paginas (enkel de verwijzingen)
- Je hoeft 1 bestand aan te passen voor wijzigingen JS of Layout ipv van alle bestanden.


Btw, over het algemeen vind ik de site been there done that overkomen. En waat eentonig in kleur, vooral met zo'n fel groen heb ik geen zin om er lang op te kijken.
S

Spacy2003

Legacy Member
static07 zei:
Btw, over het algemeen vind ik de site been there done that overkomen. En waat eentonig in kleur, vooral met zo'n fel groen heb ik geen zin om er lang op te kijken.
Klik om te vergroten...

Het design ga ik toch niet meer veranderen hoor, de docente photoshop was er tevreden over.
Dus ik denk dat ik het ook mag zijn ;)
S

Spacy2003

Legacy Member
static07 zei:
;) je beslist zelf wat je doet met de meningen van anderen.
Klik om te vergroten...

Toch bedankt hoor, was niet aanvallend bedoeld ;)
Zal straks eens de geupdatete versie eens on gooien met opgeruimde code !
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