Adobe Shadow wurde vor einigen Wochen veröffentlicht und soll insbesondere Frontend-Entwicklern helfen Websites für verschiedene mobile Endgeräte, Displaygrößen etc. zu erstellen. Im Gegensatz zu allen anderen mir bekannten Tools simuliert Adobe Shadow die Ansicht nicht sondern synchronisiert den Entwicklungsstand der Website auf verschiedene Geräte. Dafür muss man die Geräte natürlich besitzen. Ich habe Adobe Shadow jetzt beim ersten echten Projekt praktisch eingesetzt und möchte euch meine Erfahrungen natürlich nicht vorenthalten.

Wichtiger Hinweis: Adobe Shadow wurde in Adobe Edge Inspect umbenannt. Neben einem neuen Icon und dem neuen Namen wurden die Funktionen jedoch beibehalten.

Wie funktioniert Adobe Shadow?

Adobe Shadow synchronisiert die Ansicht eines Computers auf die Bildschirme von anderen angeschlossenen Geräten wie Smartphones oder Tablets. Im Gegensatz zu einem Simulator, sieht man die Website daher exakt so, wie das jeweilige Gerät sie darstellt, also inkl. gerätespezifischer Eigenschaften und der Möglichkeit die Usability auf dem Touchpad direkt zu beurteilen und zu testen.

Für mich ist Adobe Shadow das erste Tool das den Test von Responsive Websites richtig angeht. Es gibt zwar viele sehr gute Simulatoren, aber der Test auf einem echten Gerät ist der einzige Weg ein verlässliches Ergebnis zu erhalten. Adobe Shadow simuliert nicht, das Tool hilft dabei den Workflow zu beschleunigen. Und für ein professionelles Ergebnis muss nun einmal auf einem Originalgerät getestet werden. Die diesbezügliche Kritik an Adobe Shadow kann ich daher in keinster Weise nachvollziehen.

Adobe Shadow einrichten

Zunächst muss Adobe Shadow auf jedem Gerät installiert werden. Zusätzlich müssen sich alle Geräte im selben Netzwerk befinden.

Aktuell bietet Adobe das Tool für Windows, Mac OSX, iOS, Android und als Google Chrome Extention an. Damit die Chrome-Extention funktioniert, muss das Hauptprogramm auf dem Computer im Hintergrund laufen.

• Adobe Shadow für Mac und Windows
• iOS-App
• Android-App
• Google Chrome Browser-Extention

Nach dem Start der jeweiligen Programme müssen die Geräte zunächst verbunden werden. Dazu generiert Shadow ein Passwort, welches dann auf den verbundenen Geräten eingegeben werden muss. Anschließend sieht man von welchem Gerät die Ansicht abhängig ist. Mit einem Tap auf den Namen gelangt ihr in den „Live-Modus“, der immer die aktuelle Browser-Ansicht des Hauptrechners zeigt. Natürlich exakt so wie das abhängige Gerät die Website nativ darstellt.

Responsive Webdesign mit Adobe Shadow

Hat man Adobe Shadow einmal eingerichtet ist das Tool eine echte Arbeitserleichterung. Alle Live-Websites oder die Entwicklungen in einer lokalen Serverumgebung (erst in einem kommenden Release!) werden auf die entsprechenden Geräte synchronisiert. Bei mir dauert es immer ca. eine Sekunde bis die Ansicht auf allen Geräten abgeglichen ist. Das ist zu verkraften, vielleicht geht es bei euch sogar schneller. Das ist wohl abhängig vom W-LAN.
Mit dem Code-Inspector (ähnlich Firebug) von Google Chrome kann ich auf dem Hauptrechner den Code live editieren und sehe die Änderungen dann direkt auf iPhone und iPad. Perfekt.

Leider ist Adobe Shadow (noch?) nicht in der Lage verschiedene Computer anzugleichen. Es funktioniert, zumindest bei mir, nur mit einem Hauptrechner und diversen mobilen Endgeräten. Ich fände es schön auch mehrere Desktop-Computer abgleichen zu können. Dann könnte man z.B. einen großen iMac und ein kleines Windows-Netbook parallel beurteilen.
Ein weiterer Nachteil des Tools sind die regelmäßigen Abstürze in der Synchronisierung. Die Programme laufen zwar noch – es wird allerdings nichts mehr synchronisiert. Um das Problem zu lösen musste ich dann die Anwendungen einmal neu starten. Auch dieses Problem ist zu verkraften – sollte allerdings dringend von Adobe behoben werden.

Fazit

Adobe Shadow ist für mich das erste Tool das die Arbeit mit verschiedenen mobilen Geräten professionell angeht. Klar, man benötigt alle Geräte auf denen man testen möchte – aber ich bin der Meinung, dass ein Profi, der mobile Websites erstellt und verkauft, hier investieren muss oder das eh bereits getan hat. Wer das nicht kann oder möchte muss dann zwangsläufig auf Simulatoren ausweichen.

Die Einrichtung von Adobe Shadow ist kinderleicht und die Arbeit wird enorm erleichtert. Einziges Manko ist aus meiner Sicht die nicht funktionierende Synchronisation verschiedener Desktop-Rechner, sowie die auftretenden Programmabstürze.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Google Chrome 11 ist erschienen. Neben einigen gefixten Bugs wurde auch die Hardware-Beschleunigung aktiviert. Somit kann der Browser u.a. direkt auf die Grafikkarte zugreifen, was die Performance moderner, komplexer Web-Anwendungen spürbar verbessert. Neben den technischen Änderungen wurde bei Chrome 11 auch das bereits angekündigte, neue Logo eingeführt. Das neue Programm-Icon ist eine reduzierte Version des bisherigen Chrome-Logos, was mir persönlich sehr gut gefällt.

Eine weitere Neuerung von Chrome 11 ist mir heute morgen beim Besuch meiner eigenen Seite aufgefallen: Offenbar hat Google einige CSS3-Rendering-Darstellungen verändert. Insbesondere die Eigenschaft box-shadow erzeugt jetzt deutlich dunklere Schatten. Zwar werden die Schatten jetzt in Chrome und Firefox gleich dargestellt - Safari zeigt jedoch andere Schatten. Das ist ärgerlich, da beide Browser auf die gleiche Weise angesprochen werden müssen. Ich hoffe sehr, dass Apple hier bald nachzieht.

• Google Chrome erhält neues Logo - Design Tagebuch
• Google Chome 11: bearbeitete Tickets in dieser Version

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Die vierte Version von Googles Browser Chrome steht ab sofort nicht nur für Windows- sonder auch für Linux-User (als Beta) zum Download bereit. Die neue Version soll mehr als 1500 Neuerungen enthalten, darunter die erweitere Möglichkeit Extension und Plugins zu installieren oder Bookmarks zu synchronisieren. Natürlich ist Chrome 4 Beta auch stabiler und schneller als alle seine Vorgängerversionen.
Die neue Beta lädt sich nicht selbst über ein automatisches Update herunter und muss manuell geladen werden. Mac-User müssen - wie bei Chome üblich - noch warten.

• Google Chrome

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Google hat in den GoogleLabs einen neuen Dienst namens "Browser Size" veröffentlicht. Hier lässt sich ablesen wieviel Prozent der User welchen Teil einer Website sehen können (Viewport). Die Werte variieren bekanntermaßen aufgrund verschiedener Auflösungen und Monitorgrößen und individuellen Einstellungen stark. Die Statistik wird als semitransparenter Overlay über der aufgerufenen Website angezeigt und kann minimal angepasst werden. Eine Überraschung bietet der Dienst erstmal nicht, da die Werte soweit bekannt sind. Ärgerlich hingegen ist, dass eine verwertbare Ansicht nur auf linksbündige Seiten zutrifft. Hier wird in Zukunft sicherlich noch einiges zu tun sein.

• Google Browzer Size

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Ich gebe es ja zu: als Chrome vor einiger Zeit für Windows auf den Markt kam war ich nicht gerade begeistert. Dies lag sowohl an den mangelhaften Datenschutzbestimmungen, die gerade bei einem Unternehmen wie Google ein gewisses Risiko bieten, als auch am Interface. Jaa, ich bin mir durchaus bewusst, dass für einige Zeitgenossen die Funktionalität schwerer wiegt als das Aussehen einer Anwendung - für mich ist das nicht so. Google Chrome für Windows ist (wie eigentlich alle Google-Anwendungen) schrecklich-hässlich und billig gestaltet.
Nun ist Google Chrome auch für den Mac verfügbar und - ohoo - er sieht gar nicht mal so schlecht aus! Wenigstens ist er grau. Die Geschwindigkeit ist Chrome-typisch sauschnell, ein Vorteil den ich in den vergangenen Monaten am PC bereits zu schätzen gelernt habe. Was den Funktionsumfang zwischen Windows und Mac angeht, so kann ich hier (noch) keine Aussage treffen da ich beide Browser zu selten nutze. Vllt. wisst Ihr ja mehr.

• Google Chrome

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Die Textarea in Safari und Chrome verfügt über einen Anfasser in der unteren rechten Ecke der es dem Seitenbesucher ermöglicht die Größe des Eingabefeldes selbst zu bestimmen.
Eigentlich eine gute Sache, will man doch nicht ganze Aufsätze in ein winziges Textfeld schreiben müssen. Doch häufig zerstört eine manuell vergrößerte textarea das Seitenlayout. Abhilfe kommt wie so oft per CSS3.

Die ‹textarea› mit resize beeinflussen

Die folgenden CSS3 Befehle sollten selbsterklärend sein - mittels resize-Attribut können die Anfasser eines Elements vom Standardwert aus verändert werden. Bei der textarea bedeutet dies, dass die Anfasser (zumindest teilweise) deaktiviert werden können; andere Elemente die im default über keine resize-Funktion verfügen können mit diesem Attribut anschließen per Maus auf die gewünschte Größe aufgezogen werden.

textarea { resize: none;}

textarea { resize: both;}

textarea { resize: vertical;}

textarea { resize: horizontal;}
 

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Wer es noch nicht mitbekommen hat erfährt es jetzt. Firefox (alle Versionen) hat in den globalen Browser-Charts endlich den Internet Explorer (6) überholt. Das bedeutet zwar bei Weitem noch nicht, dass die IE6 User ausgestorben sind, ist aber zumindest eine Bewegung in die richtige Richtung. Wer sich für die detaillierte Statistik (derer es natürlich viele gibt) interessiert wird hier fündig.

• October 2009 browser stats: Firefox finally passes IE6

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Google hat die den Browser Chrome nun in Version 4 als Beta zum Download bereitgestellt. Natürlich nach wie vor ausschließlich für Windows. Eine der neuen Funktionen ist das synchronisieren von Lesezeichen zwischen verschiedenen Google Diensten und Browsern. Sonst soll natürlich die Performance weiter verbessert worden sein.

• Google Chrome

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Google hat für Windows die Beta 3.0 des Browsers Chrome veröffentlicht. Neben kleineren Änderungen wurde vor allem die JavaScript-Engine deutlich beschleunigt.

Ich weiß ... die Info ist nicht mehr ganz frisch, aber vielleicht hat es ja jemand noch nicht mitbekommen.

Google Chrome 3.0 Beta

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Google hat Version 2.0 des hauseigenen Browsers Chrome veröffentlicht. Verbessert wurde laut eigener Aussage insbesondere die JavaScript-Geschwindigkeit.

Download Google Chrome

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Google hat ein Update des Browsers Chrome veröffentlicht, welches eine Sicherheitslücke im Browser stopft.
Die Schwachstelle konnte nur dann von Angreifern ausgenutzt werden, wenn parallel der Internet Explorer installiert war. Installierte Chromes werden automatisch aktualisiert, zum Download der kompletten neuen Version geht es hier:

Download: Chrome 1.0.154.59 (Windows)

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Google arbeitet wohl bereits mit Hochtouren an Version 2 des hauseigenen Browsers Chrome. Nun ist im "Developer Channel" von Google eine erste Entwicklerversion verfügbar.
Laut heise.de stehen viele Neuerungen in der Usability an, ebenso werden überfällige einige Funktionen wie beispielsweise die Webkit-Engine implementiert aktualisiert.

http://www.heise.de/newsticker/Vorabversion-von-Googles-Browser-Chrome

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Nun ist er da. Googles nagelneuer Browser auch für den Mac. Doch auf die Freude folgt bittere Ernüchterung.

Der Browser kommt nicht aus dem Hause Google sondern wurde in Windeseile von der amerikanischen Softwareschmiede Codeweavers veröffentlicht.

Google Chrome wird lediglich emuliert

Um Chrome auf Macs benutzbar zu machen wurde nicht etwa eine neue Version programmiert, sondern auf Grundlage des frei zugänglichen Programmcodes lediglich die Windows-Version emuliert. Der Titel des Programms "CrossOver Chronium".
Nach drei Browser-Abstürzen habe ich es geschafft eine Seite aufzurufen. Das ging recht flott. Doch sobald ein zweiter Tab geöffnet wird stürz das Ding komplett ab. Die Ladezeit beim Programmstart ist ebenfalls recht lang.
Für meine Bedürfnisse ist die aktuelle Version völlig unbrauchbar, bleibt nur noch zu hoffen, dass a) Google schnell mit einer Mac-Version um die Ecke kommt oder b) die Herren von Codeweavers Ihre Emulation verbessern. Laut eigenen Aussagen des Unternehmens sollte Chronium nicht für das tägliche surfen verwendet werden und stellt lediglich ein Test-Projekt dar.

Wer wie ich nicht warten kann und trotz allem sehen will wie Chrome denn nun aussieht kann sich hier die emulierte Version herunterladen.

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Man hätte es sich ja denken können. Google weitet seine Internet-Vorherrschaft aus und betritt mit dem ersten hauseigenen Browser namens "Google Chrome" Neuland. Als ob es nicht schon genug Browser gäbe.
Seit gestern steht für Windows-User die Beta Version von Chrome zur Verfügung; höchste Zeit also sich mit dem neuen Browser zu beschäftigen.

Google Chrome nutzt Webkit

Die gute Nachricht zu Beginn: Neben dem Apple Browser Safari nutzt auch Google Chrome die Open Source Bibliothek "Webkit". Webkit eröffnet umfangreiche Möglichkeiten wie beispielsweise CSS3 Unterstützung, sofern man die entsprechenden Befehle kennt.
In meinem Artikel zu CSS3 könnt Ihr Euch einige davon anschauen.

Google Chrome Features

Googles neuer Browser bietet alles an bisher bekanntem Surf-Komfort. Neben Standards wie Tabbed Browsing, Intelligenter Adresszeile und Inkognito Surfen können nun auch Web-Anwendungen (bsp. Google Mail) in einem neuen Fenster ohne Adresszeile o. ä. gestartet werden. So wirken diese Online-Dienste wie eine lokal installierte Desktop-Anwendung.
Zusätzlich bietet Chrome das aus dem Browser Opera bekannte Feature "Speed Dial". Hierbei werden die letzten oder meist genutzten Websites als Miniatur auf der Startseite angezeigt um ein schnellstmögliches Navigieren zu ermöglichen.

Bes*** Optik

Meiner Ansicht nach (ich bin was sowas angeht ziemlich empfindlich) sieht Chrome rein optisch gesehen leider gar nicht so gut aus. Zumindest in der Beta-Version. Die Benutzeroberfläche ist in grässlichem Blau gehalten... der ganze Browser wirkt wie eine (Google-typische) Online-Anwendung.
Klar ist die Optik nicht so wichtig wie die Funktionalität, aber wenn man schon eine Benutzeroberfläche gestaltet, warum dann nicht gleich eine hübsche?

Ein neues Sorgenkind für Web-Entwickler?

Mitnichten! Ich habe es zwar selbst noch nicht getestet, Google Chrome scheint den Code jedoch ähnlich wie Firefox 3 zu interpretieren. Das lässt hoffen. Die Verwendung von Webkit ermöglich zudem den Einsatz von CSS3, was bisher Mac-Usern vorbehalten war.
Angesichts der Unmengen von Internet-Usern die eine Google Toolbar installiert haben, ist es gut möglich, dass auch Googles Browser schnell an Popularität zunehmen wird.
Wir lassen uns überraschen.

Da Google Chrome Beta bisher nur für Windows als Download zur Verfügung steht, waren mir tiefgründigere Forschungen bisher verwährt. Ich freue mich daher über interessante Beiträge von Windows-Testern in den Kommentaren.

Download: Google Chrome

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.