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

Question

Es el año 2009. Internet Explorer 8 ha sido finalmente puesto en libertad, y Firefox se acerca a 3,5. Muchos de los grandes navegadores están empezando a integrar características de CSS3 y HTML 5, o que han estado haciendo durante bastante tiempo ahora. Aún así, me encuentro el desarrollo de páginas web exactamente de la misma manera que hice en 2005.

Un gran progreso se ha hecho desde entonces, y creo que la razón por la que no he comenzado a tomar ventaja de estas nuevas posibilidades es que es tan difícil saber cuál de las nuevas características que funcionan en todos los navegadores. Ya que soy todo un desarrollador backend que simplemente no tienen el tiempo para mantener estos desarrollos más. Aún así, me siento como si estuviera perdiendo un montón de cosas interesantes que realmente haría mi vida mucho más fácil.

¿Cómo puedo determinar rápidamente si una característica de CSS3 o HTML5 es soportado por todos los navegadores modernos?

Answer 1

¿Puedo utilizar es un sitio web que rastrea el apoyo del navegador web para los estándares actuales y futuros. Compruébelo usted mismo si le gustaría saber si es o no una determinada característica es ampliamente apoyado.

Answer 2

Incrustación de fuentes a través de CSS, utilizando @font-face. WebKit / Safari ha estado apoyando a que desde la versión 3.1, Microsoft Internet Explorer 4 ya que, desde Mozilla Firefox 3.5 ( navegador soporte visión general ).

Además, las diversas implementaciones de la Selectores API , que proporciona un navegador motor selector CSS -native para su uso en scripting DOM.

Para otros ejemplos, Cuándo se puede usar ... parece que hay una muy buena referencia .

Answer 3

Yo diría display: table y una serie de selectores CSS 2.1 son las grandes victorias para los diseñadores. display:. mesa soluciona algunos diseños sin solución o difíciles como el 100% de la altura y dentro de las fronteras sin romper la semántica y el uso de tablas reales

Varias clases (.c1.c2)

utilizo min / max-anchura / altura mucho.

Además de trabajo: flotar e importante son impresionantes

.

Me hubiera gustado añadir soporte SVG a esa lista, pero, naturalmente, Microsoft ensuciado eso.

Por cierto, gran advertencia para aquellos que estuvieran emocionados acerca de las características de HTML5. No hay una fecha oficial para la adopción de esta especificación. Incluso se ha implicado que podría tomar otros 10 años (aunque dudo que). El punto es que cualquier cosa que hacer con HTML5 ahora está sujeto a la rotura cuando la especificación oficial no llega y, mientras tanto, se puede esperar un montón de inconsistencias de navegación, los insectos y los cambios en la API (por no hablar de los navegadores que no soporten estas propiedades en absoluto) .

Answer 4

Compatibilidad con navegadores para el almacenamiento local debería permitir que un montón de nuevas ideas ya que parte del contenido se puede guardar en la máquina del usuario.

docs Referencia:

• Mozilla Firefox
• Internet Explorer