Vorheriger Artikel Nächster Artikel

Responsive Inspector: Einfaches Arbeiten mit Media Queries

Der Responsive Inspector macht die Arbeit mit zum Kinderspiel. Wir verraten euch, was die Beta des letzte Woche veröffentlichten Tools zu bieten hat.

Responsive Inspector: Einfaches Arbeiten mit Media Queries
Responsive Inspector Screenshot
Responsive Inspector in Aktion

 

Anfang letzter Woche hat Piotr Walczyszyn die Beta des Responsive Inspector vorgestellt. Die Erweiterung für Google Chrome, an der er nebenbei mit Filip Łysyszyn, User Experience Designer bei Adobe Systems, gearbeitet hat, soll die Arbeit mit Responsive Webdesign und Media Queries erleichtern.

Das Tool zeigt, welche Media Queries im Dokument vorhanden sind, kann den Browser auf die Einstellungen der jeweiligen Media Query bringen und die genaue Position der Query im Stylesheet anzeigen. Außerdem kann das Tool einen Screenshot der kompletten Seite in der jeweiligen Media-Querie erstellen.

Die Beta der Responsive Inspector findet ihr jetzt im Chrome Web Store zum Download.

Weiterführende Links

Newsletter Newsletter

Abonniere unseren Newsletter und erhalte einen exklusiven Artikel aus dem aktuellen t3n Magazin.

Jetzt lesen: t3n Newsletter Nr. 545

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
Eine Antwort
  1. von webzellent am 30.04.2013 (11:58 Uhr)

    Ein hervorragendes Tool . Es erleichtert die Arbeit mit Media Queries erheblich und ermöglicht eine bessere Planung von Anfang an.

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Responsive Webdesign
Responsive Webdesign: Welche Potenziale immer noch verschenkt werden [Interview]
Responsive Webdesign: Welche Potenziale immer noch verschenkt werden [Interview]

Smartphones, Tablets und Co. haben unsere Surf-Gewohnheiten im Web radikal verändert. Immer mehr Endgeräte mit den unterschiedlichsten Display- und Browser-Formaten strömen auf den Markt – und … » weiterlesen

Die Basics des Responsive Webdesign [Infografik]
Die Basics des Responsive Webdesign [Infografik]

Je schneller die Zahl der mobilen Internetnutzer steigt, desto dringender wird die Frage, wie sich Website-Inhalte auf verschiedenen Endgeräten optimal darstellen lassen. Ein möglicher … » weiterlesen

Responsive Webdesign für lau: Diese Website bündelt mehr als 500 Templates
Responsive Webdesign für lau: Diese Website bündelt mehr als 500 Templates

Du willst deine Website mit einem Responsive Webdesign versehen oder eine neue damit launchen? Dann solltest du einen Blick auf W3Layouts werfen. Die Website bündelt über 500 kostenlose … » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?

t3n 40 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen