Das Testen und Debuggen von responsiven Layouts kann trotz moderner Browser-Landschaft und DevTools aufwändig werden. Wir haben seit einiger Zeit Polypane mit in unser Testing aufgenommen. Polypane ist ein kostenpflichtiger Browser (ab 9 Euro pro Monat pro User), der es u.a. ermöglicht eine Website in zahlreichen synchronisierten Viewports parallel zu benutzen.

Screenshot von Polypane
kulturbanause.de in drei Viewports mit Simulationen für »Night Mode«, »Z-Index« und »Bright Sunshine«

Polypane bietet u.a. vordefinierte Sets an Viewports – z.B. die von Bootstrap, Material Design, Tailwind & Co. oder erkennt die Breakpoints eines Projekts. Auch das Testen des Dark Mode wird geboten, sowie zahlreiche »Overlays« zum Optimieren der Barrierefreiheit oder für CSS Debugging. Ein weiteres hilfreiches Feature ist das Anzeigen von Favicons und App-Icons, Meta-Informationen für Suchmaschinen und dem Open Graph bzw. Twitter Cards. Um nur die für uns wichtigsten Features zu nennen.

Direkter Link zur Produkt-Website

Geschrieben von Jonas

Benutzerbild

Jonas ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.

Jonas Hellwig bei Xing

Feedback & Ergänzungen – Schreibe einen Kommentar

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.

Design-Projekte mit kulturbanause

Unsere Leinwand ist der Browser und wir beschäftigen uns seit 2010 intensiv mit dem Thema Responsive Design. Wir realisieren flexible Web-Layouts und modulare Design Systeme.

Responsive Webdesign-Leistungsangebot →

Schulungen von kulturbanause

Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.

Übersicht Schulungsthemen →