Archief - PORTFOLIO: bramme.net

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

Bram

Legacy Member
bij gebrek aan betere naam :p

anyhow, na lang proberen, prutsen en doen, ben ik toch bij een layout terecht gekomen waarvan ik content ben, we gaan dus de confrontatie aan met TNG Webdesign en ik vraag jullie mening.

http://users.pandora.be/Sveltestsword/bramme/
(blog overview en portfolio overview)

stukjes van de navigatie zijn bruikbaar om te zien hoe de verschillende onderdelen gestyled zijn

ik had nog even gedacht om hem liquid te maken, maar ben daar nu toch wat van afgestapt (mede doordat het me niet goed lukte, hoewel ik ondertss wel al een goed css voorbeeld heb gevonden waarmee het mss toch zou lukken).
iemand zei me dat ie op 1024*768 in IE een horizontale scrollbalk kreeg, een ander zei van niet, kan iemand dit bevestigen?
O

Obliv`

Legacy Member
Zie er goed uit vind ik.

Enkele opmerkingen:
- ik zou de '>' achter bramme.net weg doen.
- de seperator image met die 45° lijntjes vind ik niet goed gekozen/stijlbreuk
D

Delirium

Legacy Member
Enkele kleine dingskes dat mij direct opvallen:

- uw menu items: dat roze is niet zo supergoed leesbaar op die donkere achtergrond.
-uw tagline:Bringing the web to your doorstep op 1 lijn proberen krijgen. en beginnen aan de 'B' van Bramme.
- dat boordje links, lijkt mij net zo'n rouwbandje :) allez lijkt mij zo een overbodig element. Zou het eens zonder moeten zien om er natuurlijk over te oordelen

Voor de rest vind ik em aangenaam om te bekijken. Heb nu oom maar ff eens rondgeneusd, dus zien wat de rest zegt
B

Bram

Legacy Member
Obliv` zei:
Zie er goed uit vind ik.

Enkele opmerkingen:
- ik zou de '>' achter bramme.net weg doen.
Klik om te vergroten...
Haja, die is in de php versie die ik op localhost aant coden ben al weggewerkt.
Obliv` zei:
- de seperator image met die 45° lijntjes vind ik niet goed gekozen/stijlbreuk
Klik om te vergroten...
Vallen die dan zo op aldaar? Ik heb het nadeel van op nogal een funky TFT te zitten die maar weinig contrast geeft (ondanks dat ie op het maximum staat). Ik vind ze alhier eigenlijk wel goed. eens horen of de rest er iets op te zeggen heeft en dan zoek ik mss iets om ze te vervangen.

Delirium zei:
Enkele kleine dingskes dat mij direct opvallen:

- uw menu items: dat roze is niet zo supergoed leesbaar op die donkere achtergrond.
Klik om te vergroten...
zelfde gaat een beetje op als bij Obliv', ligt mss aan m'n monitor maar hier is die wel goed leesbaar, eens proberen om hem in bold te zetten.
Delirium zei:
-uw tagline:Bringing the web to your doorstep op 1 lijn proberen krijgen. en beginnen aan de 'B' van Bramme.
Klik om te vergroten...
vreemd, da staat hier nogtans op 1 lijn, want daar had ik speciaal voor proberen zorgen.
Delirium zei:
- dat boordje links, lijkt mij net zo'n rouwbandje :) allez lijkt mij zo een overbodig element.
Klik om te vergroten...
lol, zo had ik het nog niet bekeken, maar ik heb het nu eens getest in photoshop, zonder is echt geen zicht..

http://users.pandora.be/Sveltestsword/see.jpg

al het een en ander verandert, maar die vette tekst... ik weet het toch niet
http://users.pandora.be/Sveltestsword/newheader.jpg ( > is nu ook weg op de image (stuk online laat ik nog ff zo, anders moet ik al die .html aanpassen >_>) en de indent van h2 is ook piepeda
X

Xavez

Legacy Member
Grafisch:

* De grijstint mag nog een kleine tikkel donkerder om het roze beter te laten uitkomen.
* De line-height mag nog wat hoger.
* de links in uw side-box mogen nog wat duidelijker. Ik zou ze onderlijnd laten :).
* Super cleane, strakke website, chapeau!

Code:

* Probeer klassen en ID's op de juiste manier én consequent te gebruiken. Je hebt nu bepaalde divisions met classes en dan weer andere met ID's. Als vuistregel kan je gebruiken: alles wat maar één keer voorkomt krijgt een ID, alles wat meerdere keren kan voorkomen krijgt een klasse. (sommigen gaan deze uitleg tegenspreken, maar ik heb weinig zin om de hele uitleg over classes/ID's te doen)
* Muggenzifterij: je kan best nog de "taal" van je webpagina definiëren. Volgende code moet dan bij in je <head> tag komen:
Code: 
xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl-BE"
* In je CSS mag je de laatste ; weglaten als er tussen de {}-haken maar één declaration staat. Kwestie van je code een beetje te optimaliseren.
* Alles wat 0 (nul) is, het zij 0px, 0%, 0em, mag allemaal gewoon 0 (nul) worden.
* Superstrakke code!

All in all een knap staaltje webdesign :). Zonder te vervallen al te standaard stijlaspecten. Dit verdient zeker en vast een pluim ;)!
a

adrianhates

Legacy Member
ik vind deze site ook wel mooi , heb niet de kunnen om zo te ontwerpen , maar zal wel kome hopek :)
B

Bram

Legacy Member
Xavez zei:
Grafisch:

* De grijstint mag nog een kleine tikkel donkerder om het roze beter te laten uitkomen.
* De line-height mag nog wat hoger.
Klik om te vergroten...
grijstint van de algemene website of de navigatie en sidebox?
Xavez zei:
Code:

* Probeer klassen en ID's op de juiste manier én consequent te gebruiken. Je hebt nu bepaalde divisions met classes en dan weer andere met ID's. Als vuistregel kan je gebruiken: alles wat maar één keer voorkomt krijgt een ID, alles wat meerdere keren kan voorkomen krijgt een klasse. (sommigen gaan deze uitleg tegenspreken, maar ik heb weinig zin om de hele uitleg over classes/ID's te doen)
* Muggenzifterij: je kan best nog de "taal" van je webpagina definiëren. Volgende code moet dan bij in je <head> tag komen:
Code: 
xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl-BE"
Klik om te vergroten...
-die ID's en classen zal ik eens voor kijken, ik weet dat ik classe gebruik voor de sideboxes (omdat die verschillende keren voorkomen, onderandere voor het admin paneel).
-wat is dan de code voor een engelse site (ik zou hem in het engels denken laat ik, kben er nog over aan het twijfelen
Xavez zei:
All in all een knap staaltje webdesign :). Zonder te vervallen al te standaard stijlaspecten. Dit verdient zeker en vast een pluim ;)!
Klik om te vergroten...

Hehe, dank u. alsek het mij goed herinner, had gij m'n vorige site hier totaal afgebroken :' )

@adrianhates: ge zou eens m'n eerste werk moeten zien :' )
ik zou zeggen: veel CSS sites afbrowsen enzo, ge pikt overal wel iets op, de kleuren van links en headers van deze site kwamen bv van een CSS site van op oswd.org...
X

Xavez

Legacy Member
SveltestSword zei:
grijstint van de algemene website of de navigatie en sidebox?
Klik om te vergroten...
Nav en sidebox (om wille van het roze)

wat is dan de code voor een engelse site (ik zou hem in het engels denken laat ik, kben er nog over aan het twijfelen
Klik om te vergroten...
en-US of en-GB of gewoon en :). W3C gebruikt hiervoor de internationale landcodes (Internationale Landcodes en W3C spec)

Hehe, dank u. alsek het mij goed herinner, had gij m'n vorige site hier totaal afgebroken :' )
Klik om te vergroten...
Well, it helped, didn't it? :D
D

Delirium

Legacy Member
Ja thuis staat het wel op 1 lijn. op mijn werk niet :)

Dat is zo altijd eens uitproberen, met dat boordje, en zien wat 't beste is.
Vind het ook wel beter met.
T

TheJudge

Legacy Member
Dat was ook het eerste waar ik aan dacht:) Vooral door die schuine lijntjes.
Q

Quilombo

Legacy Member
ziet er redelijk ok uit

- ik vind datum, uur en poster groter zetten dan de eigenlijke post een beetje onozel
- useful links staat te dicht op je links, en ik vraag me af waarom je die links op je home zet anyway (zeker als daar last.fm en dergelijke blijft staan, maar da zal wel nie? en maak alles clickable imo ipv enkel de tekst voor het dubbel punt). lijkt precies alsof ge daar per se IETS wou zetten om uwe layout beter te doen uitkomen...
- bij Blog > Blogtitle vind ik die image (dieje krul zowa) in t begin redelijk stom, vooral omdat uw tekst precies tweederangs tekst wordt, en de image het belangrijkste lijkt, zelfde bij Portfolio > Artpiece
- bij Portfolio > Artpiece: ik zou die tekst ernaast zetten eigenlijk... vind het nu te onopvallend zo helemaal onderaan
- bij Blog > Blogtitle: consistent blijven met de homepage: datum, uur en poster op dezelfde manier tonen (dus boven de tekst in dit geval)
- in Blog doe je dit nòg anders (en imo op de beste van die drie manieren): valt niet echt op en staat klein
- wat betekent dat kruisje bij die comments? (is niet alleen een vraag, maar ook een opmerking: zoiets moet duidelijk zijn)
- lettertype georgie heeft niemand, standaard serif font ziet er wel goed uit

en voor de rest heb ik zo'n sites al te veel gezien :') (maar jah, da's natuurlijk moeilijk om een site te maken die dat gevoel niet geeft). vooral dat roze en blauw stoort, da's té hip.

met die lijntjes links in de header heb 'k trouwens geen probs :p

en:

- vanwaar haalt ge die icoontjes :p ?
B

Bram

Legacy Member
-krul? ge bedoelt den ornament bovenaan (diejen lichtgrijzen?)
-usefull links is momenteel vulling, der komt normaal gezien nuttige dingen (latest blog e.d)
-verschillende manieren waren om te zien wat het beste werkte, in de uiteindelijke versie zal da min of meer consistent zijn (zijnde da blog - portfolio hetzelfde zal zijn, en news prolly anders)
-georgie zal een typfout zijn in de css, ik kijk het eens na
-kruisje bij de comments is iets dat er is blijven instaan, da's voor het cms om de comments te deleten (tis een input button moest ge het nie gezien hebben)
-ksnap uw commentaar van té hip nie goed... wa is er daar verkeerd mee? het ziet er toch goed uit?

icoontjes:
http://www.websiteicons.com/
http://www.ndesign-studio.com/resources/mini-pixel-icons/
http://gtmcknight.com/buttons/

(even uit favorieten gehaald), der kwamen der een paar ook van oswd.org
Q

Quilombo

Legacy Member
SveltestSword zei:
-krul? ge bedoelt den ornament bovenaan (diejen lichtgrijzen?)
-usefull links is momenteel vulling, der komt normaal gezien nuttige dingen (latest blog e.d)
-verschillende manieren waren om te zien wat het beste werkte, in de uiteindelijke versie zal da min of meer consistent zijn (zijnde da blog - portfolio hetzelfde zal zijn, en news prolly anders)
-georgie zal een typfout zijn in de css, ik kijk het eens na
-kruisje bij de comments is iets dat er is blijven instaan, da's voor het cms om de comments te deleten (tis een input button moest ge het nie gezien hebben)
-ksnap uw commentaar van té hip nie goed... wa is er daar verkeerd mee? het ziet er toch goed uit?
Klik om te vergroten...

- jup dat ornament
- verschillende manier: waarom zou je dat op de homepagina anders doen dan in portfolio & blog?
- te hip: gewoon al te veel gezien, vergelijk het met die puma's :p
T

TiZon

Legacy Member
<!-- Feel free to browse through this code, use it to learn, however DO NOT copy -->


;) Zalk zeker doen, ziet er een strakke code uit :niceone:
B

Bram

Legacy Member
rightio, site staat ondertussen ook online (zou een mod mss de beginpost met de urls kunnen aanpassen?)

http://www.bramme.net

ik moet dus nog een beetje werken aan de uniforme datum weergave en de portfolio moet nog gemaakt worden.

Pointers zijn meer dan welkom aangezien momenteel de kans groot is dat ik ergens over kijk.
S

SavaB

Legacy Member
Beste,

een mooie site. Maar hij doet me heel standaard aan.

De code is anders wel heel netjes.

Groetjes,
SavaB
Q

Quilombo

Legacy Member
als ge zo'n lijnen over de hele lengte van een menuutje gebruikt vind ik ook dat ge heel de link over heel die lengte (en hoogte, dus tussen twee lengtes) clickable moet maken ;)

ik doel dus op uw "Latest blog entries"

details, details :)
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