Het weer, actueel weer van alle weerstations

Misschien is dit wel een aardig moment om mijn vraag te stellen.

Binnenkort (deze winter) wil ik mijn oude website ombouwen naar waarschijnlijk een CMS.
Maar wat is de resolutie waar ik mijn site op moet gaan focussen.

Vroeger ging ik uit van een resolutie van 1024*768 px.
Later van 1280*1024.

Tegenwoordig moet je een gulden middenweg kiezen.
Schermen zijn er nu in vele maten.
Een standaard is er niet meer.

Monitor schermen lopen nu van 10.1" naar TV schermen van 42" of nog groter.

Wat is nou een schermbreedte / resolutie die ik aan "moet" houden.
Op een Widescreen monitor ga je snel de mist in.
Of hou ik een bepaalde pixelbreedte aan met "lege balken" aan de zijkanten.

Zo veel mensen, zo veel wensen, maar je moet toch ergens een richtlijn aanhouden.
Net zo iets als centreren of links uitlijnen.B)

Grt Frans.

Ik heb voor mijn website een breedte van 1200 pixels aangehouden. De meeste beeldschermen hebben tegenwoordig een vrij hoge resolutie.

Wat je ook kunt doen: responsive webdesign. Dit houdt in dat je pagina automatisch wordt aangepast naar breedte van een scherm. Op bijvoorbeeld een desktop krijg je dan de brede versie en op je mobiel een smallere versie.
Meer informatie is te vinden op op http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design.

Een bekend of eigenlijk berucht probleem voor webdesigners/sitebouwers, inderdaad Frans.

Richt je in ieder geval maar alleen op de breedte, niet de hoogte. Want die is zo variabel, daar kan je geen rekening mee houden. Zelfs al zou je al je content in één box willen (en kunnen) proppen kan je de ideale hoogte niet bepalen. Die verschilt per browser teveel. En daarnaast hebben sommige mensen weet ik hoeveel extra zoekbalken en meer van die zooi bovenin staan, dus daar kan je niks mee.

Als je zo universeel mogelijk bezig wilt zijn is een breedte van 1000-1250 px nog altijd het beste ben ik wel achter. Probeer een pagina-achtergond te vinden die aansluit op je content die (meestal...) gecentreerd in een blok staat. Mijn site is eigenlijk maar 1000px breed qua content, maar de achtergrond zorgt ervoor dat links en rechts geen grote witte of geheel zwarte vlakken ontstaan op een breed scherm. Licht of donker maakt in principe niet uit, maar laat de achtergrond niet teveel afwijken van je content, dan lijkt hij breder dan hij is.

Je kunt inderdaad "responsive" te werk gaan, je content een flexibele breedte meegeven in plaats van een vaste breedte, maar het nadeel daarvan is dat je soms veel "witruimte" in je content krijgt op pagina's waar je weinig inhoud hebt.

En vergeet niet, zoals we dagelijks gelukkig merken: smaken verschillen!

Een handige tool voor als je wilt zien hoe je site er op verschillende schermen uitziet is: Screenfly.
Vul hier de URL van je site in en je kunt onderin beeld kiezen voor diverse desktop- of mobile schermgroottes.

Succes met je leuke winterklusje!

Gr,

Op Ctrl drukken en aan 't wieltje draaien en de site wordt breder en smaller...

Mijn site heeft een breedte van 1000px, de bruikbare breedte is 970px

dit vind ik met de huidige schermen en browsers 'ideaal'. De gebruiker heeft dan nog wat reserve voor zaken links en/of rechts van zijn browser, de site plaats ik gecentreerd. (er staat geen reclame op maar het zou nog kunnen, links of rechts)

Met de huidige schermen kan het inderdaad breder maar tablets ed gaan dikwijls tot 1024px of zelfs lager.

Er zullen altijd nieuwe technieken komen waar men een stapje achteruit zet om dan weer vooruit te gaan, dat is al zo lang ik computers weet te bestaan.

Misschien heb je hier wat aan. Hier zijn niet de mobiele devices gerapporteerd.

Ik zou ten alle tijden voor een 'responsive design' kiezen. Er komen steeds meer tablets en smartphones en die kunnen gewoon meekijken.
Zelf ben ik mijn website ook aan het ombouwen naar 'responsice'. Gelukkig is dit onder wordpress een makkelijk iets met de juiste template. Enige probleem is het automagisch updaten van de weergegevens en hoe deze responsive weer te geven.

Zie http://www.gh2home.nl voor een test en probeer versie van de nieuwe site, nog lang niet klaar maar al wel responsive (maak je browser window maar smaller en je zie het vanzelf).
Let niet op alle content want die is niet altijd relevant.

grtn,
nico