Hallo allemaal
Weet niet precies in welk topic ik dit moet plaatsen dus doe ik het maar hier.
Ik ben bezig met een site voor mijn Feyenoord verzameling ontwerp heb ik al. Heb hem zelf omgezet naar HTML CSS
Is mijn eerste keer dat ik een PSD omgezet heb naar HTML CSS om mijn kennis te verbreden eigenlijk een hobby van me en niet mijn beroep ofzo.
Nu is mijn vraag wat vinden jullie ervan wat is goed en wat kan er beter.
Kritiek geen probleem daar leer ik alleen maar van.
Nogmaals dit is pas de eerste keer dat ik een PSD naar HTML CSS heb omgezet.
Hieronder de link naar de site en een afbeelding hoe de template eruit ziet in Photoshop
http://www.robbertwilbrink.nl/site/
- Sitecheck
-
21-04-2015, 14:47 #1
- Berichten
- 112
- Lid sinds
- 17 Jaar
Sitecheck
-
21-04-2015, 14:49 #2Particulier
- Berichten
- 1.476
- Lid sinds
- 16 Jaar
Re: Sitecheck
Niet slecht! Ik zou het alleen wel meteen responsive hebben gemaakt.
Dat is namelijk de toekomst ;)
-
21-04-2015, 14:51 #3
- Berichten
- 112
- Lid sinds
- 17 Jaar
Re: Sitecheck
dat is de volgende stap die ik wil gaan leren eerst een beetje het basen onder de knie krijgen iedergeval bedankt voor je reactie
-
21-04-2015, 14:51 #4
- Berichten
- 1.290
- Lid sinds
- 12 Jaar
Re: Sitecheck
Het lettertype vind ik niks (een aanrader is Segoe UI met kleur #424242), verder inderdaad ook responsive maken.
Verder ziet het er goed uit!
P.S. Het dropdown menu werkt niet ;)
-
21-04-2015, 15:08 #5
- Berichten
- 112
- Lid sinds
- 17 Jaar
Re: Sitecheck
Bedankt voor je reactie ga er naar kijken.
Bij mij werkt het dropdown menu wel vreemd dat het bij jou niet werkt.
Als ik deze theme responsive wil moet ik dan helemaal opnieuw beginnen of niet?
Heb je toevallig een tutorial voor mij over responsive maken.
-
21-04-2015, 15:09 #6
- Berichten
- 1.290
- Lid sinds
- 12 Jaar
Re: Sitecheck
Zoek even binnen google op: CSS responsive with mediaquerys
-
21-04-2015, 15:10 #7Particulier
- Berichten
- 1.476
- Lid sinds
- 16 Jaar
Re: Sitecheck
Nee, beter werk je met Bootstrap. Mocht je hulp nodig hebben, houd ik mij aanbevolen.
-
21-04-2015, 15:21 #8
- Berichten
- 1.290
- Lid sinds
- 12 Jaar
Re: Sitecheck
Nee beter leer je het zelf. Het kan zijn dat jij Bootstrap fijn vind werken. Lijkt mij verstandiger het zelf te leren en te snappen wat Bootstrap nou eigenlijk doet alvorens te beginnen.
En je moet toch zeker Mediaquerys snappen voordat je met Bootstrap bezig kan (goed bezig).
-
21-04-2015, 15:27 #9
- Berichten
- 112
- Lid sinds
- 17 Jaar
Re: Sitecheck
Bedankt voor jullie reacties. Heb al is naar bootstrap gekeken maar snapte er nog niet veel van. ga er nog wel is naar kijken.
-
21-04-2015, 15:29 #10Particulier
- Berichten
- 1.412
- Lid sinds
- 15 Jaar
Re: Sitecheck
Als dit je eerste keer is: héél netjes, als het je tweede en derde keer is: nog steeds heel netjes ;-).
Enkele kleine verbeterpuntjes:
1. De menu knoppen
In je menu balk is visueel gezien het rode vierkant de knop.
Technisch gezien is alleen het groene gedeelte aanklikbaar.
De gebruiker denkt dus dat hij in het rode vierkant kan klikken om de knop te laten werken maar alleen het groene vierkant werkt echt.
Verplaats om dit op te lossen de padding: 11px 32px 14px 31px;die je hebt gegeven aan .menu ul li naar .menu li a.
Voeg daarnaast display: inline-block; toe aan .menu li a
2. menu heeft geen height nodig
Opzicht geen probleem, maar dit moet gefixt worden voor punt 3 hieronder ;-)
Je geeft .menu een height: 42px; terwijl dit niet nodig is omdat de child elementen dit element automatisch naar de juiste grootte duwen.
In dit geval is namelijk de inhoud 44 pixels hoog terwijl je 42 pixel aangeeft. Je kunt dit dus weghalen.
Let wel op dat je in je dropdown dit pixelverschil moet oplossen door in .menu li ul de top moet wijzigen naar 44px.
3. De borders in het menu zijn afbeeldingen
In de menubalk geef je streepjes mee via een afbeelding. Ik zou dit met CSS en een border doen.
Probeer afbeeldingen zoveel mogelijk te vermijden als je het met CSS op kunt lossen.
In .menu ul li kun je dus background: url('images/sep.png') no-repeat; weghalen en hetzelfde effect krijgen door
aan .menu ul li border-left: solid 1px #000; toe te voegen voor de donkere border en
aan .menu li a border-left: solid 1px #2D2D2D voor de lichte kleur.
Dit werkt echter alleen als je bovenstaande fixes ook doorvoert.
-
21-04-2015, 15:38 #11Particulier
- Berichten
- 1.476
- Lid sinds
- 16 Jaar
Re: Sitecheck
Nee beter leer je het zelf. Het kan zijn dat jij Bootstrap fijn vind werken. Lijkt mij verstandiger het zelf te leren en te snappen wat Bootstrap nou eigenlijk doet alvorens te beginnen.
En je moet toch zeker Mediaquerys snappen voordat je met Bootstrap bezig kan (goed bezig).
Dus gewoon Bootstrap gebruiken, om je een hoop gedoe te besparen.
-
21-04-2015, 15:42 #12
- Berichten
- 1.290
- Lid sinds
- 12 Jaar
Re: Sitecheck
Welk gedoe? Ik gebruik geen Bootstrap en heb echt geen gedoe. Ik vind het eerder een gedoe om alle Bootstrap functionaliteiten te leren. Verder is het meer dan handig om toch te weten wat alles doet in plaats van zo afhankelijk zijn van een Framework. Maar hier laat ik het ook bij.
-
21-04-2015, 16:00 #13
- Berichten
- 112
- Lid sinds
- 17 Jaar
Re: Sitecheck
bedankt voor je reacties heb je tips verwerkt en weer wat geleerd nogmaals bedankt
-
21-04-2015, 16:17 #14Particulier
- Berichten
- 1.476
- Lid sinds
- 16 Jaar
Re: Sitecheck
Welk gedoe? Ik gebruik geen Bootstrap en heb echt geen gedoe. Ik vind het eerder een gedoe om alle Bootstrap functionaliteiten te leren. Verder is het meer dan handig om toch te weten wat alles doet in plaats van zo afhankelijk zijn van een Framework. Maar hier laat ik het ook bij.
-
21-04-2015, 16:30 #15Particulier
- Berichten
- 1.412
- Lid sinds
- 15 Jaar
Re: Sitecheck
Ik snap Chiel wel. Er beginnen zoveel programmeurs met een framework dat ze er afhankelijk van worden en niet meer zonder kunnen omdat ze geen idee hebben hoe het dan werkt. Neem bijvoorbeeld jQuery en JavaScript.
Programmeurs die altijd $("#idNaam").css("display","none") hebben geschreven en geen idee hebben dat het in javascript document.getElementById("idnaam").style.display = "none" is.
Aan de andere kant is het makkelijk om ook de populaire frameworks onder de knie te krijgen voor het geval je ooit aan een project moet werken waar dat framework onderdeel van is. De frameworks hebben immers hun voordelen.
Maar zoals Chiel zegt ben ik het er mee eens dat als TS dit wil leren hij eerst CSS onder de knie moet krijgen voordat hij aan een CSS Framework begint. Het is niet voor niets een framework gebaseerd op CSS.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic