Abo
  • Services:
Anzeige
Browser: Das ist neu bei Firefox 4

Mozilla wagt neue CSS-Experimente

Einige CSS-Eigenschaften verlieren in Firefox 4 ihr Mozilla-Präfix, können also in der offiziellen Version genutzt werden. Andere kommen neu hinzu. Dazu zählen unter anderem CSS Transitions, die zunächst mit -moz-Präfix eingeführt werden.

CSS Layouts vereinfachen

Der Ausdruck calc() kann überall dort genutzt werden, wo Length-Angaben benötigt werden. Das soll CSS-Layouts einfacher machen, da auf Divs als Platzhalter verzichtet werden kann. Zunächst aber steht auch diese Funktion nur mit Präfix als -moz-calc zur Verfügung.

Anzeige

Auch -moz-any() soll Entwicklern das Leben leichter machen. Damit lassen sich CSS-Selektoren gruppieren und so komplexe Selektoren vereinfachen. Kommen mehrere Selektoren an einer Position infrage, können diese mit -moz-any() zusammengefasst werden, statt dass für jede mögliche Kombination ein Selektor genutzt werden muss.

  • Eine 360°-Videotour durch Cannes, ermöglicht durch WebGL
  • Firefox mit Hardwarebeschleunigung per GPU unter Mac OS X
  • Firefox mit Hardwarebeschleunigung per GPU unter Windows
  • Firefox mit Hardwarebeschleunigung per GPU unter Linux
  • Einstellungen von Firefox 4 unter Linux
  • Einstellungen von Firefox 4 unter Mac OS X
  • Tabgruppen in Firefox 4 unter Linux
  • Tabgruppen in Firefox 4 unter Linux
  • Tabgruppen in Firefox 4 unter Linux
  • Reload- und Stop-Button vereint
  • Reload- und Stop-Button vereint
  • Firefox 4 mit aktivierbarer Addon-Leiste
  • Addon-Manager von Firefox 4 unter Linux
  • Addon-Manager von Firefox 4 unter Mac OS X
  • App-Tabs lassen sich in Firefox 4 anpinnen.
  • Der neue Firefox-Button unter Linux
  • Der neue Firefox-Button unter Mac OS X
  • Der neue Firefox-Button unter Windows
  • HTML5-Demo Letterheads in Firefox 4
  • HTML5-Demo Letterheads in Firefox 4
  • Personas verändern das Aussehen des Browsers - jetzt auch mit Transparenzen.
  • Firefox 4 unter Mac OS X
  • Suchmaschinenauswahl in Firefox 4 unter Linux
  • Firefox Sync integriert
  • Firefox Sync integriert
  • Tabgruppen unter Windows
  • Firefox 4 mit Tabs on Top
  • App-Tabs melden Veränderungen in verdeckten Tabs.
  • App-Tabs melden Veränderungen in verdeckten Tabs.
  • Firefox 4 ohne Statusleiste: URLs, die Links zeigt Firefox dennoch am unteren Bildschirmrand.
App-Tabs melden Veränderungen in verdeckten Tabs.

Mit -moz-element() kann jedes Element als Hintergrund für ein anderes Element verwendet werden. Die Mozilla-Entwickler hoffen, dass andere Browserhersteller ihre Idee aufgreifen.

Um Platzhaltertexte in Formularen anzupassen, unterstützt Firefox 4 :-moz-placeholder. Standardmäßig stellt Mozilla solche Texte in grauer Schrift dar, was aber ungünstig sein kann, wenn eine andere Hintergrundfarbe verwendet wird. Mit :-moz-handler-crashed kann die Darstellung von Inhalten angepasst werden, deren Plugins abgestürzt sind und :-moz-window-inactive wird auf Elemente in inaktiven Fenstern angewendet.

Mehr Kontrolle über Schriften

Über -moz-font-feature-settings erhalten Entwickler mehr Kontrolle über die Darstellung von Truetype-Schriften. Unterstützt werden unter anderem Unterschneidungen (Kerning), Ligaturen und Kapitälchen.

Alles ist relativ

Mit dem Ziel, CSS-Maßeinheiten konsistent umzusetzen, passt Mozilla die Behandlung absoluter Maßeinheiten an das Verhalten von Internet Explorer, Safari und Chrome an. Künftig gilt 1 Zoll = 96 Pixel. Andere Maßeinheiten wie px, pt, cm, mm und pc orientieren sich daran. Das bedeutet zugleich, dass auf kleinen Displays 1 Zoll eben nicht mehr 1 Zoll entspricht. Dazu gibt es das neue Maß "mozmm", bei dem Firefox 4, soweit möglich, dafür sorgt, dass 1 Zoll wirklich 1 Zoll entspricht, ganz gleich, ob auf einem Smartphone- oder einem Desktopdisplay.

Dabei unterstützt Firefox 4 die Angabe "-moz-device-pixel-ratio", über die sich abfragen lässt, wie viele CSS-Pixel pro Bildschirmpixel dargestellt werden. Über -moz-tab-size kann angegeben werden, wie groß Tabulatoren (Zeichen U+0009) dargestellt werden sollen.

Über den CSS-Pseudo-Selektor -moz-focusring kann bestimmt werden, wie ein fokussiertes Element erscheint. Und mit -moz-image-rect ist es möglich, einen Ausschnitt eines Bildes als Hintergrund zu verwenden.

Bereits seit längerem unterstützt Firefox "runde Ecken", bislang aber nur mit "-moz-border-radius". Daraus wird in der neuen Version nun die offizielle Variante "-border-radius". Gleiches gilt für -box-shadow.

 Multitouch, SVG und IndexedDBMehr Sicherheit für Nutzer und Webentwickler 

eye home zur Startseite
elitezocker 28. Mär 2011

So wie es jetzt gelöst ist, hat sich aber nichts verbessert. Der "Appbutton" (was für...

Guttroll 25. Mär 2011

Von meinen 16 Addons liefen 15 schon mit der Beta 13. Das eine ist wohl aufgegeben worden...

HierIch 24. Mär 2011

Also wenn personalisierte Werbung wirklich alles ist, was dir in Bezug auf deine...

jayrworthington 22. Mär 2011

Nein. Wir haben alle moeglichen iLO's (das sind die HP-Managment-Webinterfaces, auf...

Johnny Cache 22. Mär 2011

Also bitte, laut Chekov haben das die Russen erfunden... Zuerst hatte es der selbst mir...


Webdesign-Podcast.de - Der Podcast für Webdesigner und Grafiker / 22. Mär 2011

Knetfeder Magazin / 22. Mär 2011

Browserrevue 2011: Firefox 4 – Willkommen im Chaos



Anzeige

Stellenmarkt
  1. Fresenius Medical Care Deutschland GmbH, Bad Homburg
  2. Robert Bosch GmbH, Leonberg
  3. flexis AG, Chemnitz
  4. FANUC Deutschland GmbH, Neuhausen auf den Fildern


Anzeige
Spiele-Angebote
  1. 3,99€
  2. 15,29€
  3. 8,99€

Folgen Sie uns
       


  1. Notebook-Grafik

    Nvidia hat eine Geforce GTX 1050 (Ti) mit Max-Q

  2. Gemini Lake

    Asrock und Gigabyte bringen Atom-Boards

  3. Eni HPC4

    Italienischer Supercomputer weltweit einer der schnellsten

  4. US-Wahl 2016

    Twitter findet weitere russische Manipulationskonten

  5. Die Woche im Video

    Das muss doch einfach schneller gehen!

  6. Breko

    Waipu TV gibt es jetzt für alle Netzbetreiber

  7. Magento

    Kreditkartendaten von bis zu 40.000 Oneplus-Käufern kopiert

  8. Games

    US-Spielemarkt wächst 2017 zweistellig

  9. Boeing und SpaceX

    ISS bald ohne US-Astronauten?

  10. E-Mail-Konto

    90 Prozent der Gmail-Nutzer nutzen keinen zweiten Faktor



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Preiswertes Grafik-Dock ausprobiert: Ein eGPU-Biest für unter 50 Euro
Preiswertes Grafik-Dock ausprobiert
Ein eGPU-Biest für unter 50 Euro
  1. XG Station Pro Asus' zweite eGPU-Box ist schlicht
  2. Zotac Amp Box (Mini) TB3-Gehäuse eignen sich für eGPUs oder SSDs
  3. Snpr External Graphics Enclosure KFA2s Grafikbox samt Geforce GTX 1060 kostet 500 Euro

Kryptowährungen: Von Tulpen, Berg- und Talfahrten
Kryptowährungen
Von Tulpen, Berg- und Talfahrten
  1. Bitcoin Israels Marktaufsicht will Kryptoverbot an Börse durchsetzen
  2. Geldwäsche EU will den Bitcoin weniger anonym machen
  3. Kryptowährung 4.700 Bitcoin von Handelsplattform Nicehash gestohlen

Elektroauto: War es das, Tesla?
Elektroauto
War es das, Tesla?
  1. Elektroauto Norwegische Model-S-Fahrer klagen gegen Tesla
  2. Erneuerbare Energien Tesla soll weitere Netzspeicher in Australien bauen
  3. Elektroauto Teslas Probleme mit dem Model 3 sind nicht gelöst

  1. Re: ist ja ein Lacher gegen die illegalen IPTV...

    Umaru | 14:10

  2. Re: Anforderung beim Spaceshuttle...

    Pedrass Foch | 14:09

  3. Re: DOW Jones +30% in nur einem Jahr

    Mingfu | 14:02

  4. Re: Weil gängige KK Abrechnungsbuden so nicht...

    das_mav | 14:01

  5. Re: Supercomputer sind wie Beton - es kommt drauf...

    M.P. | 14:00


  1. 14:00

  2. 13:30

  3. 12:57

  4. 12:26

  5. 09:02

  6. 18:53

  7. 17:28

  8. 16:59


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel