In deze post gewijd aan degenen die websites maken en beheren, zien we een aantal echt goed gemaakte sites waarmee u de weergave van een website kunt controleren met verschillende schermresoluties . Tegenwoordig worden websites op verschillende manieren bezocht, met pc's, laptops, mobiele telefoons, tablets en met schermen van elke omvang, van grote monitoren zoals televisies tot kleine touchscreens. Dit betekent dat degenen die een site ontwerpen, ervoor moeten zorgen dat deze duidelijk zichtbaar is in alle terminals en op schermen met een resolutie.
Een site die geen inhoud biedt die is geoptimaliseerd voor de meest populaire apparaten en die goed leesbaar is bij alle resoluties, kan veel bezoekers verliezen.
Een van de meest populaire blogplatforms, Blogger stelt u in staat om de mobiele versie van elke blog in te schakelen, terwijl u met het WordPress CMS een plug-in kunt gebruiken om automatisch de mobiele versie te maken.
Het is in ieder geval nog steeds belangrijk om de resoluties te proberen om ervoor te zorgen dat de site correct wordt weergegeven op grote monitoren en kleine schermen .
Er zijn verschillende manieren om de grootte te testen en de resolutie op mobiele telefoons te bekijken.
Vanuit Windows kunt u de schermresolutie verlagen vanuit het menu van het bedieningspaneel terwijl er voor elke mobiele telefoon een emulator of simulator is.
In een ander artikel had ik een handleiding geschreven om vanaf een pc op internet te surfen alsof het een mobiele telefoon was.
Om het eerst te doen en de grootte van een site te testen met verschillende schermresoluties en compatibiliteit met mobiele telefoons, kunt u de automatische webapplicatie Responsivetesttool gebruiken . Met deze online service kunt u een specifieke website in vooraf gedefinieerde resoluties bekijken. Schrijf gewoon het adres van de site om te controleren en kies vervolgens de resolutie door met de muis te klikken. Aan de linkerkant verschijnen semi-transparante knoppen die de resolutie wijzigen afhankelijk van het gebruikte apparaat. U kunt er vervolgens voor kiezen om een webpagina te zien die uit vier hoofdcategorieën kan kiezen:
- Desktop : om een site te bekijken met de schermgrootte van een 10 "netbook tot een monitor van een 24" desktop pc.
- Tablet om te controleren hoe de site eruit ziet als deze wordt geopend vanaf een iPad, een Samsung Galaxy of andere tablets.
- Mobiel brengt de meest gebruikte mobiele telefoons en smartphones ter wereld samen, waaronder iPhone, Blackberry en Google Nexus S met Android.
- Televisie om webpagina's op grote schermen weer te geven tot resolutie (1920 × 1200).
ScreenFly is een snelle applicatie die de moeite waard was om erop te wijzen hoe het goed, vloeiend en zonder ooit de geteste site opnieuw te laden. Een interessant kenmerk van Screenfly is ook de mogelijkheid om mobiele versies van de sites automatisch te detecteren .
Deze mogelijkheid kan worden uitgeschakeld door het kruisje te plaatsen op de optie Geen proxyserver (schakelt apparaatwisseling uit) . U kunt ook verticaal scrollen inschakelen en het scherm draaien.
TestSize daarentegen is een dynamische applicatie waarmee u resoluties kunt simuleren van die van een gsm-scherm (240X320) tot die van een tv (1920X1200).
TestSize werkt erg goed en u kunt elke grootte simuleren door op de + en - toetsen te drukken.
Vanuit Google is het mogelijk om de tool Resizer te gebruiken, erg handig om te controleren hoe een website of webpagina automatisch en snel wordt bekeken op schermen van verschillende formaten.
