Tecnología

Inicio

CSS no afecta la mejora progresiva de reinicio?

El concepto de una hoja de estilo "reset" que despoja de todos los estilos por defecto del navegador fue popularizada por Eric Meyers en 2007. Desde entonces, los desarrolladores han argumentado a favor y en contra de su uso, y algunos han llegado con diferentes soluciones. Cualquiera de estas soluciones se ajusta con la mejora progresiva, que es un método de manipulación de las diferencias entre los navegadores sin sacrificar la calidad en los nuevos navegadores por el bien de apoyo navegadores antiguos.

"Reset" Hojas de estilo

En abril de 2007, desarrollador web y gurú CSS Eric Meyers discutió el propósito de CSS "reajusta" en un artículo en su sitio titulado "Reset razonamiento." Acompaña este artículo la famosa Meyers restablecer la hoja de estilo, que ha permanecido en uso durante años después de su lanzamiento. Restablecer las hojas de estilo CSS que contienen código despoja de estilos por defecto aplicados por los navegadores. Desde los márgenes de página, elementos de encofrado y otras partes de las páginas web reciben un tratamiento diferente en función del navegador, al restablecer los estilos del navegador-aplicado a estilos de "simple" sin formato permite a los desarrolladores web para codificar las hojas de estilo sin tener que recordar cada pequeña diferencia entre cada navegador. La mayoría de los marcos de CSS también vienen empaquetados con una hoja de estilo de restablecimiento o normalización.

Mejora progresiva

Mejora progresiva es un concepto que da instrucciones a los desarrolladores Web para escribir código que es compatible con todos los navegadores populares en primer lugar, a continuación, aplicar el código más moderno a los navegadores que lo apoyen. Esta idea es diferente de degradación elegante, que consiste en la codificación de los mejores navegadores y permitir que los navegadores antiguos para mostrar páginas con menos efectos visuales en los que falta el apoyo para el código moderna. Los desarrolladores web debaten sobre qué método es mejor, pero la mejora progresiva es popular entre los desarrolladores de sitios móviles. Paul irlandesa - un desarrollador de los equipos de Google Chrome y jQuery - también anima a este método, en parte, a través del código y la documentación para HTML 5. Es importante entender que la mejora progresiva significa que no todos los navegadores mostrarán la misma página web de la misma manera.

Efectos de la Restablece sobre el aumento progresivo

Una hoja de estilo de reinicio le dará una base viable para construir a partir. Un punto a tener en cuenta, sin embargo, es el hecho de que, incluso si sólo utiliza varios navegadores CSS compatibles y aplicar una hoja de estilo resto, no hay dos navegadores siempre muestran la misma página web de la misma manera exacta. Chrome no maneja fondos con rayas creadas con degradados, así como Firefox, por ejemplo, y Firefox e Internet Explorer aplica el suavizado - suavizado de bordes - a fuentes de cromo, mientras que no lo hace. Mantener estas diferencias sutiles en la mente, las cosas de la prueba a fondo en todos los navegadores y aplicar el concepto de mejora progresiva cuando tiene sentido hacerlo. El resultado final debe ser siempre un sitio web que es el primero y segundo bella fácil de usar.

Restablecer CSS Problemas y Alternativas

Muchos desarrolladores argumentan contra el uso de hojas de estilo de reposición. Algunos puristas no les gustan por completo y prefieren desarrollar el 100 por ciento código único para cada página web, aunque esto no es eficiente ni necesaria para la mayoría de los sitios web de pequeñas y medianas empresas. Otros desarrolladores como el concepto pero están molestos por la necesidad de volver a construir estilos básicos, tales como texto en cursiva para "<em>" etiquetas, que utilizan casi todos los diseños. Una alternativa a los Meyer y restablecer YUI de Yahoo (Yahoo User Interface) es Normalizar. Se utiliza en el paquete para HTML 5, Normalizar se esfuerza por ser de menor tamaño y mantener el formato básico que casi todos los sitios web utilizará. Algunos marcos de referencia, como CSS Blueprint y Yahoo YUI, ofrecen hojas de estilo adicionales que se basan en un reinicio para agregar formato de texto básico.