Welche neuen Browserfunktionen sind heute verfügbar?

Question

Es ist das Jahr 2009. Internet Explorer 8 wurde endlich veröffentlicht, und Firefox kommt auf 3,5. Viele der großen Browser fangen an, Funktionen von CSS3 und HTML 5 zu integrieren, oder machen das schon seit einiger Zeit. Dennoch entwickle ich Webseiten genau so, wie ich es 2005 tat.

Seitdem sind viele Fortschritte gemacht worden, und ich denke, der Grund, warum ich nicht angefangen habe, diese neuen Möglichkeiten zu nutzen, ist dass es so schwer ist zu wissen, welche der neuen Funktionen in allen gängigen Browsern funktionieren. Da ich meistens ein Backend-Entwickler bin, habe ich einfach keine Zeit mehr, diese Entwicklungen weiter zu verfolgen. Trotzdem habe ich das Gefühl, dass ich eine Menge cooler Sachen verpasse, die mein Leben tatsächlich viel einfacher machen würden.

Wie kann ich schnell feststellen, ob eine Funktion von CSS3 oder HTML5 von allen gängigen modernen Browsern unterstützt wird?

Answer 1

Can I Use ist eine Website, die die Browser-Unterstützung für aktuelle und kommende Webstandards verfolgt. Sehen Sie es sich an, wenn Sie wissen möchten, ob eine bestimmte Funktion weit verbreitet ist oder nicht.

Answer 2

Schrifteinbettung über CSS unter Verwendung von @font-face. Webkit/Safari unterstützt es seit Version 3.1, Microsoft seit IE4, Mozilla seit Firefox 3.5 (browser support overview).

Auch die verschiedenen Implementierungen der Selectors API, die eine Browser-native CSS-Selektor-Engine für die Verwendung in DOM-Skripts bietet. Für andere Beispiele scheint die When Can I Use... eine sehr gute Referenz zu sein.

Answer 3

Browser-Unterstützung für lokalen Speicher sollte eine Reihe neuer Ideen jetzt, dass einige Inhalte auf dem Computer eines Benutzers gespeichert werden können.

Referenz-Dokumentation:

• Mozilla Firefox
• Internet Explorer

Answer 4

würde ich sagen Anzeige: Tisch und eine Reihe von CSS2.1 Selektoren die großen Gewinne für Designer sind. display: table löst einige nicht lösbare oder schwierige Layouts wie 100% height und innerhalb von Rahmen, ohne Semantik zu brechen und tatsächliche Tabellen zu verwenden.

Mehrere Klassen (.c1.c2)

Ich benutze min/max-Breite/Höhe viel.

Auch arbeiten: Hover und! Wichtig sind fantastisch.

Ich hätte gerne SVG-Unterstützung zu dieser Liste hinzugefügt, aber natürlich hat Microsoft das versaut.

BTW, große Warnung an diejenigen, die sich über HTML5-Funktionen freuen. Es gibt kein offizielles Datum für die Annahme dieser Spezifikation. Es wurde sogar angedeutet, dass es weitere 10 Jahre dauern könnte (obwohl ich das bezweifle). Der Punkt ist, dass alles, was Sie mit HTML5 machen, jetzt bröckelt, wenn die offizielle Spezifikation eintrifft, und in der Zwischenzeit können Sie viele Browser-Inkonsistenzen, Fehler und API-Änderungen erwarten (ganz zu schweigen von Browsern, die die Funktionen überhaupt nicht unterstützen). .