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

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
Webydo: Responsive Websites ohne Code erstellen
Webydo: Responsive Websites ohne Code erstellen

Mit Webydo soll es Nutzern möglich sein, ohne eine Zeile Code responsive Websites zu erstellen. Wir haben einen Blick auf die Web-App geworfen. » weiterlesen

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

Typografie im Responsive Webdesign – Teil 2: So erstellt ihr Responsive Headlines
Typografie im Responsive Webdesign – Teil 2: So erstellt ihr Responsive Headlines

Im ersten Teil dieser Artikelserie über Typografie im Responsive Webdesign ging es um die Auswahl und Einbindung der richtigen Schrift. Nachdem ich darin die wichtigsten Punkte von reaktionsfähiger … » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?

t3n-Newsletter t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen