{"id":2435,"date":"2018-03-15T15:08:37","date_gmt":"2018-03-15T14:08:37","guid":{"rendered":"http:\/\/blog.mozilla.org\/press-de\/?p=2435"},"modified":"2018-03-15T15:08:37","modified_gmt":"2018-03-15T14:08:37","slug":"mozilla-praesentiert-die-firefox-quantum-extensions-challenge","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/press-de\/2018\/03\/15\/mozilla-praesentiert-die-firefox-quantum-extensions-challenge\/","title":{"rendered":"Mozilla pr\u00e4sentiert: die Firefox Quantum Extensions Challenge"},"content":{"rendered":"<p>Firefox-Nutzer lieben es, ihr Surferlebnis mithilfe von <a href=\"https:\/\/developer.mozilla.org\/de\/Add-ons\/WebExtensions\/What_are_WebExtensions\" target=\"_blank\" rel=\"noopener\">Erweiterungen<\/a> zu personalisieren &#8211; und ab sofort ist es f\u00fcr Entwickler mit Grundkenntnissen in JavaScript, HTML und CSS einfacher denn je, Add-ons f\u00fcr Firefox mit der <a href=\"https:\/\/developer.mozilla.org\/de\/Add-ons\/WebExtensions\" target=\"_blank\" rel=\"noopener\">WebExtensions-API<\/a> zu erstellen. Mit jeder neuen Firefox-Version stellen wir verbesserte WebExtensions-APIs bereit, die es Entwicklern erm\u00f6glichen, neue Funktionen zu kreieren und ihre Erweiterungen kontinuierlich zu verfeinern.<\/p>\n<p style=\"padding-left: 120px;\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/OTAEgTRLiIY\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Jetzt sind Sie gefragt: Setzen Sie Ihre F\u00e4higkeiten, Ihr Wissen und nat\u00fcrlich Ihre Kreativit\u00e4t ein, um Ihren ganz eigenen Beitrag zur <a href=\"https:\/\/extensionschallenge.com\/\" target=\"_blank\" rel=\"noopener\">Firefox Quantum Extensions Challenge<\/a> zu leisten. Um teilzunehmen, entwickeln Sie <b>zwischen dem 15. M\u00e4rz und dem 15. April 2018 <\/b>Add-ons in der <a href=\"https:\/\/www.mozilla.org\/de\/firefox\/developer\/\" target=\"_blank\" rel=\"noopener\">Firefox Developer Edition<\/a>, die ausgiebig von den dort <a href=\"https:\/\/developer.mozilla.org\/de\/Add-ons\/WebExtensions\" target=\"_blank\" rel=\"noopener\">verf\u00fcgbaren WebExtensions-APIs<\/a> Gebrauch machen und reichen Sie sie in den entsprechenden Wettbewerbskategorien ein. Legacy-Erweiterungen, die auf WebExtensions-APIs aktualisiert wurden oder Chrome-Erweiterungen, die am oder nach dem 1. Januar 2018 in Firefox portiert wurden, kommen ebenfalls f\u00fcr die Challenge infrage.<\/p>\n<p><a href=\"https:\/\/extensionschallenge.com\/#judges\" target=\"_blank\" rel=\"noopener\">Eine Jury<\/a> k\u00fcrt anschlie\u00dfend in jeder Kategorie drei bis vier Finalisten, aus denen die Community die Gewinner ausw\u00e4hlt. Diese werden mit der Ver\u00f6ffentlichung von <a href=\"https:\/\/wiki.mozilla.org\/RapidRelease\/Calendar\" target=\"_blank\" rel=\"noopener\">Firefox 60<\/a> im Mai 2018 bekannt gegeben. Die Erstplatzierten in jeder Kategorie erhalten nicht nur ein iPad Pro, sondern wir sorgen au\u00dferdem daf\u00fcr, dass auch m\u00f6glichst viele Firefox-Nutzer von ihrem neuen Add-On erfahren. Die Zweitplatzierten erhalten jeweils eine Amazon-Geschenkkarte im Wert von 250 USD (entspricht ungef\u00e4hr 202 EUR).<\/p>\n<h3><b>Die Kategorien<\/b><\/h3>\n<p><b>Die besten Add-Ons f\u00fcr Tab Management &amp; Organisation<\/b><\/p>\n<p>Firefox-Nutzer haben ein Faible daf\u00fcr, ihre Browser-Tabs anzupassen. Erstellen Sie die n\u00e4chste Generation nutzerfreundlicher Erweiterungen, mit denen sich Tabs einfach gestalten, organisieren und verwalten lassen!<\/p>\n<p><b>Die besten dynamischen Themes<\/b><\/p>\n<p>Mit der neuen <a href=\"https:\/\/developer.mozilla.org\/Add-ons\/WebExtensions\/API\/theme\" target=\"_blank\" rel=\"noopener\">Theme-API<\/a> k\u00f6nnen Entwickler optisch ansprechende und responsive <a href=\"https:\/\/developer.mozilla.org\/en-US\/Add-ons\/Themes\/Theme_concepts#Dynamic_themes\" target=\"_blank\" rel=\"noopener\">dynamische Themes<\/a> erstellen, um das Erscheinungsbild von Firefox anzupassen und interaktiv zu gestalten. Wir freuen uns auf L\u00f6sungen, die nicht nur sch\u00f6n, sondern ebenso n\u00fctzlich sind.<\/p>\n<p><b>Die besten Spiele und Unterhaltungs-Extensions<\/b><\/p>\n<p>Erweiterungen sollen nicht nur ein produktiveres Surfen erm\u00f6glichen &#8211; sie sollen Usern auch helfen, sich ihren Tag mit einer Prise Spa\u00df zu vers\u00fc\u00dfen. Deshalb suchen wir leistungsstarke und zugleich originelle Ideen, die Firefox-Nutzern Freude bereiten.<\/p>\n<h3><b>Neue, verbesserte APIs<\/b><\/h3>\n<p>Mit der letzten Firefox-Version kam gleich eine ganze Reihe an neuen WebExtensions-APIs dazu &#8211; und mit Firefox 60 werden es noch mehr. Was hei\u00dft das f\u00fcr Themes?<\/p>\n<p>Die aktuelle Theme-API unterst\u00fctzt fast <a href=\"https:\/\/developer.mozilla.org\/en-US\/Add-ons\/WebExtensions\/manifest.json\/theme\" target=\"_blank\" rel=\"noopener\">20 verschiedene visuelle Elemente<\/a>, die Entwickler individuell anpassen k\u00f6nnen. In Firefox 60 wird die Liste um die folgenden Elemente erweitert, die sich derzeit in der Entwicklung befinden:<\/p>\n<ul>\n<li>tab_line: Bestimmen Sie die Farbe f\u00fcr die \u2018<a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1439734\" target=\"_blank\" rel=\"noopener\">tab line<\/a>\u2019, die am oberen Rand des aktiven Tabs angezeigt wird<\/li>\n<li>tab_selected: Stellen Sie die <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1434476\" target=\"_blank\" rel=\"noopener\">Hintergrundfarbe des ausgew\u00e4hlten Tabs<\/a> ein<\/li>\n<li>tab_loading: Legen Sie fest, welche Farbe der \u2018<a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1426686\" target=\"_blank\" rel=\"noopener\">tab loading indicator<\/a>\u2019 haben soll<\/li>\n<li>popup: Bestimmen Sie die Hintergrundfarbe des <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1417880\" target=\"_blank\" rel=\"noopener\">Firefox-Pop-ups<\/a> (arrow panel)<\/li>\n<li>popup_text: Legen Sie die Textfarbe des <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1417880\" target=\"_blank\" rel=\"noopener\">Firefox-Pop-ups<\/a> (arrow panel) fest<\/li>\n<li>popup_border: Stellen Sie die Rahmenfarbe des <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1417880\" target=\"_blank\" rel=\"noopener\">Firefox-Pop-ups<\/a> (arrow panel) ein<\/li>\n<\/ul>\n<p>Aber Achtung: Das Ziel der Challenge besteht nicht nur darin, ein sch\u00f6nes Set von UI-Elementen zu entwerfen. \u00dcberraschen Sie uns mit einer Extension, die nicht nur umwerfend aussieht, sondern genauso n\u00fctzlich ist &#8211; \u00a0zum Beispiel, indem Sie die <a href=\"https:\/\/developer.mozilla.org\/en-US\/Add-ons\/WebExtensions\/API\/theme\" target=\"_blank\" rel=\"noopener\">Theme-API<\/a> verwenden, um UI-Elemente dynamisch zu modifizieren.<\/p>\n<p>Auch f\u00fcr Tabs wurden mehrere neue APIs hinzugef\u00fcgt, darunter:<\/p>\n<ul>\n<li><i>browserSettings.openBookmarksInNewTabs()<\/i>: Damit k\u00f6nnen Sie die Optionen zum <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1420974\" target=\"_blank\" rel=\"noopener\">\u00d6ffnen von Lesezeichen in neuen Registerkarten<\/a> steuern.<\/li>\n<li><i>browserSettings.openSearchResultsInNewTabs()<\/i> erm\u00f6glicht es Erweiterungen, <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1420969\" target=\"_blank\" rel=\"noopener\">Suchergebnisse in neuen Tabs zu \u00f6ffnen<\/a>.<\/li>\n<li>Die <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1427463\" target=\"_blank\" rel=\"noopener\"><i>tabs.captureTab()<\/i>-API<\/a> ist <a href=\"https:\/\/developer.mozilla.org\/en-US\/Add-ons\/WebExtensions\/API\/tabs\/captureVisibleTab\" target=\"_blank\" rel=\"noopener\"><i>tabs.captureVisibleTab()<\/i><\/a> sehr \u00e4hnlich, erlaubt es Ihnen aber, jeden Tabulator (der durch eine ID festgelegt ist) zu erfassen, anstatt nur den aktiven Tabulator.<\/li>\n<li>Der Aufruf von <a href=\"https:\/\/developer.mozilla.org\/en-US\/Add-ons\/WebExtensions\/API\/tabs\/create\" target=\"_blank\" rel=\"noopener\"><i>tabs.create()<\/i><\/a> ohne <i>windowId<\/i> zielt ab sofort nur noch <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=1415913\" target=\"_blank\" rel=\"noopener\">auf Nicht-Popup-Fenster<\/a>.<\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/Add-ons\/WebExtensions\/API\/tabs\/query\" target=\"_blank\" rel=\"noopener\"><i>Tabs.query()<\/i><\/a> f\u00fchrt nun Pattern-Matching f\u00fcr den Titel durch.<\/li>\n<\/ul>\n<p>Die <a href=\"https:\/\/developer.mozilla.org\/en-US\/Add-ons\/WebExtensions\/API\/contextualIdentities\" target=\"_blank\" rel=\"noopener\">contextualIdentities<\/a>-API ist zwar nicht neu, aber ausschlie\u00dflich in Firefox verf\u00fcgbar und kann Entwicklern einige interessante Werkzeuge zur Trennung von Online-Identit\u00e4ten bieten. Das gilt auch f\u00fcr die <a href=\"https:\/\/developer.mozilla.org\/Add-ons\/WebExtensions\/API\/sidebarAction\" target=\"_blank\" rel=\"noopener\">Sidebar-API<\/a>, eine weitere einzigartige Funktion in Firefox, die den kreativen Einsatz alternativer Benutzerschnittstellenmodelle erm\u00f6glicht.<\/p>\n<p><b>Los geht\u2019s!<\/b><\/p>\n<ul>\n<li>Besuchen Sie die <a href=\"https:\/\/extensionschallenge.com\/\" target=\"_blank\" rel=\"noopener\">Challenge-Webseite<\/a> f\u00fcr weitere Informationen und um Ihre Erweiterung einzureichen.<\/li>\n<li>Laden Sie die <a href=\"https:\/\/www.mozilla.org\/de\/firefox\/developer\/\" target=\"_blank\" rel=\"noopener\">Firefox Developer Edition<\/a> herunter.<\/li>\n<li>Brauchen Sie Hilfe bei der Add-On-Entwicklung? Schauen Sie sich unsere <a href=\"https:\/\/extensionschallenge.com\/#resources\" target=\"_blank\" rel=\"noopener\">Developer Resources<\/a> an.<\/li>\n<li>Laden Sie Ihre neue (oder neu portierte) Erweiterung aus dem <a href=\"https:\/\/addons.mozilla.org\/developers\/\" target=\"_blank\" rel=\"noopener\">Add-on Developer Hub<\/a> hoch.<\/li>\n<li>F\u00fcllen Sie das <a href=\"https:\/\/goo.gl\/forms\/U4ReAbu8qPsFtMPF3\" target=\"_blank\" rel=\"noopener\">Anmeldeformular<\/a> aus, um an der Challenge teilzunehmen.<\/li>\n<li>Sehen Sie sich die <a href=\"https:\/\/developer.mozilla.org\/de\/Add-ons\/WebExtensions\" target=\"_blank\" rel=\"noopener\">MDN web docs zum Thema Web Extensions<\/a> an, um praktische Tools zu finden und Dokumentationen einzusehen.<\/li>\n<\/ul>\n<p>Die Gewinner werden bis Ende April 2018 benachrichtigt und mit der Ver\u00f6ffentlichung von Firefox 60 im Mai 2018 bekannt gegeben.<\/p>\n<p>Wir w\u00fcnschen allen Entwicklern viel Erfolg!<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Firefox-Nutzer lieben es, ihr Surferlebnis mithilfe von Erweiterungen zu personalisieren &#8211; und ab sofort ist es f\u00fcr Entwickler mit Grundkenntnissen in JavaScript, HTML und CSS einfacher denn je, Add-ons f\u00fcr &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/press-de\/2018\/03\/15\/mozilla-praesentiert-die-firefox-quantum-extensions-challenge\/\">Mehr lesen<\/a><\/p>\n","protected":false},"author":495,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,5],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/posts\/2435"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/users\/495"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/comments?post=2435"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/posts\/2435\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/media?parent=2435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/categories?post=2435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/press-de\/wp-json\/wp\/v2\/tags?post=2435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}