Tag: firefox

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.

Firefox 3.6: WOFF, CSS und Geschwindigkeit

Wie auf der Mozilla-Website zu sehen ist, wurde Firefox 3.6 nun veröffentlicht. Die Versionshinweise geben Aufschluss über die Neuerungen des aktuellen Mozilla-Browsers. Interessant für Frontend-Entwickler sind vor allem die neuen CSS- und HTML-Attribute, die nun zumindest in Firefox ausgiebig genutzt werden können. Dazu zählen hauptsächlich:

• CSS – Web Open Font Format
• CSS – Mehrere Hintergrundbilder
• CSS – Skalierung von Hintergrundbildern
• CSS – Farbverläufe
• CSS – "rem"-Angabe für ein "root element" wie "html"
• CSS – Pointer-Events
• CSS – Das ":indeterminate"-Attribut für Optionsfelder
• JavaScript – window.getComputedStyle
• HTML – Unterstützung der Drag & Drop- und File-APIs

Zudem wurde der Plugin Check integriert, der für mehr Sicherheit bei installierten Erweiterungen sorgen soll. Auch die Performance der neuen Version wurde verbessert — allerdings konnte sich Firefox 3.6 beispielsweise beim Peacekeeper-Benchmark nur auf Platz 2 hinter Googles Chome platzieren.
Weiterhin gibt es neue about-Befehle, mit denen sich etwa die Systemleistung oder die Versionen der installierten Extensions einsehen lassen.

• about:memory
• about:support
• about:buildconfig
• about:plugins

Die Tab-Vorschau für Windows 7 wurde deaktiviert, kann aber per about:config eingeschaltet werden:

• browser.taskbar.previews.enable

Dieser Wert muss auf "true" gesetzt werden. Allerdings funktioniert das Feature nur eingeschränkt, da es schließlich auch nicht fertig gestellt wurde.

Firefox 4 Design Challenge: Home-Tab gestalten

Kürzlich hat der Firefox-UI-Designer Stephen Horlander neue Entwürfe von Firefox 4.0 veröffentlicht, in denen neue Elemente eingeführt wurden. Eine neue Schaltfläche stellt so auch der "Home-Tab" dar, der links oben im Browserfenster von Firefox 4 angesiedelt sein könnte. Dieser Button ist natürlich nicht neu, sondern wurde nur von der Navigations-Symbolleiste in ein separates Element verlagert.
Im Mozilla Labs-Blog hat der Browserhersteller nun dazu aufgerufen, den Seiteninhalt zu gestalten, der mit dem Home-Tab aufgerufen wird. In Version 4 von Firefox kann der Benutzer wie gehabt das Verhalten der Home-Schaltfläche selbst bestimmen — so kann eine leere oder eine vordefinierte Seite aufgerufen werden. Künftig soll die Schaltfläche auch eine weitere Funktionalität besitzen, die darin besteht, dem Anwender eine individualisierte Startseite zu präsentieren.

Im Blog-Eintrag gibt Mozilla bereits Vorschläge, was auf dieser neuen Seite platziert sein könnte. Dazu zählen beispielsweise Trends aus dem Browserverlauf, oft besuchte Seiten oder nützliche Widgets, die dem Benutzer ein besseres Navigieren im Web ermöglichen.
Jeder kann mitmachen und ein Video mit seinen Ideen einreichen. Einsendungen können hier hochgeladen werden. Verschiedene Templates für die Ideen gibt es auf dieser Seite.
Einsendeschluss ist der 14. Februar 2010 und die Entscheidungen werden am 15. März 2010 bekannt gegeben. In diesem Sinne — schöne Feiertage!

Firefox 4.0: Neues vom kommenden Browser-Design

Der Designer Stephen Horlander, der momentan am Design von Firefox 4.0 arbeitet, hat auf seinem Blog neue Entwürfe des Browser-Designs präsentiert, die einige Veränderungen an der Benutzeroberfläche des Mozilla-Browsers beinhalten. So wurde ein "App Button" eingefürt, wie er beispielsweise in Windows 7-Anwendungen (Paint) zu finden ist. Die neue Schaltfläche ist noch experimentell und soll das Hauptmenü ersetzen. In seinem Artikel führt der Designer verschiedene Varianten des App Buttons auf.

Insgesamt soll die neue Version von Firefox minimalistischer und aufgeräumter werden: Im Mozilla Wiki kann man sich die Überlegungen und Vorschläge zu Firefox 3.7/4.0 ansehen.
Erst im Juli dieses Jahres wurden erste Mock-Ups von Firefox 4.0 veröffentlicht. Die Fenster des zukünftigen Browsers dürften sich vor allem an Google Chrome und der Creative Suite 4 orientieren, da man bei diesen Programmen schon ein Schritt weiter gegangen ist und auf die native Oberfläche des Betriebssystems verzichtet hat.

GridFox: Firefox-Erweiterung für Website-Raster

Ein Gestaltungsraster (Grid) sorgt nicht nur im Bereich des Webdesigns für ein aufgeräumtes Erscheinungsbild. Durch mathematische Verhältnisse und Abstände erhält ein Design die nötigen Details, die das runde Gesamtbild verbessern. Ein gutes Raster zeichnet sich unter Anderem dadurch aus, dass es eine gewisse Dynamik behält. Jedes Projekt benötigt eine angepasste Aufteilung der verschiedenen Bereiche und hier eignen sich visuelle Raster als gute Hilfestellung.
Neben Photoshop-Plugins gibt es nun auch eine Firefox-Erweiterung namens GridFox, mit der sich ein sichtbares Raster auf eine Website übertragen lässt.

Die Extension von Eric Puidokas bietet verschiedene Einstellungen — so können die Rasterspalten alle gleich breit sein oder dynamische Größen haben. Die Abstände zwischen den Aufteilungen können in ihrer Breite angepasst werden und auch Transparenz oder Farbe des Rasters können angepasst werden.
Für Webdesigns, die einem Magazin-Layout entsprechen (beispielsweise Portale), eignet sich die Firefox-Extension als Ergänzung zum Photoshop-Plugin sehr gut zur sichtbaren Kontrolle von Abständen.

WebGL: Erste Spezifikation des 3D-Standards fertig

Die Khronos Group hat einen ersten Entwurf (Working Draft) der WebGL-Spezifikation veröffentlicht. WebGL ist eine plattformunabhängige API für 3D-Grafik im Webbrowser, die auf OpenGL ES 2.0 basiert und mithilfe des HTML5-Canvas-Elements komplexe 3D-Welten darstellen kann. Apples Safari (Entwicklerversion) und der aktuelle Nightly Build von Firefox (Minefield) unterstützen die aktuelle Version des neuen Formats bereits. Zudem beteiligen sich weitere Browserhersteller wie Google (Chrome) und Opera an der WebGL Working Group. Man kann hoffen, dass Microsoft nachzieht.

Auf der Website der Khronos Group finden sich wertvolle Informationen rund um das Thema WebGL — dazu gehören ein Wiki sowie ein kleines Tutorial. Weiterhin kursieren diverse Demos im Netz und ein erstes Werkzeug für die Erstellung von WebGL-Code existiert auch schon. JavaScript stellt die Sprache dar, mit der Bewegung ins Spiel kommt.
Ich bin sehr gespannt auf die neuen Möglichkeiten, die sich mit WebGL eröffnen.

Firefox: Sanfter Scrollen mit dem Mausrad

Mozillas Webbrowser ist allgemein bekannt dafür, mit guten Funktionen ausgestattet zu sein. Nicht jede Funktionalität ist offensichtlich und so bietet Firefox auch eine schöne Möglichkeit, auf Seiten oder Inhaltselementen (wie Textfelder) zeilenweise zu scrollen. Das Mausrad dürfte mittlerweile fast schon zum Standard bei den kleinen Eingabegeräten geworden sein, weshalb in Firefox auch Wert darauf gelegt wurde.
Die Scroll-Funktionalität wird auch als Bildlauf bezeichnet und lässt sich unter Windows in der Systemsteuerung (Maus-Eigenschaften) oder in der Maus-Software (z.B. Logitech SetPoint) finden. Dort kann eingestellt werden, wie viele Zeilen bei der Betätigung des Mausrads gescrollt werden — viele Mäuse besitzen ein Mausrad, welches einrastet.
Häufig ist es der Fall, dass Texte oder Internetseiten präzise gescrollt werden sollen. Bei einer Einstellung von 3 Zeilen kann dies nur bedingt erreicht werden. Die Einstellung sollte allerdings auch nicht auf 1 Zeile eingestellt werden, da sich sonst längere Dokumente nur schwer durchblättern lassen.
Firefox bietet eine simple Lösung: Durch das Drücken und Halten der ALT-Taste wird beim Benutzen des Mausrads die entsprechende Seite nur um 1 Zeile bewegt. So kann an gewünschten Stellen einfach umgestellt werden.
Wer die Einstellung des Mausrads testen möchte, kann dies im folgenden Feld tun.

Zeilen mit dem Mausrad: 0

Hinweis: Mit SHIFT + Mausrad wird der Verlauf (History) durchgeblättert.