[REVIEW] Wouterj.nl
Ik zit al een tijdje met het idee voor dit lay-out, en laatst heb ik dit maar eens uitgewerkt. Ik heb gebruik gemaakt vaneen nieuwe technologie, in elk geval voor mij, genaamd Jekyll. Voor de CSS heb ik een framework genaamd Inuit.css gebruikt, maar die is niet voor de buitenkant, maar meer voor de achterkant. De website is gemaakt met OOCSS, kijk dus niet vreemd op als je __ of -- klassen ziet of meerdere klassen per element.
De website is te vinden onder: http://wouterj.github.com/ (welke natuurlijk straks wordt omgezet in wouterj.nl)
En de code + al bekende problemen kun je hier vinden: http://github.com/WouterJ/wouterj.github.com
Ik heb ze nog niet getest in andere browsers dan Chrome Dev. dus er zal vast wel wat mis zijn, ik hoor graag jullie commentaar over het design, code en browser compatibility (behalve voor IE9- browsers, die moet ik eerst zelf nog testen)
Voor de rest zou ik de tekst in je footer centreren en wat minder hoog maken -- tenzij je van plan bent om er nog iets bij te zetten.
Wat me verder ook mooi lijkt is dat als je over een artikel ding gaat, dat de achtergrond van dat artikel ding een beetje donkerder word, heel lichtgrijs ofzo, met een CSS effect.
Dit:
Offtopic:
Ik las trouwens dat je ook aan Ruby doet? Waarom plaats je daar ook geen artikelen over? Lijkt me interessant!
Gewijzigd op 13/02/2013 19:20:57 door - Raoul -
Al mag de achtergrond (die met die 5x5mm vakjes) best wel wat donkerder. Gewoon grijzer!
Gelukkig weinig plaatjes.
Goed responsive! Werkt prima.
Alleen het lettertype zou ik anders doen. Dit is iets te 'scherm-achtig'. Iets te veel Arial-idee.
Probeer eens Georgia Pro of zo.
Ook vind ik het verschil tussen <h1> en <h3> bijzonder klein.
Daarnaast: let op spelling: "Het is bedoelt om" op http://wouterj.github.com/2012/09/nieuws/webplatfrom-gelanceerd/
Bedoeld natuurlijk ;)
Quote:
De achtergrond vind ik alleen niet echt mooi, en er iets téveel wit.
Die achtergrond had ik overgenomen van mijn vorige design, vond hem opzich niet heel erg slecht. Het gaf mij een beetje de indruk van een webdesign sketch blad, precies de doelgroep van mijn website. Heb je misschien ideeën om het ook voor jou er mooi uit te laten zien?
En veel wit, tja dat is denk ik een verschil in mening tussen onze design technieken.
Quote:
Voor de rest zou ik de tekst in je footer centreren en wat minder hoog maken -- tenzij je van plan bent om er nog iets bij te zetten.
Centreren houd ik niet zo van, minder hoog is wel een goed idee. (had gedacht hier iets in te zetten, maar dat ben ik nu weer vergeten..)
Quote:
Al mag de achtergrond (die met die 5x5mm vakjes) best wel wat donkerder. Gewoon grijzer!
Een grijze achtergrond bij een witte website? Ik zal het eens uittesten, zie het nu nog niet echt voor me.
Quote:
Alleen het lettertype zou ik anders doen. Dit is iets te 'scherm-achtig'. Iets te veel Arial-idee.
Probeer eens Georgia Pro of zo.
Ook vind ik het verschil tussen <h1> en <h3> bijzonder klein.
Probeer eens Georgia Pro of zo.
Ook vind ik het verschil tussen <h1> en <h3> bijzonder klein.
Ahh, hier raak je me in mijn hart. Ik vind Segoe UI een geweldig lettertype :) Over die verschillende grotes heb je een punt, ik heb gewoon de standaard grotes van Inuit.css gebruikt, maar zal er wat mee gaan spelen.
Quote:
Daarnaast: let op spelling
Ja, klopt, dat is mijn slechtste punt. Mocht je GitHub hebben dan kun je altijd mijn project forken en ze verbeteren, krijg jij ook nog eens de kredits, maar ik zal de teksten eens doorlezen.
Offtopic:
>> Ik las trouwens dat je ook aan Ruby doet? Waarom plaats je daar ook geen artikelen over? Lijkt me interessant!
Naja, aan Ruby doen. Ik vind het een geweldige taal, maar het is nog te weinig ondersteund op het internet. Een beetje op speelse wijze dus. Voor mijn vorige website had ik wel plannen om iets over ruby te schrijven, ik weet niet of dat er ooit van gaat komen. Overigens, mocht je wat ruby code willen zien kun je eens bij de plugins kijken
Eddy E op 13/02/2013 19:23:07:
Daarnaast: let op spelling: "Het is bedoelt om" op http://wouterj.github.com/2012/09/nieuws/webplatfrom-gelanceerd/
Bedoeld natuurlijk ;)
Bedoeld natuurlijk ;)
En in "teveel linkjes" staat een spatie te weinig || teweinig ;)
Wouter J op 13/02/2013 19:35:08:
Een grijze achtergrond bij een witte website? Ik zal het eens uittesten, zie het nu nog niet echt voor me.
Quote:
Al mag de achtergrond (die met die 5x5mm vakjes) best wel wat donkerder. Gewoon grijzer!
Een grijze achtergrond bij een witte website? Ik zal het eens uittesten, zie het nu nog niet echt voor me.
Iets als #f5f5f5 of zo. Net wat donkerder dan nu. Of voor nagenoeg donkergrijs gaan (#333 oid)? Probeer het eens.
Er is één eigenaardigheid: letters met trema's en accenten worden bij mij niet goed weergegeven, het zijn allemaal zwarte ruitjes met witte vraagtekens. Of ligt dat aan mijn browser? (Firefox op Linux.) De characterset 'charset=ucs-bom' ken ik niet, ik dacht dat utf-8 meer ingeburgerd is, maar dat zal wel een gebrek aan mijn kennis zijn. Ik mis trouwens aanhalingstekens bij alle attribute-values in de head section: volgens mij moet het zijn: 'charset="ucs-bom" '.
Op de standaard browser van Android 2.2 worden de diacriten wel goed weergegeven. Maar daar willen sommige pagina's niet goed scrollen. Ik zie niet waarom niet.
Gewijzigd op 14/02/2013 12:58:10 door Ivo Breeden
Quote:
Eigenlijk heb ik alleen maar goede woorden voor de website: niet te druk, niet te saai, precies goed. Ik vind ook dat je goed schrijft, het zijn prettig leesbare verhalen. Maar daar vroeg je niet naar.
Bedankt :)
Quote:
Er is één eigenaardigheid: letters met trema's en accenten worden bij mij niet goed weergegeven, het zijn allemaal zwarte ruitjes met witte vraagtekens. Of ligt dat aan mijn browser? (Firefox op Linux.) De characterset 'charset=ucs-bom' ken ik niet, ik dacht dat utf-8 meer ingeburgerd is, maar dat zal wel een gebrek aan mijn kennis zijn.
Ik kende het ook niet, maar dat is de standaard in vim dus had hem maar gebruikt. Ik wist niet dat deze charset niet overal ondersteund was, Chrome pakte hem wel. Ik zal even gaan kijken hoe ik in Vim de charset kan veranderen.
Quote:
Ik mis trouwens aanhalingstekens bij alle attribute-values in de head section: volgens mij moet het zijn: 'charset="ucs-bom" '.
Dat maakt niks uit. Zie ook http://MothereffingUnquotedAttributes.com/
Quote:
Op de standaard browser van Android 2.2 worden de diacriten wel goed weergegeven. Maar daar willen sommige pagina's niet goed scrollen. Ik zie niet waarom niet.
Ai, dat klinkt niet goed. Maar is Andriod 2.2 niet een beetje...oud? Ik kan het hier zelf helaas niet testen, heb een nog oudere telefoon die alleen kan bellen en sms'en, maar kun je misschien aangeven welke pagina het niet goed doet?
Wouter J op 14/02/2013 16:38:24:
Ai, dat klinkt niet goed. Maar is Andriod 2.2 niet een beetje...oud? Ik kan het hier zelf helaas niet testen, heb een nog oudere telefoon die alleen kan bellen en sms'en, maar kun je misschien aangeven welke pagina het niet goed doet?
Het is niet jouw schuld, maar zelf heb ik er altijd moeite mee om een telefoon van twee jaar "oud" te noemen. Hij doet het nog heel goed en voor mij is hij nog "nieuw". En wat zie ik? Ik kan dat probleem met scrollen niet meer reproduceren! Sorry voor het paniekzaaien. Ook op mobiele weergave scoort jou site goed!
Maar goed om te horen dat het verholpen is! (en bedankt voor je tijd in het onderzoeken van mijn website)