msgbartop
Alles über Google Chrome & Google Chrome
msgbarbottom

07 Juni 12 Google Chrome beschleunigt die Fancy CSS Filtereffekte


Treffen Sie Fuzzy Brown Affe, WT Monkey 's CSS-Filter-beladenen Vetter. Bild: Screenshot / Webmonkey

CSS-Filter bieten Web-Entwickler einige sehr mächtige Werkzeuge, mächtig genug, dass es nicht allzu schwierig sein, erstellen Sie eine Web-App in der Lage, die Art von Effekt-beladenen Fotos popularisiert durch Instagram. Es gibt nur ein Problem: CSS-Filter können auf der CPU hart.

Nur wenige Dinge im Web zu veröffentlichen Ihren PC-Lüfter dreht ganz wie CSS-Filter - rufen Sie die Google- abstrakten Malerei Demo-Seite einen Versuch für sich selbst sehen. Filter allein können uns Ihre Fan-Spinnen, sondern kombinieren sie mit einigen CSS-Übergänge und Animationen und Sie haben ein Rezept für Batterie-Entleerung über.

Dass, kombiniert mit der Tatsache, dass so weit sie nur in WebKit-Browsern funktionieren, bedeutet gerade jetzt sollten Sie CSS-Filter mit Vorsicht verwenden.

Glücklicherweise ist die brüllenden Klang Ihrer Fan kann bald ein Ding der Vergangenheit sein, zumindest für Google Chrome-Nutzer. Der Chrome-Blog Berichte dass CSS-Filter mit GPU-Beschleunigung haben in Chrom gelandet. Es wird einige Zeit dauern, bis die Beschleunigung macht seinen Weg in die stabile Version von Google Chrome, aber es wird kommen und das ist eine gute Nachricht für die Zukunft der CSS-Filter. Stephen White, ein Software Engineer bei der Chromium-Projekt, schreibt, "GPU-Beschleunigung dieser Filter bringt ihre Leistung bis zu dem Punkt, wo sie für die Animation Elemente in Verbindung mit CSS-Animationen durch-webkit-Übergang oder auch HTML5-Video-Tags betrieben eingesetzt werden können."

Es könnte noch eine Weile dauern, bevor Adobe startet eine webbasierte Version seines Video-Editor Premiere, aber damit rechnen, andere Browser auf Chrome-Blei bei der Unterstützung und Beschleunigung der CSS-Filter folgen.

Es ist erwähnenswert, dass, während die Instagram Use Case neigt dazu, all die Presse bekommen, CSS-Filter können viel mehr als nur Sepia Toning Bilder. In der Tat Einsatzmöglichkeiten gehen weit darüber hinaus nur Bilder oder Videos. Zum Beispiel, CSS-Filter verwendet werden, um Hintergründe zu verwischen werden (oder machen sie schwarz und weiß) Damit unterstreicht Vordergrund Inhalte in Online-Diagramme, Diagramme oder pädagogische Anwendungen. CSS-Filter konnte Image Sprites in Navigationselemente ersetzen (weniger zum Download bedeuten schnellere Ladezeiten) und könnte auch in Verbindung mit einigen Animation verwendet werden, damit Benutzer wissen, dass etwas auf einer Seite hat sich geändert.

Für weitere Informationen über CSS-Filter, Check out unserer früheren Abdeckung und haben einen Blick auf die Website HTML5Rocks, das bietet eine schöne Überblick über die CSS-Filter zusammen mit einigen Beispiel-Code.

Artikel Quelle: http://www.webmonkey.com/2012/06/google-chrome-speeds-up-fancy-css-filter-effects/

Stichworte: , , , , ,

07 Juni 12 Google Chrome beschleunigt die Fancy CSS Filtereffekte


Treffen Sie Fuzzy Brown Affe, WT Monkey 's CSS-Filter-beladenen Vetter. Bild: Screenshot / Webmonkey

CSS-Filter bieten Web-Entwickler einige sehr mächtige Werkzeuge, mächtig genug, dass es nicht allzu schwierig sein, erstellen Sie eine Web-App in der Lage, die Art von Effekt-beladenen Fotos popularisiert durch Instagram. Es gibt nur ein Problem: CSS-Filter können auf der CPU hart.

Nur wenige Dinge im Web zu veröffentlichen Ihren PC-Lüfter dreht ganz wie CSS-Filter - rufen Sie die Google- abstrakten Malerei Demo-Seite einen Versuch für sich selbst sehen. Filter allein können uns Ihre Fan-Spinnen, sondern kombinieren sie mit einigen CSS-Übergänge und Animationen und Sie haben ein Rezept für Batterie-Entleerung über.

Dass, kombiniert mit der Tatsache, dass so weit sie nur in WebKit-Browsern funktionieren, bedeutet gerade jetzt sollten Sie CSS-Filter mit Vorsicht verwenden.

Glücklicherweise ist die brüllenden Klang Ihrer Fan kann bald ein Ding der Vergangenheit sein, zumindest für Google Chrome-Nutzer. Der Chrome-Blog Berichte dass CSS-Filter mit GPU-Beschleunigung haben in Chrom gelandet. Es wird einige Zeit dauern, bis die Beschleunigung macht seinen Weg in die stabile Version von Google Chrome, aber es wird kommen und das ist eine gute Nachricht für die Zukunft der CSS-Filter. Stephen White, ein Software Engineer bei der Chromium-Projekt, schreibt, "GPU-Beschleunigung dieser Filter bringt ihre Leistung bis zu dem Punkt, wo sie für die Animation Elemente in Verbindung mit CSS-Animationen durch-webkit-Übergang oder auch HTML5-Video-Tags betrieben eingesetzt werden können."

Es könnte noch eine Weile dauern, bevor Adobe startet eine webbasierte Version seines Video-Editor Premiere, aber damit rechnen, andere Browser auf Chrome-Blei bei der Unterstützung und Beschleunigung der CSS-Filter folgen.

Es ist erwähnenswert, dass, während die Instagram Use Case neigt dazu, all die Presse bekommen, CSS-Filter können viel mehr als nur Sepia Toning Bilder. In der Tat Einsatzmöglichkeiten gehen weit darüber hinaus nur Bilder oder Videos. Zum Beispiel, CSS-Filter verwendet werden, um Hintergründe zu verwischen werden (oder machen sie schwarz und weiß) Damit unterstreicht Vordergrund Inhalte in Online-Diagramme, Diagramme oder pädagogische Anwendungen. CSS-Filter konnte Image Sprites in Navigationselemente ersetzen (weniger zum Download bedeuten schnellere Ladezeiten) und könnte auch in Verbindung mit einigen Animation verwendet werden, damit Benutzer wissen, dass etwas auf einer Seite hat sich geändert.

Für weitere Informationen über CSS-Filter, Check out unserer früheren Abdeckung und haben einen Blick auf die Website HTML5Rocks, das bietet eine schöne Überblick über die CSS-Filter zusammen mit einigen Beispiel-Code.

Artikel Quelle: http://www.webmonkey.com/2012/06/google-chrome-speeds-up-fancy-css-filter-effects/

Stichworte: , , , , ,

26 Mai 12 Vier kurze Links: 23 Mai 2012


  1. Tale of Two Pwnies (Chromium Blog) — So, wie kommt man voll Remotecodeausführung in Chrome? Im Falle von Pinkie Pie Exploit-, es dauerte eine Kette von sechs verschiedenen Bugs, um erfolgreich zu brechen aus dem Chrome-Sandbox. Damit Sie nicht denken alle Angriffe von Mund-Atmung Script Kiddies kommen, das ist, wie es die Profis machen. (via Bryan O'Sullivan)
  2. Die Zukunft ist Specific (Chris Granger) — In der traditionellen Web-MVC, der Code notwendig, eine einzige Route dienen wird über viele Dateien in viele verschiedene Ordner verteilt. In einem normalen Editor dies bedeutet, dass Sie eine Menge tun Kontext der Umstellung auf ein Gefühl für alles, was sich erhalten. Stattdessen, Dieser Modus ersetzt die Dateiauswahl mit einer Route-Picker, als Strecken scheinen wie die beste logische Einheit für eine Website. Es gibt eine Revolution in der kommenden Web-Entwickler-Tools: wir hatten die Programmierer der Anpassung an die Rahmenbedingungen mit wenig Text, aber Unterstützung durch die IDE. Ich bin liebevoll diese Flut an Kreativität, weil es das Versprechen, um Fehler zu reduzieren und die Geschwindigkeit erhöhen, mit denen wir guten Code zu generieren hat.
  3. Beste Online-Editoren für Lehre HTML / CSS / JS (Pamela Fox) — Im Laufe der letzten Monate, Ich unterrichte in-Person-Klassen auf HTML, CSS, und JavaScript, als Teil der GirlDevelopIt San Francisco. Auf dem Weg, Ich habe mit verschiedenen Online-Konsolen und Redakteure experimentiert, und ich dachte, ich würde meine Erfahrung mit mit ihnen für den Unterricht teilen.
  4. Makie — Gestaltung einer Online-Puppe, sie werden 3D-Druck und senden es Ihnen. Hallo, Zukunft der Fertigung, Lust auf ein Wiedersehen in einem Puppenhaus!

Artikel Quelle: http://radar.oreilly.com/2012/05/four-short-links-23-may-2012.html

Stichworte: , , , ,

18 Mai 12 Chrom 19: Die besten Web-Browser wird immer besser


With Chrome 19 you can sync tabs between PCs and Android smartphones.

Mit Chrome 19 Sie können Sync Tabs zwischen PC und Android-Smartphones.

Die Google Chrome Web-Browser wird einfach immer besser und besser. Der gerade veröffentlichte Chrome 19 ist ein perfektes Beispiel für diese.

Neben Festsetzung einer Reihe von Sicherheitsproblemen, Chrome 19 der niftiest neues Feature ist Registerkarte Synchronisierung. Chrome ist schon lange dir die Kraft gegeben, um Ihre Lesezeichen synchronisieren, Apps, Erweiterungen, Geschichte, Themen, und andere Einstellungen. Jetzt, können Sie Ihre geöffneten Tabs als auch zwischen Computern synchronisieren, und wenn Sie Glück genug, um ein Android-Smartphone mit Ice Cream Sandwich haben, welche unterstützt die Beta- Chrome für Android, Sie können sie mit dem Telefon synchronisieren sowie.

Hier ist, wie es funktioniert. Wenn Sie unterzeichnet, um in Google, Ihre geöffneten Tabs werden automatisch auf allen Ihren Geräten synchronisiert. Um sie zu bekommen, öffnen Sie einfach einen neuen Tab in Ihrem Browser und unten links gibt es eine "Andere Geräte"-Menü auf der von der Unterseite des Mitte-Links-Seite. Aus ihr, Sie sehen alle Ihre anderen Chrome-Sessions und ihre geöffneten Tabs. Willst du ein auf Registerkarten öffnen aus sagen, dass Ihre Arbeit Computer? Einfach anklicken und Sie sind auf dem Weg.

Das ist ordentlich. Dies macht es einfacher als je zuvor, nie aus den Augen verlieren, was Sie taten in Ihrem verschiedenen Browsern.

Es ist auch nur ein kleines bisschen gruselig-. Wenn Sie Ihre Google-Log-In mit anderen Menschen auf anderen PCs, Sie in der Lage zu sehen, was sie bei ihrer Chrome-Sessions suchen. Wohlgemerkt, Aus Sicherheitsgründen sollten Sie nicht ohnehin immer, aber es ist etwas im Auge zu behalten. Oder, , um es umzudrehen um, wenn Sie in die Gewohnheit, Ihre Arbeit am Computer, und Sie verlassen Chrome laufen, während Sie eingeloggt waren, könnte jemand von Ihrem Schreibtisch im Büro zu kommen und sehen, was Tabs, die Sie geöffnet haben, auf Chrome auf Ihrem Heim-PC. Kurzum, seien Sie nicht nachlässig, wenn Sie mit dieser Funktion sind.

Auf der anderen Seite, Chrome gibt Ihnen viele Privatsphäre-Einstellungen Tweaking. Um die zu erhalten, gehen Sie im Menü Optionen, und von dort, begeben, um die auf den Tab. Dort angekommen, Sie steuern können, was passiert mit Cookies, einschließlich Flash-Cookies nun; Bildanzeigen; JavaScript; Plug-Ins; Pop-Ups, und Standortinformationen. Sie können auch auf Chrome integrierten Adobe Flash Plug-In-und PDF-Reader verwandeln. Beide sind standardmäßig deaktiviert.

Wenn Sie wie ich, du bist ein wenig müde von der endlose Flut von Adobe Sicherheitsprobleme, Sie begrüßen Chrome-Version von ihnen. Selbst wenn sie gehen in Chrome falsch, zumindest werden sie in Chrome Sandbox geklebt werden, wo sie nicht in der Lage sein Unwesen in den Rest des Computers zu tun.

Einige Menschen wurden Probleme mit Chrome 18 unter Windows 7 64-Bits. Ihre Probleme schienen zu zeigen, bis am häufigsten, wenn sie ausgeführt wurden viele Tabs gleichzeitig mit einem schweren Adobe Flash Verwendung. So, Ich entschied mich zu sehen, ob ich ihre Probleme auf meinem Test-PC zu duplizieren könnte.

Mein Web-Browser-Prüfsystem ist ein Gateway DX4710 Windows 7 SP1. Dieser PC wird von einem 2,5-GHz-Intel Core angetrieben 2 Quad-Prozessor und verfügt über 6GBs RAM und eine Intel GMA (Graphics Media Accelerator) 3100 für Grafiken. Es ist mit dem Internet über einen Netgear Gigabit-Ethernet-Switch angeschlossen, die, wiederum, wird bis zu 100Mbps süchtig (Megabit pro Sekunde) Kabel-Internet-Verbindung.

Auf sie, Ich öffnete 40 Plus Tabs gleichzeitig mehrere Male in den letzten 24-Stunden-. Die Hälfte von ihnen, wie YouTube, enthalten viele aktive Flash-Inhalte. Ich konnte nicht eine einzige Lock-up oder Absturz von ihm. Ich ließ sie dann laufen sechs Stunden lang, Denken vielleicht ein Speicherverlust Problem war schuld. Wieder, alles gut lief hinterher.

Ich kann nicht sagen, dass Sie keine Probleme mit dieser neuen Version von Chrome. Alles, was ich sagen kann ist, dass auf meinem Windows 7 Box, und auf meine verschiedenen Linux-und Mac-Boxen sowie, Chrom 19 selbst stets treu geblieben, egal wie schwer eine Last ich auf sie setzen.

Wie bei den Grundlagen, Chrom 19 bleibt als einfach zu installieren und auf Linux verwenden, Mac OS X, und Windows wie eh und je. Sie laden ihn von der Website, Führen Sie das Programm und in weniger als zwei Minuten können Sie mit und läuft es.

Chrome-Schnittstelle ist auch so sauber wie nie. Die Omnibox, die kombinierte Such-und Standort-Box ist immer noch zum Besten. Darunter, finden Sie die Registerkarten, auf der rechten Seite oben finden Sie das Lesezeichen-Symbol, und das war es. Es gibt nur eine Handvoll Schaltflächen. Wenn Sie Ihren Browser-Aussehen und Verhalten anpassen wollen müssen Sie auf das Schraubenschlüssel-Symbol und schauen Sie sich die Menüs verbirgt.

Dort angekommen, Sie werden entdecken, es gibt nicht viel Sie mit Chrome das Aussehen tun kann. Wenn Sie Ihren Web-Browser geben, ein Make-over, um es aussehen und funktionieren nur sie, wie Sie wollen, das Firefox-Browser ist immer noch die für Sie.

Chrome auf dem Benchmark-Rang

Bewegen Sie sich auf die Benchmarks, Chrome bekommt eine perfekte Wertung auf die Säure 3 Kompatibilitäts-Test, die prüft, wie gut ein Browser mit verschiedenen Web-Standards wie CSS erfüllt, JavaScript, und Extensible Markup Language (XML). Aber, dann alle modernen Browser punkten perfekt zu diesem Test in diesen Tagen. Wenn Ihr Browser kann leider keine bekommen ein perfektes Ergebnis-aktualisieren. Jetzt.

Am HTML5-Test, die überprüft, wie kompatibel die Web-Browser mit der ist HTML5-Standard-Web-Seite, Chrom 19 erzielte 402 von möglichen 500. Die neue Firefox 12 war weit hinter mit 345 points. Internet Explorer 9? Es hat eine düstere 13Punktets.

Für meinen ersten Benchmark Früher habe ich die Google-JavaScript V8 Benchmark Suite, wo höhere Werte sind besser. Wie Sie vielleicht erwarten, Chrome Crushed Firefox und IE mit einer Punktzahl von 9,091. Firefox hat eine weit abgeschlagen mit 5,505. IE war weit hinter den Open-Source-Browser mit einer Punktzahl von 2,112.

Auf dem alten, SunSpider 0.9.1, JavaScript-Test, wobei niedrigere Ergebnisse sind besser, Chrome tat OK mit einer Punktzahl von 256.9ms. IE Nase vorn aber mit einer Punktzahl von 252.7ms an erster Stelle stehen. Firefox kam im letzten mit 296.5ms.

Am Peacekeeper Web-Browser-Test-Suite, das sieht bei JavaScript-Performance und sieht in HTML5 auf Kompatibilität, Video-Codec-Unterstützung und andere Web-Browser-Funktionen, höhere Werte sind besser. Auf Peacekeeper, Chrome gewann einmal mehr. Auf dieser Benchmark, wo je höher desto besser und gewann den ersten Chrome mit einer Punktzahl von 2,241. Firefox folgte mit einem weit langsamer 1,557 IE und war zurück im Heck mit 1,347.

Die Quintessenz ist, dass Chrome ist einfach der schnellste Web-Browser da draußen. Es ist auch, aus, wo ich sitze, einer der sichersten Browser und Ich mag seine saubere Schnittstelle und ihrer Funktionen. So weit es mich betrifft, Chrome ist nach wie vor das mit Abstand beste Browser da draußen. Wie immer, Sie müssen nicht mein Wort dafür nehmen. Versuchen Sie sich Chrome. Ich denke, Sie finden, als Hunderte von Millionen von anderen Chrome Benutzer haben, dass Chrome ist Ihre erste Wahl zu werden in Web-Browsern.

Related Stories:

Google Chrome 19 außerhalb

Wird die Google Chrome Web-Browser auf Apples iPads und iPhones kommen?

Ist Microsoft blockiert Chrome und Firefox aus nativen Windows-RT eine große Sache?

Google schließt sich Windows- 8 Browser-Krieg mit Plänen für Metro Chrome

Muss ich die Google Chrome hinter sich zu lassen?

Artikel Quelle: http://www.zdnet.com/blog/networking/chrome-19-the-best-web-browser-just-keeps-getting-better/2391

Stichworte: , , , , ,

17 Mai 12 Chrom 19: Die besten Web-Browser wird immer besser


With Chrome 19 you can sync tabs between PCs and Android smartphones.

Mit Chrome 19 Sie können Sync Tabs zwischen PC und Android-Smartphones.

Die Google Chrome Web-Browser wird einfach immer besser und besser. Der gerade veröffentlichte Chrome 19 ist ein perfektes Beispiel für diese.

Neben Festsetzung einer Reihe von Sicherheitsproblemen, Chrome 19 der niftiest neues Feature ist Registerkarte Synchronisierung. Chrome ist schon lange dir die Kraft gegeben, um Ihre Lesezeichen synchronisieren, Apps, Erweiterungen, Geschichte, Themen, und andere Einstellungen. Jetzt, können Sie Ihre geöffneten Tabs als auch zwischen Computern synchronisieren, und wenn Sie Glück genug, um ein Android-Smartphone mit Ice Cream Sandwich haben, welche unterstützt die Beta- Chrome für Android, Sie können sie mit dem Telefon synchronisieren sowie.

Hier ist, wie es funktioniert. Wenn Sie unterzeichnet, um in Google, Ihre geöffneten Tabs werden automatisch auf allen Ihren Geräten synchronisiert. Um sie zu bekommen, öffnen Sie einfach einen neuen Tab in Ihrem Browser und unten links gibt es eine "Andere Geräte"-Menü auf der von der Unterseite des Mitte-Links-Seite. Aus ihr, Sie sehen alle Ihre anderen Chrome-Sessions und ihre geöffneten Tabs. Willst du ein auf Registerkarten öffnen aus sagen, dass Ihre Arbeit Computer? Einfach anklicken und Sie sind auf dem Weg.

Das ist ordentlich. Dies macht es einfacher als je zuvor, nie aus den Augen verlieren, was Sie taten in Ihrem verschiedenen Browsern.

Es ist auch nur ein kleines bisschen gruselig-. Wenn Sie Ihre Google-Log-In mit anderen Menschen auf anderen PCs, Sie in der Lage zu sehen, was sie bei ihrer Chrome-Sessions suchen. Wohlgemerkt, Aus Sicherheitsgründen sollten Sie nicht ohnehin immer, aber es ist etwas im Auge zu behalten. Oder, , um es umzudrehen um, wenn Sie in die Gewohnheit, Ihre Arbeit am Computer, und Sie verlassen Chrome laufen, während Sie eingeloggt waren, könnte jemand von Ihrem Schreibtisch im Büro zu kommen und sehen, was Tabs, die Sie geöffnet haben, auf Chrome auf Ihrem Heim-PC. Kurzum, seien Sie nicht nachlässig, wenn Sie mit dieser Funktion sind.

Auf der anderen Seite, Chrome gibt Ihnen viele Privatsphäre-Einstellungen Tweaking. Um die zu erhalten, gehen Sie im Menü Optionen, und von dort, begeben, um die auf den Tab. Dort angekommen, Sie steuern können, was passiert mit Cookies, einschließlich Flash-Cookies nun; Bildanzeigen; JavaScript; Plug-Ins; Pop-Ups, und Standortinformationen. Sie können auch auf Chrome integrierten Adobe Flash Plug-In-und PDF-Reader verwandeln. Beide sind standardmäßig deaktiviert.

Wenn Sie wie ich, du bist ein wenig müde von der endlose Flut von Adobe Sicherheitsprobleme, Sie begrüßen Chrome-Version von ihnen. Selbst wenn sie gehen in Chrome falsch, zumindest werden sie in Chrome Sandbox geklebt werden, wo sie nicht in der Lage sein Unwesen in den Rest des Computers zu tun.

Einige Menschen wurden Probleme mit Chrome 18 unter Windows 7 64-Bits. Ihre Probleme schienen zu zeigen, bis am häufigsten, wenn sie ausgeführt wurden viele Tabs gleichzeitig mit einem schweren Adobe Flash Verwendung. So, Ich entschied mich zu sehen, ob ich ihre Probleme auf meinem Test-PC zu duplizieren könnte.

Mein Web-Browser-Prüfsystem ist ein Gateway DX4710 Windows 7 SP1. Dieser PC wird von einem 2,5-GHz-Intel Core angetrieben 2 Quad-Prozessor und verfügt über 6GBs RAM und eine Intel GMA (Graphics Media Accelerator) 3100 für Grafiken. Es ist mit dem Internet über einen Netgear Gigabit-Ethernet-Switch angeschlossen, die, wiederum, wird bis zu 100Mbps süchtig (Megabit pro Sekunde) Kabel-Internet-Verbindung.

Auf sie, Ich öffnete 40 Plus Tabs gleichzeitig mehrere Male in den letzten 24-Stunden-. Die Hälfte von ihnen, wie YouTube, enthalten viele aktive Flash-Inhalte. Ich konnte nicht eine einzige Lock-up oder Absturz von ihm. Ich ließ sie dann laufen sechs Stunden lang, Denken vielleicht ein Speicherverlust Problem war schuld. Wieder, alles gut lief hinterher.

Ich kann nicht sagen, dass Sie keine Probleme mit dieser neuen Version von Chrome. Alles, was ich sagen kann ist, dass auf meinem Windows 7 Box, und auf meine verschiedenen Linux-und Mac-Boxen sowie, Chrom 19 selbst stets treu geblieben, egal wie schwer eine Last ich auf sie setzen.

Wie bei den Grundlagen, Chrom 19 bleibt als einfach zu installieren und auf Linux verwenden, Mac OS X, und Windows wie eh und je. Sie laden ihn von der Website, Führen Sie das Programm und in weniger als zwei Minuten können Sie mit und läuft es.

Chrome-Schnittstelle ist auch so sauber wie nie. Die Omnibox, die kombinierte Such-und Standort-Box ist immer noch zum Besten. Darunter, finden Sie die Registerkarten, auf der rechten Seite oben finden Sie das Lesezeichen-Symbol, und das war es. Es gibt nur eine Handvoll Schaltflächen. Wenn Sie Ihren Browser-Aussehen und Verhalten anpassen wollen müssen Sie auf das Schraubenschlüssel-Symbol und schauen Sie sich die Menüs verbirgt.

Dort angekommen, Sie werden entdecken, es gibt nicht viel Sie mit Chrome das Aussehen tun kann. Wenn Sie Ihren Web-Browser geben, ein Make-over, um es aussehen und funktionieren nur sie, wie Sie wollen, das Firefox-Browser ist immer noch die für Sie.

Chrome auf dem Benchmark-Rang

Bewegen Sie sich auf die Benchmarks, Chrome bekommt eine perfekte Wertung auf die Säure 3 Kompatibilitäts-Test, die prüft, wie gut ein Browser mit verschiedenen Web-Standards wie CSS erfüllt, JavaScript, und Extensible Markup Language (XML). Aber, dann alle modernen Browser punkten perfekt zu diesem Test in diesen Tagen. Wenn Ihr Browser kann leider keine bekommen ein perfektes Ergebnis-aktualisieren. Jetzt.

Am HTML5-Test, die überprüft, wie kompatibel die Web-Browser mit der ist HTML5-Standard-Web-Seite, Chrom 19 erzielte 402 von möglichen 500. Die neue Firefox 12 war weit hinter mit 345 points. Internet Explorer 9? Es hat eine düstere 13Punktets.

Für meinen ersten Benchmark Früher habe ich die Google-JavaScript V8 Benchmark Suite, wo höhere Werte sind besser. Wie Sie vielleicht erwarten, Chrome Crushed Firefox und IE mit einer Punktzahl von 9,091. Firefox hat eine weit abgeschlagen mit 5,505. IE war weit hinter den Open-Source-Browser mit einer Punktzahl von 2,112.

Auf dem alten, SunSpider 0.9.1, JavaScript-Test, wobei niedrigere Ergebnisse sind besser, Chrome tat OK mit einer Punktzahl von 256.9ms. IE Nase vorn aber mit einer Punktzahl von 252.7ms an erster Stelle stehen. Firefox kam im letzten mit 296.5ms.

Am Peacekeeper Web-Browser-Test-Suite, das sieht bei JavaScript-Performance und sieht in HTML5 auf Kompatibilität, Video-Codec-Unterstützung und andere Web-Browser-Funktionen, höhere Werte sind besser. Auf Peacekeeper, Chrome gewann einmal mehr. Auf dieser Benchmark, wo je höher desto besser und gewann den ersten Chrome mit einer Punktzahl von 2,241. Firefox folgte mit einem weit langsamer 1,557 IE und war zurück im Heck mit 1,347.

Die Quintessenz ist, dass Chrome ist einfach der schnellste Web-Browser da draußen. Es ist auch, aus, wo ich sitze, einer der sichersten Browser und Ich mag seine saubere Schnittstelle und ihrer Funktionen. So weit es mich betrifft, Chrome ist nach wie vor das mit Abstand beste Browser da draußen. Wie immer, Sie müssen nicht mein Wort dafür nehmen. Versuchen Sie sich Chrome. Ich denke, Sie finden, als Hunderte von Millionen von anderen Chrome Benutzer haben, dass Chrome ist Ihre erste Wahl zu werden in Web-Browsern.

Related Stories:

Google Chrome 19 außerhalb

Wird die Google Chrome Web-Browser auf Apples iPads und iPhones kommen?

Ist Microsoft blockiert Chrome und Firefox aus nativen Windows-RT eine große Sache?

Google schließt sich Windows- 8 Browser-Krieg mit Plänen für Metro Chrome

Muss ich die Google Chrome hinter sich zu lassen?

Artikel Quelle: http://www.zdnet.com/blog/networking/chrome-19-the-best-web-browser-just-keeps-getting-better/2391

Stichworte: , , , , ,

12 April 12 Bedarf: Google Chrome


Google Reader und Google Mail sind zwei der individuell anpassbare Web-Anwendungen heute verfügbar. Benötigen Sie eine andere Posteingang Layout? Sure thing. Willst du die Farben oder die visuelle Dichte ändern? Kein Problem. Immer noch, Einige Elemente der Benutzeroberfläche, wie die Google-Leiste am oberen Rand des Fensters, wird nie weggehen, Egal, was Sie tun. Wenn Sie es wünschen sie taten, versuchen frei Chrom Erweiterung Minimalist für Alles.

Minimalist for Everything screenshotJedes Modul kann enthalten zahlreiche Elemente der Benutzeroberfläche, die Sie leicht entfernen kann, keine Programmierung erforderlich.Mit Benutzer-Side JavaScript und CSS (Cascading Stylesheets) Webseiten zu gestalten ist keine neue Idee. Greasemonkey und Stilvoll schon seit Jahren haben, und einige Browser unterstützen nun User Styles und User-Skripte nativ. Es gibt viele solcher Skripte und Stile, jeweils so dass Sie eine bestimmte Website zu optimieren oder eine Gruppe von Webseiten. Aber sie sind nicht einfach anzupassen: Zum Beispiel, die dunkle Tumblr Stylesheet macht aus dem Tumblr Bedienfeld dunkel, aber es kommt mit nur diesem bestimmten Farbschema. Um ihn zu konfigurieren, Brauchen Sie vertraut sein mit CSS, und dann entpacken und bearbeiten ihre komprimierten Code. Nicht etwas, die meisten von uns zum Spaß.

Minimalist für Alles bringt eine neue Stufe der Verfeinerung der Szene. Statt einer Alles-oder-Nichts, Jetzt können Sie entscheiden, wie viel von einem Benutzer Stil, den Sie sich bewerben wollen. Die Add-on Module für Schiffe mit Google Reader und Google Mail, , die Sie verwenden können, ein-und ausschalten Bits des Interfaces, ohne Code schreiben. Zum Beispiel, Vielleicht möchten Sie auch die Google-rechtlichen Hinweis aus der Fußzeile verbergen, oder vielleicht möchten Sie den Google Mail-Suchleiste, aber nicht die Suchtaste. So finden Sie die richtige Option, kreuzen Sie es, und Sie sind fertig. Die Schnittstelle ist sehr freundlich, und es ist einfach, nur den Teil Sie ausblenden möchten, finden.

Minimalist for Everything CSS/JavaScript screenshotModule können sowohl CSS und JavaScript, für die vollständige Kontrolle über die Web-App wird angepasst .Aber was, wenn Sie verbergen den oberen Google-Bar, nur um zu entdecken Sie es ab und zu verwenden? Kein Problem–schweben über dem oberen Rand des Fensters und klicken Sie auf die graue Leiste, die angezeigt wird: Die Google-Leiste öffnet sich. Die beiden Stile, die im Lieferumfang Minimalist für Alles enthalten viele solche zusammenklappbare Elemente, Ideal für Netbook-Computer und kleine Displays.

Um dieses Maß an Flexibilität erhalten, Benutzer-Stylesheets und Skripte müssen speziell für das Minimalistische geschrieben werden für Alles-Add-on. Wenn Sie nicht gerade ein Web-Entwickler, Sie werden wahrscheinlich einfach die beiden Module werden mit der das Add-on. Aber wenn Sie sind vertraut mit CSS und JavaScript, Sie können das Add-on die integrierte Tools für die Erstellung neuer Module verwenden. Es gibt keine eingebaute Debug-Einrichtungen noch so schreiben die richtigen CSS-Selektoren kann tückisch sein, aber es hat mich ungefähr fünf Minuten, um ein Modul, das selektiv verbirgt sich Elemente aus der YouTube-Sidebar erstellen.

Minimalist for Everything screenshotMinimalist für Alles hat derzeit nur rudimentär Export / Import-Funktionalität.Sie können auch Minimalist für alles zu installieren “regelmäßig” User Styles, aber dann bekommt man nicht das Niveau der Konfiguration der Add-on für die eigenen Module bieten kann. Die größte fehlende Stück im Puzzle Alles für Minimalist ist ein Online-Repository, das Benutzern den Austausch Module lassen würde. Eine solche Website wäre sicherlich fördern eine lebendige Gemeinschaft von Modder und Customizer. Bis das geschieht, Minimalist für Alles bleibt eine leistungsfähige Methode für Chrome-Nutzer zu unclutter Google Reader und Google Mail.

Beachten: Der Download-Button führt Sie zu den Chrome Web Store, wo Sie können die neueste Version der Software.

–Erez Zukerman

Artikel Quelle: http://www.pcworld.com/article/253625/make_web_apps_more_manageable_with_minimalist_for_everything.html

Stichworte: , , , ,

09 April 12 Bedarf: Unterstützte Browser für die Bearbeitung: Apple Safari, Google Chrome …


Mit der ersten Beta-Version seines ursprünglichen Dienst veröffentlicht in 2008, Wix ist kein Neuling auf der Website-Erstellung Arena. Aber Wix (frei, Premium-Pläne beginnen bei $5 pro Monat) hat gerade selbst neu erfunden: Seine bisherigen Angebot wurde komplett auf Flash-Basis, und das aktuelle Release verlässt Blitz hinter der Macht und Allgegenwart von HTML5. Mit dem neuen Wix, können Sie schöne, modern aussehende persönlichen, Portfolio, und Business-Websites, ohne eine einzige Zeile Code und ohne mit Flash.

Wix template screenshotWix verfügt über dramatische, schöne Vorlagen, die es leicht, fing an, eine Website zu bekommen, machen.Um Ihnen den Start, Wix bietet Dutzende von vorgefertigten Templates HTML5, unterteilt in Kategorien wie Kids, Musik, Mode, Essen Trinken, und mehr. Es gibt auch Single-Page-persönliches Profil-Vorlagen, direkten Wettbewerb gegen Dienste wie about.me und flavors.me. Die Vorlagen sind schön, und sehen nicht so etwas wie WordPress oder anderen Content Management Systemen. Wie Weebly, Wix verwendet Web-Schriftarten, es ist also nicht alles Arial und Times New Roman: Die Titel werden manchmal in spielerischer Schreibschriften gemacht, und einige Themen verwenden kann mit dünnen, alle-caps Sans Serif-Schriften für dramatische Auswirkungen. Die Vorlagen zu vermeiden Lorem Ipsum, sich stattdessen für Platzhaltertext, die in einfachem Englisch und genauer ist ähnelt tatsächlichen Kopie. In dem seltenen Fall, dass keine Vorlage Ihrer Phantasie fängt, Sie können immer mit einem leeren Schiefer starten und erstellen Sie Ihre Website von Grund auf.

Wix image insertion screenshotWix ermöglicht die Anpassung einzelner Komponenten, wie z. B. Bildergalerien.Das Wix Editor ist eine Freude zu verwenden. Klicken Sie auf ein Element, und Sie ziehen können, um es, ändern den Text, oder zu bearbeiten sein Aussehen. Sie können fast alles: Eine Vorlage wurde ich bearbeite verbrauchte Farbband Elemente, die erschienen “falten” über der linken Seite der Bilder. Mit dem Editor, Ich konnte ihre Richtung und das Farbschema ändern, so dass sie auf das Bild gefaltet aus dem rechten. Da alles basiert auf CSS-Basis, Ich musste nur ein Farbband wechseln, und Wix aufgebracht die Änderung in allen der anderen. Für viele Elemente, Der Editor bietet Voreinstellungen, die Sie von der Abholung können, sondern auch ermöglicht Ihnen das Erstellen Ihrer eigenen Einstellungen von Grund auf für Ihren ganz persönlichen Look.

Wix macht es auch einfach, neue Seiten zu erstellen und ordnen Sie sie im Menü, sowie das Menü selbst gestalten. Die Seiten werden von Arten angeordnet, wie eine Galerie, Textseiten, ein Service-Seite, usw.. Im Gegensatz zu Weebly, Wix Ihnen nicht, Sie erstellen ein Blog als Teil Ihrer Website, noch in anderen Redaktionen zu bringen, damit Sie Autor Inhalt und Pflege der Website.

Wix fonts screenshotWix unterstützt Web Fonts, was bedeutet, Ihre Website ausbrechen kann der vertrauten Arial und Times New Roman.Die andere Seite der Medaille für Wix von der einfachen Bedienung ist, dass man nicht an der eigentlichen CSS und HTML zu bekommen, dass Ihre Website zu fahren. Selbst wenn Sie wissen was Sie tun und wollen die Dinge durch die Kodierung anpassen, Wix lassen Sie nicht zu tun, dass: Alles, was sich hinter dem Editor gesperrt. Dies bedeutet auch, dass, wenn Sie entwerfen Sie Website mit Wix, Sie sind effektiv in den Dienst verheiratet. Wix nicht unterstützt den Export Ihrer Inhalte, und monatliche Pläne sind relativ teuer für eine einfache Web-Hosting-Service.

Wix hat eine kostenlose Option, aber es zeigt eine Wix-Banner am unteren Rand Ihrer Website und lassen Sie nicht mit Ihrem eigenen Domain-Namen. Selbst die Connect Domain Prämie Plan, kostet $5 pro Monat verlässt das Banner-intakt, um loszuwerden, es, Sie müssen mindestens ein Upgrade auf die Combo-Plan, das ist $10 pro Monat. Wenn Sie nichts dagegen haben die Preise (oder das Banner und Wix Branding), Wix neuen HTML5-Version bietet einige der besten visuellen Erstellung von Websites Werkzeuge, die ich bis jetzt gesehen haben.

Beachten: Der Download-Button bringt Sie zu der Anbieter-Site, wo können Sie die neueste Version dieses Web-basierte Software.

–Erez Zukerman

Artikel Quelle: http://www.pcworld.com/article/253379/create_a_website_easily_with_wix_even_the_free_version.html

Stichworte: , , , , ,

05 April 12 Google Chrome Updatet Stabile-und Beta-Channels


Google Chrome Updates Stable And Beta Channels

Google ist ständig damit beschäftigt hämmert auf neue Updates für Chrome. Die Hoffnung ist, zu offensichtlich machen es die sicherste und schnellste Browser auf dem Web. Während Chrome verfügt über mehrere Kanäle es Updates über, die stabilen und Beta-Kanäle empfangen die ständige Updates, die die Plattform definieren. Beide Kanäle empfangen heute ein kleines Update, das bietet eine Reihe von Fehlerbehebungen.

Detaillierung der Updates auf dem Google Chrome Releases Seite, Das Team hat Benutzer benachrichtigt, dass ein Update wurde gerollt hinaus zu den stabilen und Betat Kanäle in Chrome für Windows, Mac, Linux und Chrome Frame. Die Updates beheben, die heute eine Vielzahl von kleinen Bugs im Zusammenhang mit HTML5-Canvas, CSS, usw.. Die Korrekturen sind:

Schwarzer Bildschirm beim Hybrid-Grafik-System mit GPU-beschleunigte Compositing aktiviert
CSS nicht angewendet zu Element
Regression Rendern eines div mit Hintergrund-Farbverlauf und Grenzen
Canvas 2D-Strichzeichnung Bug mit GPU-Beschleunigung
Mehrere Abstürze
Popup-Dialog ist bei falscher Position
HTML-Canvas-Muster werden aufgebrochen, wenn Sie die Transformationsmatrix ändern
SSL interstitielle Fehler "trotzdem fortfahren" / "Back to safety"-Tasten funktionieren nicht

Google fand auch ein Problem mit der Mac-Version von Chrome. Es scheint, dass HTML5 Audio funktioniert bei einigen Mac-Computern arbeiten. Ein Fix für das wird wohl eher früher als später kommen.

Das neue Release enthält auch eine neue Version von Flash Player. Adobe gab eine große Sicherheitslücke geschlossen letzte Woche für Flash Player, aber diese Version scheint zu sein, ohne Bezug. Die Adobe Web-Site sagt dass das Update "richtet sich Speicherfehler auf Schwachstellen im Chrome-Schnittstelle."

Wie pro Tradition, Google Hände Geldprämien für Sicherheitslücken wies darauf hin, die von Mitgliedern der Gemeinschaft. In allen, Google ausgehändigt $6,000 in bar an drei Entwickler. Eine Person werde insbesondere durch den Chat-Namen miaubiz nach Hause nahm $4,500 für den Hinweis auf fünf Sicherheitslücken.

Es ist diese Art von Anreizen, die Chrome hält oben auf sein Spiel als eines der sichersten Browser im Web. Für umfassende Informationen zu diesem Release und mehr, bitte zuerst die Revision-Log.

Artikel Quelle: http://www.webpronews.com/google-chrome-updates-stable-and-beta-channels-2012-04

Stichworte: , , , , ,

19 MEER 12 VMware WSX Hat Desktop-Virtualisierung mit HTML5


VMware WSX

Der Zugriff auf eine virtualisierte Windows-XP-Desktop aus einer Tablette mit VMware WSX. Foto: Christian Hammond

DurchPaul Ryan

VMware entwickelt ein beeindruckendes neues Feature namens WSX das Benutzern erlaubt, virtualisierte Desktops zugreifen können remote über jeden modernen Web-Browser. VMware-Entwickler Christian Hammond, Wer arbeitete an der Umsetzung, demonstriert einen Prototyp diese Woche in einem Blog-Post.

Laut Hammond, WSX ist mit Standard-basierte Web-Technologien gebaut, einschließlich der HTML5-Canvas-Element und Web-Sockets. Der Anwender installiert und betreibt eine leichte Web-Server, der als Relais zwischen dem Web-basierten Client und dem virtualisierten Desktop-Instanz fungiert. Es ist kompatibel mit VMware Workstation und VMware ESXi / vSphere.

arstechnicaWSX, was benötigt keine Browser-Plugins, ist out of the box mit Firefox kompatibel, Chrom, und Safari auf dem Desktop. Es wird auch mit mobilen Safari arbeiten, die auf iPads mit iOS werden 5 oder später. Hammond sagt, dass Android-Kompatibilität ist immer noch ein work in progress.

Die Leistung soll gut genug sein, um eine "nahezu native Qualität und Frameraten" beim Betrachten eines 720p YouTube-Video auf dem virtualisierten Desktop durch WSX in Chrome oder Firefox. Benutzer, die das Feature zu testen wollen heute kann sie in Aktion zu sehen, indemDownloaddie Linux-Version des VMware Workstation Technology Preview.

Obwohl es noch etwas experimentell, WSX ist ein überzeugendes Beispiel dafür, wie weit das Web als Plattform entwickelt. Es zeigt auch, wie die Allgegenwärtigkeit von Web-Standards es möglich, komplexe Anwendungen in einem breiten Spektrum von Plattformen und Formfaktoren liefern Gerät machen.

Hammond sagte auch, er arbeitete Erschließung des neuen iPad höhere Auflösung:

"Die meisten über Merkmal des neuen iPad gesprochen ist, natürlich, die glänzenden neuen Retina-Display (ein 2048 × 1536-Auflösung). Ein paar apps wirklich zeigen diese ausgeschaltet, und Text ist sicherlich knackig, aber ein paar Leute fragten sich laut, "Ist es wirklich so großer Unterschied?'Ja, Es ist.

Natürlich, Ich hatte zu spielen, um mit dem Erhalten WSX um eine Netzhaut-freundlichen Desktop anzuzeigen. Sehen, standardmäßig, alles wird 2x skaliert, um die Auflösung der ursprünglichen iPad simulieren (1024×768), aber sie haben eine gewisse Unterstützung für das Laden dort in höherer Auflösung Bilder. Stellt sich heraus,, mit einigen Tricks, Sie können auch die Leinwand Netzhaut-freundlich. "

Was sagen Sie dazu von VMwares neues WSX? Auch, was von dem neuen iPad das neue Immobilien in dieser und jeder geschäftlichen Kontext? Ich denke, virtuell oder nicht, die Auflösung macht das neue iPad sehr viel attraktiver als ein Werk Gerät.


In anderen HTML5-Nachrichten

Der VMware-Demo war eine der beeindruckendsten HTML5-Demos, die wir in dieser Woche sah, aber es gibt noch ein paar andere Artikel berichtenswert, dass wir teilen möchten in diesem Testfeld.

  • jSFiddleist ein praktisches Werkzeug für das Prototyping, Einsparung, und die gemeinsame Nutzung JavaScript-Schnipsel. Es ist ein bisschen wie pastebin, aber es ermöglicht Ihnen, einzelne Blöcke von HTML zu definieren, CSS, und JavaScript und dann sehen die gerenderte Ausgabe in einem Fenster.
  • Einer der Entwickler hinter aufgegeben Wave-Collaboration-Tool von Google hatveröffentlichtein JavaScript-Framework zum Erstellen von Echtzeit-Web-Anwendungen mitOperational Transformation. Der Rahmen kann zur Live gleichzeitige Editieren zu einem Textfeld auf einer Webseite hinzufügen, mit nur wenigen Zeilen Code werden.
  • Der HTML5 Rocks Blog hat einetolles Tutorialdass zeigt, wie dieWeb Audio APIkann im Browser-basierte Spiele verwendet werden. Es bietet einige gute Tipps für die Umsetzung Hintergrundmusik, Sound-Effekte, und 3D-Sound.
  • Die offizielle Chrome-Blog hatveröffentlichtmehrere Videos, die modernen Web-Funktionen und wie sie verwendet werden können demonstrieren.
  • Firebug, eine beliebte Firefox-Add-On für Web-Entwickler, wurdebewegtzu GitHub. Dadurch wird es einfacher für Menschen, dem Projekt beizutreten und Verbesserungen beitragen.

Krümel aus der Keksdose

Wenn Sie unsere Web verpasst Berichterstattung über Ars diese Woche, lesen Sie bitte unsereHands-on-Rezensionvon Firefox 11, Mit diesem wurde eine neue integrierte Stylesheet-Editor und 3D-DOM-Viewer. Vielleicht haben Sie auch Interesse an unserenberichtenMozilla auf den Vorschlag zu H.264-Video-Wiedergabe in mobilen Firefox unterstützen.

Artikel Quelle: http://www.wired.com/cloudline/2012/03/vmware-wsx/

Stichworte: , , ,

16 MEER 12 Wesentliche Browser-Tools für Webentwickler


Computerworld -

Von den tausenden von Vorlagen Add-ons für Firefox draußen, Chrome und andere populäre Web-Browser, nur wenige Auserwählte machen es auf den Desktops von professionellen Web-Entwickler und Designer. Welche sind besonders wertvoll für den folgenden Tag zu Tag Arbeit der Gestaltung und Entwicklung von Webseiten?

Computerworld fragte mehr als 20 Fachleute aus dem ganzen Land, was sie ihren Kollegen empfehlen und warum. Während sie stecken meist mit kostenlosen Browser-Erweiterungen, sie konnte nicht widerstehen, werfen in ein paar sehr nützliche Werkzeuge und Dienste, die über einen Browser anstatt echte Add-ons zugegriffen werden.

Hier ist ihre heiße Liste, wo finden Sie einige alte Favoriten und, wir hoffen,, entdecken Sie einige neue Tools für dein Arsenal.

Code-Inspektion, Editieren und Debuggen

Diese drei Werkzeuge machen die Arbeit des Betrachtens Website-Code und Prototyping-Seite ändert sich schnell und einfach. Keine Notwendigkeit, die Live-Code zu berühren, bis Sie bereit sind, um Änderungen zu übernehmen.

Firebug

Was es tut,: Inspiziert, Bearbeitungen und debuggt Website-Code im Browser.

Wer empfiehlt es:
• Matt Mayernick, Vice President für Web-Entwicklung, Hudson Horizons in Saddle Brook, N.J.
• Josh Singer, Präsident, Web312 in Chicago
• Richard Kesey, Präsident und Gründer, Razor IT in Syrakus, N.Y.
• Ryan Burney, führen Web-Entwickler, 3 Roads Media in Greenwood Village, Mit.

Warum es ist cool: Wahrscheinlich der beste von allen hier aufgeführten Tools bekannt, “Firebug ist die größte Add-on aller Zeiten,” Mayernick sagt. Es ist nicht nur die Tatsache, dass Firebug können Entwickler überprüfen Website-Code und Elemente, aber wie es mit Debugging hilft, das macht das Tool sehr. “Wenn ich das Schreiben von JavaScript bin das ändert sich die Hintergrundfarbe in einer Reihe, Firebug wird zeigen, was mit dem CSS-Code geschieht in Echtzeit,” sagt er.

Firebug

Firebug prüft den Code durch die Vorlage der HTML und den CSS-Code in zwei Side-by-Seitenscheiben. “Firebug ist unverzichtbar. Was ist kühl ist, können Sie Stile ein-oder auszuschalten oder fügen Sie Stile on the fly. Es lässt mich machen Änderungen live auf der Seite, ohne zu speichern oder laden Sie die Dateien,” sagt Burney.

“Es ist toll für die Suche nach JavaScript-Fehler,” fügt Kesey. “Wenn Sie auf einen Link klicken, Ajax, es liest, was die Aktion und gibt Ihnen die Antwort in einer HTTP-Format, so dass Sie sehen können, was die Kopf-und waren, was hinter den Kulissen abläuft.”

Web Developer

Was es tut,: Stellt ein Toolkit für die Anzeige, Editieren und Debuggen von Webseiten.

Wer empfiehlt es:
• Darrell Armstead, Mobile Developer, DeepBlue in Atlanta
• Jen Kramer, Senior-Entwickler-Schnittstelle, 4Web in Keene, N.H.

Warum es ist cool: “Ich liebe Web Developer wegen der Kontrolle es gibt mir mehr als jeder Website. Es gibt mir die Möglichkeit, eine Website zerlegen zu seinem Kern, und lässt mich Dinge ändern und zwicken, um es aussehen und funktionieren so, wie ich es haben wollen,” Armstead sagt. Aber das ist nicht alles, was er mag: “Ich liebe den Umriss Blockelemente Feature, weil es mir eine visuelle Darstellung, wie eine Website wird auf dem vorderen Ende gebaut.”

Web Developer add-on

Kramer Glockenspiel in: “Welches Ich mag es ist die Fähigkeit, bei CSS aussehen. Es zeigt alle Stylesheets finden Sie auf der Seite, und ich kann diejenigen bearbeiten on the fly und sehen, wie es im Browser aussieht,” sagt sie. “Das ist besonders hilfreich für mich, weil ich mit Content Management Systemen arbeiten. Es erlaubt mir, Stil was gerade an den Browser gesendet.

“Firebug hat etwas Ähnliches, aber ich finde es viel schwieriger zu bedienen. Es ist viel schwieriger, ein Stylesheet raus Firebug und in Joomla,” Kramer fügt. Für mich, Web Developer besser funktioniert.”

Google Chrome Developer Tools

Was es tut,: Bietet Werkzeuge für die Prüfung, Editieren und Debuggen von Website-Code.

Wer empfiehlt es:
• Jason Hipwell, Geschäftsführer, Clikzy Kreative in Alexandria, Wille.
• Shaun Rajewski, Lead Developer bei Web-Studios in Erie, Aber.
• Ryan Burney, 3 Roads Medien

Warum es ist cool: Developer Tools ist Googles Antwort auf Firebug für den Firefox, aber es ist kein Add-on zum Download: Google baute es nach rechts in die Chrome-Browser.

“Es ist mein Favorit ‘Erweiterung’ wegen seiner intuitiven Design, mit HTML auf der linken Seite, CSS auf der rechten,” sagt Hipwell. “Inspect Element werden Elemente auf einer Seite zu markieren, wie Sie über ihnen schweben, das macht es leicht, das div-Tag zu finden, die ich suche. Es gibt mir die Möglichkeit, Änderungen auf einer aktiven Seite sehen, aber diese Änderungen sind nur auf meinem lokalen Computer, dass es eine perfekte Testumgebung. Seine Einfachheit ist wirklich, was macht das Tool so effektiv.”

Chrome Developer Tools

Rajewski ist auch ein großer Fan. “Developer Tools können Sie die letzte Ausgabe von dem, was zu erbringenden sehen [die] Bildschirm, und hat die Fähigkeit, einzelne Elemente hervorzuheben, Anzeigen der Elemente’ CSS-Tags und Tags geerbt, und machen ‘leben’ Änderungen am Code, um zu sehen, wie es im Browser aussieht, ohne dass Änderungen an der Datei,” sagt er.

“Eine nette Sache über Chrome Developer Tools ist, dass es Ihnen die Dimensionen der Dinge,” sagt Burney. Klicken Sie auf das Bild, URL und das erscheint das Bild mit dem dazugehörigen Link, Bildabmessungen und Dateityp angezeigt. Das ist etwas, Firebug nicht tun, sagt er. “Die Fähigkeit, auf einen Blick erkennen die Abmessungen eines Objekts, das ist eine große Zeitersparnis.”

Artikel Quelle: http://www.computerworld.com/s/article/9225073/Essential_browser_tools_for_Web_developers

Stichworte: , , ,