Den Viewport für alle gängigen Bildschirmauflösungen zu kennen oder zu simulieren, kann heutzutage ein aufwändiges Unterfangen werden. Viel zu viele unterschiedliche Desktop-Rechner, Netbooks und Smartphones gibt es mittlerweile. Neben einigen Tools wie der Webdeveloper Toolbar oder der Google Browser Size möchte ich euch heute die Website Resize My Browser vorstellen.
Mittels JavaScript und Cookie könnt Ihr mit wenigen Klicks den Browser der gewünschten Auflösung anpassen. Das klappt nicht nur gut, es geht auch extrem schnell.
Neben einer Standard-Auswahl an Auflösungen könnt Ihr auch eigene Abmessungen hinzufügen, die dann per Cookie gespeichert werden. Darüber hinaus könnt Ihr ebenfalls festlegen, ob die eingestellte Auflösung sich auf den ganzen Browser oder nur den Viewport innerhalb des Browsers auswirken soll.
Resize My Browser
Feedback & Ergänzungen – 1 Kommentar
Patrick Hens
schrieb am 18.07.2010 um 09:32 Uhr:
Super Tipp, vor allem wenn man gerade dabei ist eine Web App zu entwickeln, um diese später in eine native iPhone App zu portieren. Die benutzerdefinierten Größen sowie die Innen- und Außengrößen runden das Browser-Resize-Tool ab. Lesezeichen gesetzt, danke!
Raimund ist oft die erste Ansprechperson bei kulturbanause. Er kümmert sich hauptsächlich um die Betreuung und Beratung unserer bestehenden als auch künftigen Kundschaft. Ein weiterer Schwerpunkt seiner Tätigkeit liegt im Design nicht unmittelbar sichtbarer Dinge: Struktur und Inhalte. Projekte unterstützt er daher vor allem in der Anfangsphase in Bereichen wie Informationsarchitektur, UX-Design und Content Strategy.
Jonas Hellwig
Jonas ist Gründer von 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.
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.
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.
Unsere Agentur in Berlin unterstützt bei digitalen Projekten mit sehr unterschiedlichem Umfang. Mit Beratung, Gestaltung und Programmierung helfen wir Menschen in verantwortungsbewussten Unternehmen dabei, online zeitgemäß zu kommunizieren.
Super Tipp, vor allem wenn man gerade dabei ist eine Web App zu entwickeln, um diese später in eine native iPhone App zu portieren. Die benutzerdefinierten Größen sowie die Innen- und Außengrößen runden das Browser-Resize-Tool ab. Lesezeichen gesetzt, danke!