Thread: Feedback persoonlijke site
-
10-05-2010, 22:33 #1
Feedback persoonlijke site
Hey,
Ik had graag wat kritiek gekregen over de design van mijn site. Ik heb die met Photoshop gemaakt en vervolgens naar CSS en HTML gecodeerd. Ik ben online al heel lang bezig maar design is nooit mijn prioriteit geweest (meer de programmatie), de laatste tijd heb ik wel mijn niveau wat verbeterd. Mijn vraag is, hoever sta ik nu? Punten? Kritiek? Laat maar komen.Last edited by Octavian; 09-06-2010 at 13:40.
no votes
-
-
11-05-2010, 00:37 #2
De marmeren achtergrond straalt eentonigheid uit...
En het vloekt een beetje met de wat meer modernere look van de rest.
Zou de banner wat meer opvullen, want nu is het een lege plek met uwe naam.
De gouden links in de grijze vakjes rechts die bij het hoveren wit worden zijn niet echt leuk. Dat wit is niet zo goed leesbaar. Dribbble-link is ronduit vreselijk.
Home-gedoe vind'k ook maar niks.
De gouden titel onder dat home-gedoe vind'k dan weer wel geslaagd, alsook de overzichtelijkheid
no votes
-
11-05-2010, 09:58 #3
Bedankt voor je reactie,
Marmer is speciaal voor de Romeinse look & feel
.
Rechts naast de banner zullen wrs status updates komen van twitter (zodra ik begin te twitteren :P).
De witte hovers zijn inderdaad mottig, kheb nu #333 gebruikt. Dribble link vreselijk? Welk browser gebruik je?
"Home-gedoe vind'k ook maar niks." -> De link zelf of het navigatiebalkje? Want er komen nog contact en about links.
Verder moet ik nog een home-link plaatsen op de banner....no votes
-
11-05-2010, 16:05 #4HTML Code:
<div id="divider"></div> <div id="header"></div>
really makes no sense, die achtergrond kunt ge ook anders doen door bvb een div direct in uw body te zetten en die die achtergrond te geven.
Uw header is leeg , echt niet logisch. Waarom staat hij er dan?
zelfde liedjeCode:<div id="left-ribbon"></div> <div id="right-ribbon"></div>

Start the loop wilt zeggen dat je in de toekomst meerdere 'posts' gaat tonen. Daarvoor is een H1 niet geschikt. Nen H1 mag imo maar 1 keer op een pagina voorkomen (al is dat nu wel het geval)HTML Code:<!-- Start the Loop. --> <div class="post"> <!-- Display the Title as a link to the Post's permalink. --> <[B]h1>[/B]
Tekst zet je best niet in een div. Tekst hoort thuis in een paragraaf of een span.HTML Code:<div class="subtitle"> May 9th, 2010 </div>
kan evengoed ook gewoonHTML Code:<div id="presence"> <dl id="sidebarlinks">
zijn zonder de omvattende div. Ge zou daar nog een div kunnen rondwrappen voor bvb jQuery functionaliteit maar dat zit er hier niet in.HTML Code:<dl id="sidebarlinks">
grtzzz
ps: om nu al 'master of the web' in uw logo te zetten moet je lef hebben
no votes
-
11-05-2010, 16:16 #5
Een andere benaming voor "Jack of all trades" is "Master of none".
no votes
-
11-05-2010, 20:01 #6
Header heb ik ondertussen al aangepast voor een betere SEO. Je stelt max één keer h1 te gebruiken, staat dat daar een beperking op qua SEO best practices? Maar het klinkt niet gek, ik zal h2 gebruiken voor de post titels.
In de subtitle ging ik een soort kalenderblok inbouwen in die div, maar uiteindelijk niet gedaan. Bedankt om het op te merken alleszins.
Een lege div, is daar iets mis mee? De ribbons hebben geen content vandaar dat ze leeg zijn. Wat is jouw oplossing? Een image element invoeren, makes no sense.
Thanks voor de goeie tips!no votes
-
11-05-2010, 20:55 #7Approved 9-lifer
- Registered
- 03/12/03
- Location
- Oostende
- Posts
- 2,599
- iTrader
- 78 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 7/10
maar 1 h1 per pagina? dat is ook het eerste wat ik daarvan hoor... kun je dit ergens ondersteunen ofzo?
--edit--
na wat nalezen zie ik inderdaad dit vaak verschijnen, ter ondersteuning van de titel van je pagina. Vind het op zich geen zo'n grote fout, maar ja ok
no votes
-
12-05-2010, 09:49 #8
Ja een exacte waarom kan ik u echt niet geven ze. Het lijkt gewoon logisch maar is zeker niet verplicht. Op SEO vlak is een h1 samen met title en url zowat het belangrijkste dat je kan/moet optimaliseren. Als je een stuk of 5 h1's op je pagina hebt staan, maak je het moeilijk om goed aan SEO te doen.
In principe moet je altijd je URL , titel en H1 zo goed mogelijk afstemmen op de belangrijkste keywords van je website en dat botst als je i.p.v. 3- 5 keywords in een H1 hebt staan, 3-5 steeds verschillende keywords heb staan in verschillende H1's.
Waarom geen lege divs? Wel in principe mag je geen html gebruiken om je pagina te designen. Daar zijn natuurlijk wel toepassingen in als je een heeel clean design wilt maken waar het niet anders kan, maar hier kan het zeker beter
Je doet het nochtans hier wel, wat ook fout is. Je moet je h1 die image als background nemen. Je a zo stijlen dat hij perfect over je logo past en dan in je <a> een span steken die tekst aanduidt en vervolgens die text met text-indent van je scherm weghalen.
Nu is je a in de h1 zelfs helemaal niet klikbaar op de website.. Als je dan vervolgens maar 1 h1 gebruikt moet je die classe nooit aan een h1 hangen. Het is zeer lang geleden( speaking in internet times) dat ik nog een class aan eender welke header heb gegeven om deze te stijlen. Dit doe je gewoon aan de hand van het wrappende element.HTML Code:<h1 class="header"> <a href="http://www.octavian.be"> <img src="img/logo.png" alt="octavian // web designer, developer and entrepreneur" /> </a> </h1>
bvb:
(alle h2's in het wrappende element met class "post")Code:.post h2{ // hier komt stijl }
of
(enkele het directe h2 child in .post class)Code:.post > h2{ // hier komt stijl }
ipv
Uw telefoon item in je definition list is ook niet zo mooi.Code:h2.post{ // hier komt stijl }
ps: Ik vind trouwens, IMO, dat die ribbons op niets slagen.. Je wilt 3D effect creëren maar doet het geheel fout. Het klopt gewoon niet. Maar dit zal IK altijd zeggen en moet je je niet teveel van aantrekken
Last edited by adrianhates; 12-05-2010 at 09:58.
no votes
-
12-05-2010, 11:15 #9
Hehe, bedankt voor de verdere uitleg.
Ik heb voor de h1 een post van Chris Coyier gebruikt, waarschijnlijk is dit achterhaald zoals je zegt.
Mijn telefoon is echt 'mijn' telefoon, vandaar dat icoontje. Enja, die ribbons vind ik wel een leuk effect, smaken en kleuren...
no votes
-
12-05-2010, 11:26 #10no votes
-
12-05-2010, 13:38 #11
Nine Techniques for CSS Image Replacement | CSS-Tricks
Techniek 4 leek mij interessant, veel groen en smashingmag zou het gebruiken.no votes
-
13-05-2010, 01:59 #12
Je mag wel degelijk meer dan één H1 hebben op een pagina als dit nodig is. Misschien is het wel beter om dit te vermijden omdat de meeste mensen dit toch verkeerd gaan gebruiken.
Paar links:
YouTube - More than one H1 on a page: good or bad?
Is it alright to use multiple h1 tags on the same page, but style them differently? - Stack Overflowno votes
-
14-05-2010, 19:49 #13
sneakersgames: casual, fun & social online multiplayer browser based games
Is dit ook door of eerder voor u gemaakt?no votes
-
15-05-2010, 13:31 #14no votes
-
24-05-2010, 23:36 #15
Pluspunt: Het design is strak.
Minpunt: Te weinig kleur gebruikt en wordt daardoor een beetje saai. Iets meer kleur mag naar mijn mening.no votes

?
