hallo wat vinden jullie tot nu hiervan..
graag jullie mening
link
site review
3.686 views
Als je even de url post dan kan er makelijke gekeken worden.
sorry was een foutje ik heb het nu gefixt. :)
roze is geen goeie kleur imo
@albert hier heb ik natuurlijk niks aan, kan je je mening misschien onderbouwen waarom het geen goede kleur is? waarom je het anders zou doen, welke kleur zou je eerder kiezen enzovoorts.
Kijk roze kan best een leuke kleur zijn, maar niet voor zo'n grootte achtergrond. Zie bijv. de site van Modernizr. Die heeft ook roze als hoofdkleur, maar niet voor een groot vlak.
Op internet moet je altijd voor de grootte vlakken wat neutrale en vooral geen felle kleuren gebruiken. Dit wordt vaak als slecht opgevat en ziet er ook niet goed uit.
Ook moet je bij kleuren heel erg proberen natuurlijke kleuren op te zoeken. Je hebt keuren waarvan je denkt dat elke pixel chemisch is, probeer deze te vermijden.
Wat andere design tips:
- http://contrastrebellion.com/ in navigatie, roze stuk, tekst in header
- Alles is in sans-serif, behalve in de titels, dat staat niet goed.
- De navigatie is niet goed uitgelijnd. Plaats het of aan de onderkant van het streepje, of in het midden, of aan de bovenkant, maar niet zoals nu net te veel naar boven.
- Probeer niet zo'n groot stuk in je content leeg te hebben, plaats hier een afbeelding of laat de footer al beginnen.
- Gebruik in iets grotere line-height in de content en ik mis heel erg titels en plaatjes in de content. Nu is het 1 grote lap tekst waar niet door heen te komen is.
- About pagina is niet mooi uitgelijnd
- probeer per project iets meer informatie te geven over wat je hebt gedaan, mening van de klant, enz.
- de homepagina is de pagina waar je mensen moet vertellen wat er te zien is. Een titel als Portfolio, een lap tekst en een paar afbeeldingen helpt daar niet bij.
- plaats de social media buttons in een iets kleinere versie gewoon in de header
De code:
- je gebruikt HTML5, dus haal die XHTML lang attribute er maar uit
- <div id="bovenlijn"> is onnodig, los dit op met CSS: border-top
- ik mis een h2 tag in de header, heb je geen sitenaam?
- <div id="latestwork"><section> waarom vervang je die div niet gewoon helemaal met die section?
- Gebruik een [google]jQuery CDN local fallback[/google] om zeker te zijn dat je jQuery laad, ookal ligt de google CDN eruit.
- margin: 0px 0px 0px 0px; kan je korter schrijven als margin: 0px; en als je waarde 0 hebt hoef je geen px te gebruiken en dus schrijf je gewoon margin: 0; is een stuk sneller.
- gebruik geen display: inline; om elementen naast elkaar te zetten, maar gewoon float: left;
- opacity: 100.5; kan niet. Opacity moet een waarde tussen 0 en 1 zijn. Tevens is de -moz- prefix al lang niet meer nodig
- gebruik een goede CSS reset om alles een beetje goed te maken: A killer collection of global css reset styles
- haal je code even door http://prefixr.com/ dan weet je zeker dat je voldoende prefixes hebt.
Op internet moet je altijd voor de grootte vlakken wat neutrale en vooral geen felle kleuren gebruiken. Dit wordt vaak als slecht opgevat en ziet er ook niet goed uit.
Ook moet je bij kleuren heel erg proberen natuurlijke kleuren op te zoeken. Je hebt keuren waarvan je denkt dat elke pixel chemisch is, probeer deze te vermijden.
Wat andere design tips:
- http://contrastrebellion.com/ in navigatie, roze stuk, tekst in header
- Alles is in sans-serif, behalve in de titels, dat staat niet goed.
- De navigatie is niet goed uitgelijnd. Plaats het of aan de onderkant van het streepje, of in het midden, of aan de bovenkant, maar niet zoals nu net te veel naar boven.
- Probeer niet zo'n groot stuk in je content leeg te hebben, plaats hier een afbeelding of laat de footer al beginnen.
- Gebruik in iets grotere line-height in de content en ik mis heel erg titels en plaatjes in de content. Nu is het 1 grote lap tekst waar niet door heen te komen is.
- About pagina is niet mooi uitgelijnd
- probeer per project iets meer informatie te geven over wat je hebt gedaan, mening van de klant, enz.
- de homepagina is de pagina waar je mensen moet vertellen wat er te zien is. Een titel als Portfolio, een lap tekst en een paar afbeeldingen helpt daar niet bij.
- plaats de social media buttons in een iets kleinere versie gewoon in de header
De code:
- je gebruikt HTML5, dus haal die XHTML lang attribute er maar uit
- <div id="bovenlijn"> is onnodig, los dit op met CSS: border-top
- ik mis een h2 tag in de header, heb je geen sitenaam?
- <div id="latestwork"><section> waarom vervang je die div niet gewoon helemaal met die section?
- Gebruik een [google]jQuery CDN local fallback[/google] om zeker te zijn dat je jQuery laad, ookal ligt de google CDN eruit.
- margin: 0px 0px 0px 0px; kan je korter schrijven als margin: 0px; en als je waarde 0 hebt hoef je geen px te gebruiken en dus schrijf je gewoon margin: 0; is een stuk sneller.
- gebruik geen display: inline; om elementen naast elkaar te zetten, maar gewoon float: left;
- opacity: 100.5; kan niet. Opacity moet een waarde tussen 0 en 1 zijn. Tevens is de -moz- prefix al lang niet meer nodig
- gebruik een goede CSS reset om alles een beetje goed te maken: A killer collection of global css reset styles
- haal je code even door http://prefixr.com/ dan weet je zeker dat je voldoende prefixes hebt.
bedankt wouter hier heb ik wat aan! ik zal gelijk even door al je punten gaan. er zit inderdaad nog geen content in maar daar was ik nog niet aan toe gekomen dat zal ik even ook gelijk doen met plaatjes e.d.
de margin heb je gelijk in dit was omdat ik de verhoudingen eerst anders had en toen ik dat niet mooi vond heb ik alles even op 0 gezet en had het uiteindelijk niet meer veranderd :)
de opacity 100,5 is ergens fout gegaan met tikken denk ik ( editor foutje ) van de -moz - prefix wist ik het niet en ik zal het even door prefixr halen!
en ook de global reset zal ik even gebruiken. :)
hoe zou ik die bovenlijn met css oplossen ? is dat beter voor de snelheid van de website of alleen omdat dit netter staat?
met het roze vlak zal ik ook iets doen iets met een patroon erin en de kleur wat zachter maken.
ik zal straks even een gil geven wanneer ik alles doorlopen heb.
stay tuned!
de margin heb je gelijk in dit was omdat ik de verhoudingen eerst anders had en toen ik dat niet mooi vond heb ik alles even op 0 gezet en had het uiteindelijk niet meer veranderd :)
de opacity 100,5 is ergens fout gegaan met tikken denk ik ( editor foutje ) van de -moz - prefix wist ik het niet en ik zal het even door prefixr halen!
en ook de global reset zal ik even gebruiken. :)
hoe zou ik die bovenlijn met css oplossen ? is dat beter voor de snelheid van de website of alleen omdat dit netter staat?
met het roze vlak zal ik ook iets doen iets met een patroon erin en de kleur wat zachter maken.
ik zal straks even een gil geven wanneer ik alles doorlopen heb.
stay tuned!
hoe zou ik die bovenlijn met css oplossen ? is dat beter voor de snelheid van de website of alleen omdat dit netter staat?
Opmaak en semantiek moet je scheiden. HTML = semantiek en CSS = opmaak. Als je zoiets doormiddel van HTML tags gaat oplossen ben je slecht bezig met het scripten. Tevens heb je dan geen juiste semantiek meer, wat al die HTML5 tags op jou website onnodig maakt.
wouter ik heb het een en ander veranderd kan je even kijken?
alleen kwa plaatjes en dergelijke weet ik even nog niet wat ik wil en/of waar naar te kijken.
heb je misschien tips voor me?
alleen kwa plaatjes en dergelijke weet ik even nog niet wat ik wil en/of waar naar te kijken.
heb je misschien tips voor me?
- Ik vind de navigatie iets teveel op een soort zin lijken.
- de in de pagina van 'home' naar 'about' verspringt de content.
- klopt het dat de titel van de pagina in de webbrowser op alle pagina's hetzelfde is? niet echt SEO vriendelijk volgens mij.
- Roze in de footer komt niet echt tot zijn recht. Gebruik daar een lichtere grijze kleur voor. Bedenk erbij dat footer een soort second-interest is. Niet belangrijk, moet er wel staan en als ik er toch naar kijk duidelijk leesbaar, maar moet er niet uit springen (wat een omschrijving ;-) )
- Updates vindt ik niet echt overzichtelijk en achter elkaar niet echt mooi.
- webformulier is niet echt spamveilig.
- 'wij hebben uw reactie ontvangen en nemen zo snel mogenlijk contact met u op.'
----- Stuur ik dan een reactie of een bericht?
----- mogenlijk = mogelijk
----- misschien erbij zetten 'indien nodig contact met u op.' (niet elke mail moet beantwoord worden volgens mij. Zeker een spam mail niet ;)
- Pagina contact loop het divje waar het apenstaartje in staat niet gelijk met de content. (mozilla firefox) de divjes eindigen ongelijk.
- Die social media buttons onder 'OPEN & CLOSE social media bar'
----- Close werkt niet in firefox
----- harstikke leuk
----- jammer dat de link niet echt opvalt, lijkt meer op een slogan
----- Linkjes werken nog niet
- gebruik geen in line css als:
- waarom een lege classe?
- probeer je afbeeldingen altijd een alt="hier de afbeelding naam" meer te geven:
- plaats je javascript onder de verwijzing naar je css in de head in plaats van in de body, scheelt later zoekwerk.
- CSS body regel 2, in die classe geef je margin 0 mee, dit doe je ook in regel 50 van je css. Dat is dubbelop.
Verder:
- waarom een FAQ in een portfolio?
- Waarom de naam 'works' terwijl het een portfolio is?
- Posted on > 2012-03-15 15:18:49 opmaak template bijna klaar! | Posted on > 2012-03-15 15:15:47 portfolio almost online ! |
------ of nederlands of engels!
- hierboven eigenlijk voor alles, contact en home in de navigatie ok, maar als ik op about klik verwacht ik me toch een lap met engelse tekst, maar ik krijg nederlands. vindt ik persoonlijk niet logisch
- 'Voer een geldig email adres in deze hebben wij nodig om te reageren op uw reactie' -> email adres is aan elkaar en een punt achter de zin ;)
Nou je hebt weer wat dingetjes om over na te denken, succes :)
- de in de pagina van 'home' naar 'about' verspringt de content.
- klopt het dat de titel van de pagina in de webbrowser op alle pagina's hetzelfde is? niet echt SEO vriendelijk volgens mij.
- Roze in de footer komt niet echt tot zijn recht. Gebruik daar een lichtere grijze kleur voor. Bedenk erbij dat footer een soort second-interest is. Niet belangrijk, moet er wel staan en als ik er toch naar kijk duidelijk leesbaar, maar moet er niet uit springen (wat een omschrijving ;-) )
- Updates vindt ik niet echt overzichtelijk en achter elkaar niet echt mooi.
- webformulier is niet echt spamveilig.
- 'wij hebben uw reactie ontvangen en nemen zo snel mogenlijk contact met u op.'
----- Stuur ik dan een reactie of een bericht?
----- mogenlijk = mogelijk
----- misschien erbij zetten 'indien nodig contact met u op.' (niet elke mail moet beantwoord worden volgens mij. Zeker een spam mail niet ;)
- Pagina contact loop het divje waar het apenstaartje in staat niet gelijk met de content. (mozilla firefox) de divjes eindigen ongelijk.
- Die social media buttons onder 'OPEN & CLOSE social media bar'
----- Close werkt niet in firefox
----- harstikke leuk
----- jammer dat de link niet echt opvalt, lijkt meer op een slogan
----- Linkjes werken nog niet
- gebruik geen in line css als:
<br class="clear" />
- waarom een lege classe?
<li class="">
- probeer je afbeeldingen altijd een alt="hier de afbeelding naam" meer te geven:
<img class="at" src="images/at.png">
- plaats je javascript onder de verwijzing naar je css in de head in plaats van in de body, scheelt later zoekwerk.
- CSS body regel 2, in die classe geef je margin 0 mee, dit doe je ook in regel 50 van je css. Dat is dubbelop.
Verder:
- waarom een FAQ in een portfolio?
- Waarom de naam 'works' terwijl het een portfolio is?
- Posted on > 2012-03-15 15:18:49 opmaak template bijna klaar! | Posted on > 2012-03-15 15:15:47 portfolio almost online ! |
------ of nederlands of engels!
- hierboven eigenlijk voor alles, contact en home in de navigatie ok, maar als ik op about klik verwacht ik me toch een lap met engelse tekst, maar ik krijg nederlands. vindt ik persoonlijk niet logisch
- 'Voer een geldig email adres in deze hebben wij nodig om te reageren op uw reactie' -> email adres is aan elkaar en een punt achter de zin ;)
Nou je hebt weer wat dingetjes om over na te denken, succes :)
Nog een punt:
Je kan gradients ook met CSS3 maken, daarvoor hoef je geen afbeelding te gebruiken. Afbeeldingen zijn in dat geval alleen maar meer laadtijd.
Je kan gradients ook met CSS3 maken, daarvoor hoef je geen afbeelding te gebruiken. Afbeeldingen zijn in dat geval alleen maar meer laadtijd.