Test en presenteer responsieve websites eenvoudig aan anderen met afmetingen

Websites worden steeds vaker benaderd vanaf mobiele apparaten in plaats van pc's. Bij weergave op een tablet of mobiele telefoon schalen niet alle websites naar behoren om een ​​mobielvriendelijke gebruikersinterface weer te geven. Om dit probleem op te lossen, hebben website-eigenaren de keuze om een ​​speciale mobiele versie van te maken hun website of ontwikkel een responsief ontwerp dat kan worden geschaald op basis van het apparaat waartoe het wordt gebruikt Aan. Dat is waar een app van houdt Dimensies komt goed van pas. Het is een eenvoudige web-app voor ontwikkelaars, ontwerpers en website-eigenaren waarmee u elke website in uw browser kunt bekijken zoals deze eruitziet op drie verschillende soorten apparaten: mobiele telefoons, tablets en pc's. De app is uitstekend geschikt voor zowel testen als demonstreren doeleinden.

Firefox-gebruikers hebben dankzij de Responsive Design Tool misschien niet veel behoefte aan Dimensions. Hoewel het zelfs met de tool niet mogelijk is om de uitvoer met iemand anders te delen - iets wat Dimensions u toestaat. De dienst is makkelijk te gebruiken en heeft een overzichtelijke interface. Op de bestemmingspagina kunt u de app testen met een reeds toegevoegde URL. Klik op het tabblad ‘Een site presenteren’ en voer de URL in van de website waaraan u werkt. U kunt ook een aangepaste titel voor de website toevoegen en deze verschijnt op de voorbeeldpagina.

Druk op ‘Present Site’ en je wordt doorgestuurd naar de website in een frame dat overeenkomt met de schermgrootte van een mobiele telefoon. De titel die je hebt ingevoerd, verschijnt linksboven en de rechterkant is toegewezen aan knoppen om over te schakelen naar een andere weergave. Met Dimensions kunt u een website zowel staand als liggend weergeven. De afmetingen die het ondersteunt, zijn 320 × 480 voor mobiele telefoons, 1026 × 770 voor tablets en volledig, d.w.z. zo groot als uw browservenster kan gebruiken voor pc-weergave.

Er zijn geen opties voor delen voor de weergave die u krijgt, d.w.z. u krijgt geen link of sociale media knoppen waarmee u het ontwerp openbaar of privé kunt delen, maar de URL van de pagina is alles voor u nodig hebben. Plak het overal en wie op de link klikt, ziet precies wat u aan uw kant ziet.

Dimensions verschilt van andere web-apps die dezelfde functionaliteit bieden doordat u hiermee een website in verschillende schermoriëntaties kunt bekijken. Het schiet echter tekort als je denkt aan verschillende schermresoluties in elke categorie. Als het een grotere selectie aan schermresoluties voor mobiele telefoons en tablets had om uit te kiezen, zou het aanzienlijk nuttiger zijn. Omdat responsief ontwerp wordt geactiveerd door schermresolutie, weet u hoe uw website eruit zal zien op populaire mobiele telefoons met hoge resolutie apparaten zoals de Galaxy note of een van de vele andere mobiele telefoons met schermresoluties groter dan 320 × 480 zouden een goede zijn voorzien zijn van.

Bezoek Dimensions