Page 1 of 2 12 Last
  1. #1
    Octavian's Avatar
    Registered
    23/02/09
    Location
    De Pinte
    Posts
    86
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)

    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  

  2. #2

    Registered
    14/12/03
    Location
    -
    Posts
    5,644
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/257
    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  

  3. #3
    Octavian's Avatar
    Registered
    23/02/09
    Location
    De Pinte
    Posts
    86
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    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  

  4. #4
    adrianhates's Avatar
    Registered
    23/01/06
    Posts
    2,115
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    23/23
    HTML 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?

    Code:
    <div id="left-ribbon"></div>
    <div id="right-ribbon"></div>
    zelfde liedje

    HTML Code:
     <!-- Start the Loop. -->
                    <div class="post">
                        <!-- Display the Title as a link to the Post's permalink. -->
                        <[B]h1>[/B]
    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:
    <div class="subtitle">
                            May 9th, 2010                    </div>
    Tekst zet je best niet in een div. Tekst hoort thuis in een paragraaf of een span.

    HTML Code:
    <div id="presence">
                    <dl id="sidebarlinks">
    kan evengoed ook gewoon

    HTML Code:
    <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.

    grtzzz

    ps: om nu al 'master of the web' in uw logo te zetten moet je lef hebben
    no votes  

  5. #5
    Drone's Avatar
    Registered
    28/05/03
    Location
    bmb
    Posts
    744
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    15/15
    Een andere benaming voor "Jack of all trades" is "Master of none".
    no votes  

  6. #6
    Octavian's Avatar
    Registered
    23/02/09
    Location
    De Pinte
    Posts
    86
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    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  

  7. #7
    woony's Avatar
    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  

  8. #8
    adrianhates's Avatar
    Registered
    23/01/06
    Posts
    2,115
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    23/23
    Quote Originally Posted by woony View Post
    This quote is hidden because you are ignoring this member. Show
    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
    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

    Quote Originally Posted by Octavian View Post
    This quote is hidden because you are ignoring this member. Show
    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.
    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.
    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>
    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.

    bvb:

    Code:
    .post h2{
       // hier komt stijl
    }
    (alle h2's in het wrappende element met class "post")

    of

    Code:
    .post > h2{
       // hier komt stijl
    }
    (enkele het directe h2 child in .post class)
    ipv

    Code:
    h2.post{
       // hier komt stijl
    }
    Uw telefoon item in je definition list is ook niet zo mooi.

    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  

  9. #9
    Octavian's Avatar
    Registered
    23/02/09
    Location
    De Pinte
    Posts
    86
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    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  

  10. #10
    adrianhates's Avatar
    Registered
    23/01/06
    Posts
    2,115
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    23/23
    Quote Originally Posted by Octavian View Post
    This quote is hidden because you are ignoring this member. Show
    Ik heb voor de h1 een post van Chris Coyier gebruikt, waarschijnlijk is dit achterhaald zoals je zegt.)
    welke post? kan je even linken?
    no votes  

  11. #11
    Octavian's Avatar
    Registered
    23/02/09
    Location
    De Pinte
    Posts
    86
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Nine Techniques for CSS Image Replacement | CSS-Tricks

    Techniek 4 leek mij interessant, veel groen en smashingmag zou het gebruiken.
    no votes  

  12. #12
    Drone's Avatar
    Registered
    28/05/03
    Location
    bmb
    Posts
    744
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    15/15
    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 Overflow
    no votes  

  13. #13

    Registered
    14/12/03
    Location
    -
    Posts
    5,644
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/257
    no votes  

  14. #14
    Octavian's Avatar
    Registered
    23/02/09
    Location
    De Pinte
    Posts
    86
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Quote Originally Posted by stoomboot View Post
    This quote is hidden because you are ignoring this member. Show
    Das een WP theme. Waarom, wil je die ook kopen ?
    no votes  

  15. #15
    quiZ's Avatar
    Registered
    09/06/05
    Posts
    89
    iTrader
    0
    Mentioned
    0 Post(s)
    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  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in