¿Qué nuevas características del navegador están disponibles hoy?

Question

Es el año 2009. Finalmente se ha lanzado Internet Explorer 8, y Firefox está llegando a 3.5. Muchos de los navegadores de gran tamaño están comenzando a integrar funciones de CSS3 y HTML 5, o lo han estado haciendo durante bastante tiempo. Aún así, me encuentro desarrollando páginas web exactamente de la misma manera que lo hice en 2005.

Se ha avanzado mucho desde entonces, y creo que la razón por la que no he comenzado a aprovechar estas nuevas posibilidades es que es tan difícil saber cuáles de las nuevas características funcionan en todos los principales navegadores. Dado que soy principalmente un desarrollador de back-end, simplemente no tengo tiempo para seguir estos desarrollos. Aún así, siento que me estoy perdiendo muchas cosas interesantes que en realidad me harían la vida mucho más fácil.

¿Cómo puedo determinar rápidamente si una función de CSS3 o HTML5 es compatible con todos los principales navegadores modernos?

Answer 1

Can I Use es un sitio web que rastrea el soporte del navegador para los estándares web actuales y futuros. Compruébelo si desea saber si una característica determinada es ampliamente compatible.

Answer 2

Incrustación de fuentes a través de CSS, usando @font-face. Webkit/Safari lo ha estado soportando desde la versión 3.1, Microsoft desde IE4, Mozilla desde Firefox 3.5 (browser support overview).

Además, las variadas implementaciones de Selectors API, que proporciona un motor de selección de CSS nativo del navegador para su uso en secuencias de comandos DOM.

Para otros ejemplos, When Can I Use... parece ser una muy buena referencia.

Answer 3

El soporte del navegador para el almacenamiento local debería permitir un montón de nuevas ideas ahora que algunos contenidos se pueden guardar en la máquina del usuario.

documentos de referencia:

• Mozilla Firefox
• Internet Explorer

Answer 4

yo diría display: table y una serie de selectores CSS 2.1 son las grandes victorias para los diseñadores. pantalla: la tabla resuelve algunos diseños insolubles o difíciles como 100% de altura y dentro de los bordes sin romper la semántica y el uso de tablas reales.

clases múltiples (.c1.c2)

I usan min/max-anchura/altura mucho.

También funciona: hover e! Important son impresionantes.

Me hubiera gustado agregar soporte SVG a esa lista pero, naturalmente, Microsoft lo ha estropeado.

BTW, gran advertencia para aquellos que se entusiasman con las funciones de HTML5. No hay una fecha oficial para la adopción de esta especificación. Incluso se ha sugerido que podría tomar otros 10 años (aunque lo dudo). El punto es que cualquier cosa que hagas con HTML5 ahora está sujeta a roturas cuando llegue la especificación oficial y, mientras tanto, puedes esperar muchas inconsistencias, errores y cambios de API (sin mencionar los navegadores que no admiten las características) .