Tag: firefox

201113Nov

Firefox 10: Eingebaute Tools für Webentwickler

Auf der Channel-Seite von Mozilla finden sich seit einiger Zeit die verschiedenen Firefox-Versionen, zu denen neben der stabilen Variante auch die Beta- und Aurora-Versionen zählen. Der aktuelle Aurora-Release stellt Firefox 10 dar und so können Interessierte schon jetzt testen, was die zukünftige Version des Mozilla-Browsers leistet. Neben einer Vollbilld-API (z.B. verwendbar für HTML5-Videos) und Anti-Aliasing für CSS3-3D-Transformationen und WebGL bietet Firefox 10 auch neue Entwicklerwerkzeuge, die an Tools wie Firebug angelehnt sind. Damit wird der kommende Firefox von Haus aus mit einem Inspektor ausgestattet sein, der diverse Möglichkeiten bietet. Die konkurrierenden Webbrowser bieten derartige Entwicklertools schon seit geraumer Zeit.

Firefox 10 - Aurora

So lassen sich DOM-Elemente per Mausklick anwählen und in einer separaten Ansicht betrachten. Allerdings können zum aktuellen Zeitpunkt im Gegensatz zu Firebug nur Attribute geändert werden. Ein Inspektor für CSS-Stile ist ebenfalls integriert und die Darstellung erinnert an Google Chrome oder Safari: Attribute können per Auswahlfeld an- und abgeschaltet werden. Das "Properties"-Panel gibt Aufschluss darüber, in welchen Dateien die Stile definiert wurden. Leider fehlt aktuell bei den CSS-Regeln noch eine Scrollbar, so dass die Liste nicht komplett betrachtet werden kann.
Zusätzlich kann mit dem "Scratchpad" JavaScript-Code ausgeführt werden. Dieser Editor bietet auch Möglichkeiten zur Inspizierung und jQuery ist ebenfalls an Bord.
Insgesamt hinterlassen die neuen Entwicklerwerkzeuge einen positiven Eindruck, wobei Firebug klar überlegen ist. Das könnte sich aber in zukünftigen Versionen noch ändern.

201111Nov

Mozilla Lightning: Kalender-Extension in Version 1.0

Mozillas Kalender-Lösung Sunbird dürfte vielen wahrscheinlich ein Begriff sein. Die Anwendung konnte bisher gute Dienste leisten, wurde von Mozilla aber eingestellt. Zukünftig stellt die Thunderbird-Extension Lightning die primäre Kalender-Anwendung von Mozilla dar. Die Erweiterung wurde nun in Version 1.0 veröffentlicht und kann ab Thunderbird 8 verwendet werden.

Mozilla Lightning 1.0

Lightning bietet eine solide Basis an Werkzeugen für das Verwalten von Terminen und Aufgaben. Mit der finalen Version wurde die Benutzeroberfläche an bestimmten Stellen überarbeitet und etliche Fehler wurden korrigiert. Die Erweiterung integriert sich nahtlos in Thunderbird und kann so über einen separaten Tab angesprochen werden. Lightning speichert die Kalenderdaten in einer lokalen SQLite-Datenbank und bietet zudem eingeschränkten iCalender-Support. Aufgaben und Termine können sehr intuitiv angelegt oder bearbeitet werden und der Kalender kann in verschiedenen Darstellungen (Tage, Wochen, Monate, etc.) angezeigt werden.

Tags: ,
201127Jul

Snaporama: Tabs in Firefox als Snapshot speichern

Das heutige Surfen im Web ist auf dem Großteil der Bildschirme nicht mehr durch einzelne Browserfenster, sondern durch Tabs geprägt. Mehrere Seiten können bequem parallel geöffnet und angesehen werden. Da sich die Verwendung von Tabs schon mehr oder weniger eingebürgert hat, dürfte die Anzahl gleichzeitig geöffneter Seiten je nach Arbeitsplatz oder Einsatzgebiet relativ hoch sein. Zudem werden oft viele Tabs zu einer Thematik geöffnet, um entsprechende Querverweise lesen zu können.
Mozilla forscht auf diesem Gebiet intensiv und so wurde kürzlich eine experimentelle Extension namens "Snaporama" veröffentlicht, die es erlaubt, Snapshots (also Momentaufnahmen) von Tab-Sitzungen zu speichern und zu öffnen.

Snaporama extends the life of your tabs

Dabei nutzt die auf Jetpack basierende Erweiterung ein bestehendes Feature von Firefox 4 und so können Lesezeichen-Ordner als Snapshots eingesetzt werden. Über zwei Symbole in der Add-on-Leiste am unteren Rand können Snapshots gespeichert oder geladen werden. Natürlich können auch einfach bestehende Lesezeichen-Ordner als Snapshot geladen werden: Dann werden alle im Ordner enthaltenen Tabs im aktuellen Browserfenster geöffnet.
Die Erweiterung gibt es hier zum Download und erfordert keinen Neustart des Browsers, da sie auf Jetpack basiert. Der Code ist auch bei GitHub zu finden und Mozilla freut sich wie gewohnt über Feedback der Benutzer.

201129Jun

PixelZoomer: Update auf Version 1.3 fertiggestellt

Wie angekündigt habe ich an meiner Firefox-Erweiterung PixelZoomer weitergearbeitet und eine neues Update fertiggestellt: Version 1.3 steht ab sofort bei den Firefox Add-ons zum Download bereit und funktioniert auch unter Firefox 5. Bei dieser Version steht das Java-Rendering nicht mehr zur Verfügung, da es in Windows 7 in der Regel nicht mehr benötigt wird. In den Tests konnte ich keine Unterschiede mehr bezüglich falsch erzeugter Subpixel feststellen, die bei der Java-Methode nicht entstehen. Lediglich unter Windows XP können die Subpixel noch entstehen und hierfür sollte Version 1.2.1 von PixelZoomer verwendet werden.

PixelZoomer 1.3

Neben kleineren Korrekturen habe ich auch einige Neuerungen in die Erweiterung eingebaut, die teilweise auch von Benutzern angefordert wurden. Alle neuen Funktionen auf einen Blick:

  • Screenshots können nun als Datei gespeichert oder in einem neuen Tab geöffnet werden
  • das Zoom-Auswahlwerkzeug wurde durch eine Echtzeit-Zoomfunkton ersetzt
  • ein zusätzliches Info-Fenster mit den Pixelmaßen wird optional direkt am Cursor angezeigt
  • ein globaler und editierbarer Tastaturbefehl für PixelZoomer wurde integriert
  • für die Auswahl kann wahlweise eine Hintergrundfarbe eingestellt werden
  • das Nummernzeichen kann bei dem Farbwert ausgeschlossen werden

Natürlich gibt es noch weitere Ideen, aber diese werden aus Zeitgründen dann in späteren Releases enthalten sein. Es gab oft die Anfrage, nicht nur den sichtbaren Bereich, sondern eine Website in ihrer kompletten Länge in PixelZoomer laden zu können. Leider ist das aktuell mit Firefox 5 nicht möglich, da es hier zu einer Fehlermeldung kommt, wenn die komplette Seite eine bestimmte Größe erreicht hat (Speicherüberlauf). Vielleicht wird sich an diesem Verhalten in naher Zukunft noch etwas ändern. Bis dahin werde ich andere Features in die Erweiterung implementieren.

201123Mär

Mozillas Webkabinett: Moderne HTML5-Demos

Microsoft stellt mit dem Internet Explorer 9 Test Drive eine schöne Quelle bereit, auf der sich diverse HTML5-Demonstrationen finden, die mit modernen Webbrowsern getestet werden können. Auch von Mozilla gibt es eine solche Seite und nach der Installation von Firefox 4 dürften die dort aufgeführten Demonstrationen interessant sein. Bei Mozillas Webkabinett finden sich derzeit 8 ausgearbeitete Technologie-Demos, welche die neuen HTML5-Funktionen und auch die Geschwindigkeit moderner Webbrowser beleuchten soll.

Mozillas Webkabinett

So findet sich in dem Kabinett beispielsweise auch eine anschauliche Visualisierung unseres Planetensystems, in der die Informationen rund um die Planeten ansprechend dargestellt werden.
Doch nicht nur Grafik-Demonstrationen finden sich in dem Kabinett: Das "Awesome HTML5 Dashboard" vermittelt einen Überblick der neuen Funktionalitäten, die mit HTML5 eingeführt werden.

Awesome HTML5 Dashboard

Zu jeder Funktionalität gibt es eine kleine Erklärung sowie einen weiterführenden Link zum Mozilla Developer Network. Viele Demos funktionieren natürlich auch in Internet Explorer 9, wobei sich hierbei schon etliche Unterschiede zu Firefox 4 zeigen.

201122Mär

Firefox 4: Neuer Mozilla-Browser ist fertig

Heute hat auch das Warten auf die finale Version von Firefox 4 ein Ende: Der alternative Webbrowser steht ab sofort zum Download bereit und erfreut sich mittlerweile schon an über 3 Millionen Downloads. Eine aufwendige Echtzeit-Statistik der bisherigen Downloads findet sich übrigens auf dieser Seite.
Ungeduldige konnten die fertige Ausgabe des Browser schon gestern per FTP-Link installieren. Zuletzt wurde noch ein Release Candidate veröffentlicht, in dem etliche Fehler behoben wurden. Mit der finalen Ausgabe dürfte die Applikation nun relativ stabil und zudem performant laufen.

Firefox 4 - Finale Version

Zu den Neuerungen von Firefox 4 zählen eine neue JavaScript-Engine namens "Jägermonkey", WebGL-Unterstützung und Hardwarebeschleunigung. Weiterhin wurde das komplette User Interface überarbeitet und modernisiert, so dass die Menüleiste nun von Haus aus über einen Button in der linken oberen Ecke zu erreichen ist (Windows). Eine schöne Funktionalität stellt beispielsweise auch die Funktion "Als App-Tab anpinnen" dar, die über das Kontextmenü eines Tabs zu erreichen ist. Dadurch lassen sich häufig genutzte Seiten auf die Größe des Favicons minimieren. Ebenfalls interessant ist das Feature "Tabs gruppieren…", das sich auch über die Tabzeile oder mit STRG + SHIFT + E verwenden lässt.
Natürlich sind in Firefox 4 auch neue HTML5- und CSS3-Funktionalitäten oder andere Neuerungen wie IndexedDB und Multitouch integriert — auch der neue Anti-Tracking-Header dürfte interessant sein.
Zukünftig sollen neue Firefox-Versionen zudem in Abschnitten von 16 Wochen erscheinen (für die Entwicklung von Version 4 wurden rund 12 Monate benötigt). Neben den Nightly-Builds soll es auch andere Kanäle geben, in denen Firefox veröffentlicht werden soll: Experimental, Beta und Final. Man darf also gespannt sein.

201118Feb

Webentwicklung: Neues von der Browserwelt 2011

Momentan arbeiten die Browserhersteller mit Hochdruck an neuen Versionen und Features. Auch wenn Browser-Updates in erster Linie die Herzen der Webentwickler höher schlagen lassen dürfte, werden die neuen Versionen auf längere Sicht auch in der breiten Masse zu finden sein. Ein Aufschwung hinsichtlich technischer Machbarkeiten und komfortableren Funktionen wird es dennoch wohl erst in ein paar Jahr geben. Nichtsdestotrotz darf man auf die weitere Entwicklung der Browser gespannt sein.
Dass die Konkurrenz unter den Browserherstellern präsent ist und stets ein Hegen nach größeren Marktanteilen eine übergeordnete Rolle spielt, zeigt sich auch wieder auf einer Website von Mozilla, auf der die Fakten zwischen Firefox 4 und Internet Explorer 9 verglichen werden. Und während Version 4 des Mozilla-Browsers schon in den Startlöchern steht, macht man sich im Firefox User Experience Team schon Gedanken über Firefox 5 — hier stehen unter Anderem seitenspezifische Funktionen im Vordergrund, die als Schaltfläche in der Titelleiste abrufbar sein sollen (siehe Abbildung).

Firefox 5 Mock-Up

Bei Microsoft freut man sich derzeit über zwei Millionen Downloads des Internet Explorer 9 Release Candidates, der kürzlich veröffentlicht wurde. Inzwischen steht auch der Release-Termin für die finale Version des neunten Microsoft-Browsers fest: Am 14. März 2011 soll es soweit sein.
Bei Mozilla folgt man einer strengen Roadmap und so soll Firefox 4.0 Ende März erscheinen. Man darf also gespannt sein.
Bei Google wurde eine erste Beta-Version von Chrome 10 veröffentlicht, die unter Anderem Optimierungen für die JavaScript-Engine "Crankshaft" sowie eine hardwarebeschleunigte Video-Wiedergabe enthält. In den kommenden Monaten wird sich also einiges tun.

201114Feb

Arboreal: Visualisierung der DOM-Struktur

Beim Stöbern in den Firebug-Extensions bin ich kürzlich über ein interessantes Projekt gestoßen, mit dem sich die DOM-Struktur einer Seite als Stammbaum grafisch darstellen lässt. Die von Alex Spengler entwickelte Erweiterung nennt sich Arboreal und befindet sich derzeit noch im experimentellen Status. Die Installation der Extension erfordert lediglich eine manuelle Zustimmung des Benutzers.

Arboreal

Wenn Arboreal installiert wurde, findet sich in Firebug im rechten Panel (HTML-Tab) der Punkt "Visualization". Die grafische Hierarchie einer Website wird in diesem Bereich dargestellt — die Elemente des Stammbaus können durch die linke Maustaste verschoben werden. Wird in der Ansicht ein DOM-Element ausgewählt, synchronisiert sich die Auswahl mit dem Seiteninspektor auf der linken Seite, der die gewohnte Ansicht repräsentiert.
Die Erweiterung bietet viele Einstellungsmöglichkeiten und so kann die Darstellung der DOM-Elemente durch etliche Optionen angepasst werden. Tooltips über den Objekten blenden zusätzliche Details wie etwa Attribute oder Text ein. Zudem kann die gesamte Struktur als GraphViz-Datei ausgegeben werden.
Man darf auf die finale Version der Erweiterung gespannt sein, da sie eine alternative Methode zur Auswahl von DOM-Objekten darstellt und zudem die Komplexität einer Website übersichtlich veranschaulicht.