Zie responsief in Chrome met OffiDocs

PRODUCTBESCHRIJVING

INLEIDING Seesponsive is een eenvoudige Google Chrome-extensie waarmee u kunt zien hoe de lay-out en het ontwerp van een website zich responsief aanpassen wanneer de beschikbare schermbreedte verandert.

Het laat u ook de mediaquery's zien die progressief worden gematcht of niet-gematcht, waardoor deze veranderingen worden veroorzaakt.

GEBRUIK Om de extensie te gebruiken, bladert u gewoon naar een website die mediaquery's gebruikt.

Klik vervolgens op de actieknop van de extensie in de werkbalk.

Na een paar seconden verschijnt er bovenaan de pagina een zwarte actiebalk met twee knoppen: verkleinen en groeien.

Als u hierop klikt, wordt de website kleiner en groter om de verandering van de apparaatbreedte te simuleren.

Wanneer dit gebeurt, geeft de actiebalk aan welke mediaquery's worden gematcht/ongematcht op een bepaalde breedte.

Om enkele voorbeelden te zien van sites die mediaquery's gebruiken om zich responsief aan te passen, gaat u naar Media Queries (http://mediaqueri.

es/).

Opmerking: de Media Queries-website is op geen enkele manier gelieerd aan deze extensie en onderschrijft deze ook niet.

Het is gewoon een heel nuttige website die ik puur voor demonstratiedoeleinden in de schermafbeeldingen heb gebruikt.

BEKENDE PROBLEMEN Af en toe kan het voorkomen dat het laadbericht niet verdwijnt en dat u een foutmelding krijgt.

Dit is een bekend incidenteel probleem op dit moment.

Meestal lost het herladen van de pagina en het opnieuw proberen op.

BRONCODE Deze extensie is open source onder de MIT-licentie.

Zie het Github-project voor details en code: https://github.

com/devilishio/seesponsive

Extra informatie:

- Aangeboden door Simon Collins
- Gemiddelde beoordeling: 5 sterren (vond het geweldig)

Ziesponsief web extension geïntegreerd met de OffiDocs Chromium online.