spring naar de tekst
toolsside

Polypane - bekijk alle formaten in 1 browser

Polypaneis een nieuwe browser gemaakt door Kilian Valkhof. In deze browser kun je je site bekijken op verschillende devices en viewports.Polypane is gebasseerd op Chromium. Naast de Chrome developer tools bevat de browser nog meer handig functies.

Even snel een site opzoeken op je mobiel is vandaag de dag heel normaal. Sterker nog er wordt meer gesurft op draagbare apparaten dan op de desktop. Developers moeten hier rekening mee houden en ontwerpen apps en websites voor verschillende scherm formaten. Dit kan op vele manieren maar het meest gebruikelijk (op dit moment) is het gebruik van css media‐queries. Het ontwerp schaalt mee op de verschillende schermen. Je hebt dus een HTML bestand en via CSS kun je breekpunten bepalen waarop de CSS verandert. Op een groot scherm met snel internet laat je bijvoorbeeld een hero‐image zien die je kunt verbergen op kleine schermen zodat de gebruiker hier geen dure datakosten voor hoeft te betalen.

Polypane screenshotIn elke browser kun je zien hoe je site eruit ziet op verschillende schermen. Je moet dan de breedte van de browser aanpassen of in de devtools de responsive view inschakelen. Je kunt niet alle devices in 1 keer zien.Polypane lost dit op. Je kunt meerdere formaten in 1 keer bekijken. Je kan dit doen op basis van de breekpunten in js CCS, Polypane ziet de breekpunten en maakt op basis hiervan een overzicht. Je kan er ook voor kiezen om 1 view te zien. Je kan een screenshot maken van wat er op dit moment in de viewport zichtbaar is. Wat ook heel handig is synchronised scrolling, alle views scrollen dan synchroon mee en blijven ongeveer op de dezelfde hoogte. Als je de html of de css aanpast wordt dat in alle views zichtbaar. Polypane heeft dezelfde devtools als elke Chromiumm browser, je kunt dus snel even iets aanpassen of debuggen.

Polypane is beschikbaar voor Windows, Mac en Linux. Je kan kiezen uit een paar prijsplannen en hebt de keuze voor een maand‐ of een jaar abbonnement. Bij betaling per jaar krijg je 20% korting. Ben je lid van Fronteers dan kun je 25% korting krijgen. Lees hier meer over de korting op de site van FronteersGepubliceerd op 17 mei 2019 door Renee de Kruijf

Polypane logo