Tag: firefox

Firefox 4: Beta 2 mit CSS3-Transitions veröffentlicht

Mittlerweile ist die zweite Beta-Version von Firefox 4 erschienen — ein entsprechender Blog-Eintrag von Mozilla findet sich hier. Während die erste Beta-Version des kommenden Mozilla-Browsers Performance-Verbesserungen, Direct2D-Beschleunigung, HTML5-Features und diverse CSS-Möglichkeiten mit sich brachte, stehen mit der aktuellen Beta-Version CSS3-Transformationen zur Verfügung.

Mit den nativen CSS3-Transitions sind nun also Drehungen, Verzerrungen und Vergrößerungen möglich. Ein Beispiel aus dem Mozilla-Artikel:

• transform: rotate(350deg) scale(1.4) rotate(-30deg);

Weiterhin stehen Demos bereit, die verschiedene SVG-Filter und WebGL-Fähigkeiten zeigen. Neben visuellen Effekten wurde weiterhin die Performance von Firefox verbessert. Dies wird durch die "Retained Layers"-Technik erreicht, bei der Elemente in einer Cache-Ebene abgelegt werden und dadurch nicht immer neu dargestellt werden müssen.
Eine empfehlenswerte Quelle für CSS3-Animationen stellt übrigens Richard Bradshaw mit einer Website bereit.

Update: PixelZoomer und Werkzeugkoffer

Zwischendurch gibt es wieder Neuigkeiten in eigener Sache: In den letzten Wochen habe ich endlich Zeit gefunden, um das erste Update für meine Firefox-Erweiterung PixelZoomer durchzuführen. Dabei habe ich bestehende Ideen und auch Anregungen von Benutzern eingearbeitet. Die Extension hat seit einigen Wochen den experimentellen Status verlassen. An dieser Stelle will ich mich bei allen Benutzern bedanken, die mich durch Kritiken und Anregungen unterstützt haben und PixelZoomer einsetzen.

Das Programm-Update trägt die Versionsnummer 1.1 und integriert diverse Funkionen in die Erweiterung. Die wichtigsten Neuerungen:

• PixelZoomer kann nun auch in einem Tab geöffnet werden
• ein separater "Pan"-Button in der Werkzeugleiste
• Auswahlbereiche können aufgehoben werden
• eine "Rückgängig/Wiederholen"-Funktion
• Tastaturbefehle können angepasst werden

Alle Änderungen finden sich auf der PixelZoomer-Website oder bei der offiziellen Mozilla Add-ons-Seite. In den kommenden Tagen wird noch ein kleiner Release mit der Versionsnummer 1.1.1 erscheinen, da noch eine kleine Änderung eingefügt wurde.
Weiterhin habe ich meinen Werkzeugkoffer um diverse Links ergänzt und eine Funktion zum Sortieren der einzelnen Bereiche hinzugefügt. Viel Spaß damit!

PixelZoomer: Firefox-Erweiterung für Webentwickler

Heute will ich mein Projekt vorstellen, an dem ich in den letzten Monaten gearbeitet habe. Es handelt sich um eine Firefox-Erweiterung für Webentwickler, mit der sich durch eine Zoom-Funktion (bis 3200% Vergrößerung) pixelgenau Abstände messen und Farbwerte analysieren lassen. Die Extension nennt sich PixelZoomer und kann ab sofort heruntergeladen und getestet werden. Die Erweiterung soll den Schritt über ein Bildbearbeitungsprogramm überflüssig machen, so dass bei der Entwicklung von Web-Projekten direkt im Browser Größen und Abstände analysiert werden können. PixelZoomer nutzt ein neues CSS-Attribut, um das vergrößerte Bild darzustellen. Dadurch werden die Pixel scharf und ohne Anti-Aliasing dargestellt.

Die Idee hinter PixelZoomer entstand bei der Arbeit an einer filigranen Website. Viele Bereiche mussten häufig angepasst werden und so wuchs die Notwendigkeit an einem Pixel-Werkzeug. Ich wollte eine Firefox-Erweiterung, die den Komfort von Betrachtungsfunktionen bietete, wie man sie in Bildbearbeitungsprogrammen finden konnte. Daher war die eigentliche Intention, eine Extension für Webentwickler zu schaffen, die auf echten Pixeln basierte. Während der Arbeit am Code kam der Gedanke auf, eine Pipette für das Aufnehmen von Farben zu integrieren. Mit den Canvas-Möglichkeiten von Firefox hat es Spaß gemacht, das Farbwerkzeug zu implementieren.
Die Erweiterung ist auf der offiziellen Mozilla-Seite momentan noch als experimentelles Add-on gekennzeichnet. Bis zum finalen Status sind daher alle Benutzer zum Testen eingeladen.

Mozilla Labs: Kontakte verwalten mit Contacts-Addon

Letzte Woche wurde auf dem Mozilla Labs-Blog ein Artikel über die neue Contacts-Erweiterung veröffentlicht. Die Extension soll die Verwaltung von Online-Kontakten direkt im Browser ermöglichen und bietet verschiedene Features. Neben E-Mail-Autovervollständigungen und einem modernen Adressbuch können bestehende Kontakte synchronisiert werden (derzeit GMail-, Twitter- und Mac OS X-Kontakte). Zudem gibt es eine Import-Funktion für Kontakte aus allgemeinen Desktop-Anwendungen. Durch eine integrierte JavaScript-API wird es Webentwicklern ermöglicht, auf die Datenbank der Extension zuzugreifen.

Die Erweiterung befindet sich momentan noch in der Alpha-Phase und sollte daher zu Testzwecken verwendet werden.
Das Add-on könnte sehr interessant werden und viele Schritte von Desktop-Applikationen überflüssig machen, wenn direkt im Browser kommuniziert werden soll.

Firefox 4 Design Challenge: People's Choice Award

Das kürzlich gestartete Voting für den Home-Tab des kommenden Firefox 4 hat entschieden: Yatrik Solanki und sein Konzept überzeugt mit seinem Entwurf für die neue Firefox-Startseite. Der Designer beschreibt seine Idee so: "Identities, a website launcher, browsing sessions, and a task-oriented ultrasmart search box define my concept. And it’s cool!". In einem Video demonstriert er eindrucksvoll die Funktionalitäten seines Entwurfs.

So stehen die persönlichen Benutzereinstellungen im Vordergrund — mit Hilfe eines Suchfeldes können diverse Suchmaschinen durchstöbert werden. Die Lesezeichen werden großzügig präsentiert, so dass der Benutzer alle Seiten als Vorschaubilder im Blick hat. Der grafische Verlauf ("Visual History") stellt die besuchten Seiten in einem Ablaufdiagramm dar, was das Nachvollziehen von Sessions noch einfacher macht.
Schließlich sind auch die anderen Einsendungen der Design Challenge interessant und sehr innovativ. Man darf gespannt sein, mit welchen Features Version 4 des Mozilla-Browsers ausgestattet sein wird.

Firefox 4 Design Challenge: Voting für Home-Tab

Vor ein paar Monaten startete die Mozilla Labs Design Challenge für den Home-Tab des kommenden Firefox 4. Mittlerweile sind etliche Einsendungen eingegangen und eine erste Top 10-Auswahl wurde zusammengestellt. Mozilla ruft in seinem Blog nun dazu auf, in der zweiten Runde für ein Konzept abzustimmen. Beim "People's Choice Award" können Benutzer bestimmen, welche Idee gewinnt. Jede Einsendung wird in einem eigenen Video erklärt und präsentiert.

Bei den 10 nominierten Konzepten sind sehr interessante Vorschläge für eine mögliche Startseite dabei, die mit dem Home-Tab aufgerufen werden kann. Die neue Startseite wird eine mögliche Option in Firefox 4 werden, durch die Benutzer eine persönliche Seite als Einstiegsseite einstellen können. Darauf könnten Lesezeichen, Notizen oder andere Funktionen platziert sein.
Alle Einsendungen für die Home-Tab-Challenge können hier eingesehen werden. In der ersten Voting-Runde wurden insgesamt 5.390 Bewertungen abgegeben.

Mozilla: Firefox 3.7 Alpha kann getestet werden

Erst vor kurzem wurde von Mozilla bekannt gegeben, dass es keine Version 3.7 des Firefox-Browsers geben wird. Nun hat man sich doch dazu entschieden, eine Vorstufe zu dem Major-Release 4.0 zu entwickeln. So könnte die Strategie nun darin bestehen, kleinere Patches zusammen mit den Sicherheitsupdates zu veröffentlichen. Weiterhin ist geplant, Plug-Ins von Drittanbietern (wie Adobe oder Apple) in getrennte Prozesse auszulagern — dadurch sollen Sicherheitslöcher in den Plug-Ins nicht auf den Webbrowser übergreifen können.
So steht auf den FTP-Servern von Mozilla nun die erste Alpha-Version von Firefox 3.7 zum Download bereit. In dieser Version kommt die Gecko-Engine in Version 1.9.3 zum Einsatz und bietet interessante Features für Entwickler.

So ist den Release Notes zu entnehmen, dass Firefox 3.7 vor allem neue Animationsmöglichkeiten bietet:

• Unterstützung von CSS Transitions (noch keine Farbverläufe)
• Unterstützung von SMIL-Animationen (SVG)
• Unterstützung von WebGL (muss aktiviert werden)
• JavaScript: "getClientRects", "getBoundingClientRect", "setCapture" und "releaseCapture"
• HTML5: "history.pushState", "history.replaceState" und "window.onpopstate"
• CSS: "-moz-image-rect" für "background-image"

Die Alpha-Version sieht vielversprechend aus, so dass man gespannt sein darf, was noch alles in Firefox 4.0 integriert werden wird. Ein Release-Termin für Version 3.7 wurde übrigens noch nicht verraten.

Mozilla Community Store: Open Source-T-Shirts

Inspiriert durch den Firefox 3 T-Shirt Contest haben sich die Mozilla-Entwickler dazu entschlossen, einen Shop von und für Firefox-Fans zu schaffen. Beim Mozilla Community Store können die Designs der T-Shirts selbst gestaltet oder aus vorhandenen Einsendungen ausgewählt werden. Die Motive können anschließend verändert und beispielsweise um Text ergänzt werden. Farben und Größen der Shirts sind auswählbar.

Das Ganze wird durch Zazzle ermöglicht, was ein ähnliches Projekt zu Spreadshirt darstellt. Der Community Store besteht neben dem offiziellen Mozilla Store und soll der Firefox-Gemeinde die Chance geben, eigene Kreationen zu erschaffen. Eingesandte Designs sollten die Richtlinien erfüllen und werden nach einer Überprüfung in die Galerie aufgenommen. Derzeit gibt es dort verschiedene Kateogrien, durch die man aus den Designs wählen kann.