¿Hay algún marco único con el que pueda construir un sitio web css3, html5 que sea compatible con todos los navegadores, incluido IE7 y posterior? ¿Puede http://html5boilerplate.com/ repetir me ayudan en esto?cómo hacer css3 y html5 sitio web compatible para todos los navegadores incluyendo IE7 y posterior
nunca obtenga el motor de renderizado IE7 o IE8 para lograr una compatibilidad total con HTML5, CSS3 y otras tecnologías modernas. Simplemente no son capaces de eso.
Sin embargo, existen algunos hacks, herramientas y complementos que pueden ayudarlo a formar parte del camino.
Las herramientas como Modernizr le ayudarán a detectar qué características son compatibles para que su sitio tenga la oportunidad de evitarlas.
jQuery es una gran biblioteca de todos modos, pero es particularmente bueno en este contexto porque abstrae muchas de las diferencias del navegador lejos del desarrollador. Algunas cosas son fáciles en la mayoría de los navegadores pero un verdadero dolor en IE; jQuery toma mucho de ese tipo de cosas y lo hace fácil independientemente.
Dean Edwards' IE7.js y Selectivzr son ambas bibliotecas de Javascript que ofrecen compatibilidad con IE para muchos de los selectores de CSS que faltaban en las versiones anteriores. Esto le permite escribir sus hojas de estilo sin preocuparse demasiado por lo que IE soporta. (IE7.js también corrige una serie de otros problemas técnicos de IE y desaparecidos cuenta también)
CSS3Pie es un truco para IE que añade soporte para CSS border-radius, gradientes y box-shadow.
De hecho, hay una gran cantidad de hacks en esta línea, todos destinados a agregar características a las versiones anteriores de IE que faltan. El sitio web de Modernizr tiene una gran lista de ellos aquí: https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
Sin embargo, hay una gran advertencia para todo esto. Velocidad. IE < = 8 es un navegador lento. Tiene un motor JavaScript lento. Prácticamente todos estos hacks están basados en JavaScript. Puede salirse con la suya ejecutando algunos de ellos en un sitio determinado, pero tratar de usarlos lo suficiente como para darle a IE algo así como soporte completo para HTML5 y CSS3 ralentizará el navegador hasta el punto de ser inutilizable.
Sin embargo, hay otro ángulo para abordar esta cuestión, y ese es el plugin Frame de Google para IE. Esto básicamente instala todo el motor del navegador Google Chrome en IE. El usuario todavía ejecuta el shell de IE, pero la página web se muestra como en una versión actualizada de Chrome.
Esto suena genial, pero por supuesto no es perfecto. La desventaja principal de esto es que el usuario final tiene que instalarlo manualmente en su computadora, lo que significa que usted como desarrollador web no tiene control real sobre si está allí o no. Por lo tanto, no es algo que pueda agregar a su sitio y esperar que todo funcione mágicamente.
Por último, también le puede interesar CanIUse.com, que proporciona tablas de compatibilidad de varios elementos, lo que le permite ver de un vistazo qué es y qué no es compatible con las distintas versiones de cada navegador.
Modernizr es una biblioteca de JavaScript de código abierto que le ayuda a crear la próxima generación de sitios web con HTML5 y CSS3.
MS está incluida en la plantilla ASP.net MVC proyecta
Gracias por la respuesta, pero no creo que con modernizr pueda lograr el mismo efecto o estilo en todos los navegadores, como ni siquiera en IE8. Aquí hay un ejemplo de Faruk Ateş http://www.alistapart.com/d/taking -advantage-of-html5-and-css3-with-modernizr/sample-advanced.html la imagen no está girando, @ font-face no funciona ... – Yasir
No hay ninguna bala de plata, lo siento, Modernizr ayudará – smallmouse
HTML 5 es más un término general para una variedad de tecnologías que cualquier cosa o un marco. Realmente, cualquier implementación que hagas debería degradarse con elegancia, y eso es lo que hace que el navegador del sitio sea compatible. Detecta qué es lo que el navegador admite y luego presenta alternativas que sean compatibles con el legado.
Salida: http://accessites.org/site/2007/02/graceful-degradation-progressive-enhancement/
Y: http://diveintohtml5.ep.io/detect.html
Buena suerte.
html5boilerplate no lo ayudará.
Como otros han dicho que html5 y css3 son términos muy amplios, no existe un marco que implemente todas las funciones provistas por ambos. De hecho, no tienen el mismo soporte en los navegadores que dicen que los admiten. Y aún más, incluso los chicos del W3C (que escriben las especificaciones para html5 y css3) aún no están establecidos sobre qué características incluirán o qué pasos se necesitarán para implementarlas. Obtiene la idea ...
Pero ... si reduce sus requisitos a algunas características específicas, como video, etiquetas de audio, dibujo de lienzo, ingeniosos efectos css, File API, u otros, PUEDE encontrar marcos que implementen (o intente imitarlos con las tecnologías disponibles en forma de navegador cruzado (más o menos).
por qué -1? ¿Hay algún problema con esta pregunta? – Yasir
genial -2 a nadie, ¿por qué? – Yasir
Es una pregunta equivocada que indica un malentendido fundamental de lo que HTML5 y CSS3 representan y cómo abordar el desarrollo web en el mundo moderno, lo que dificulta la respuesta de cualquier forma razonable. No es un marco que hará que su sitio sea compatible, solo está usando características que funcionan en todos los navegadores en los que desea que funcione su sitio que lo haga compatible. Podría usar las partes de las especificaciones HTML5 que existen sin cambios desde HTML4, podría usar las partes de CSS3 que existen sin cambios desde CSS2, ¿eso lo convertiría en un sitio web HTML5 y CSS3? – robertc