make - normalize scss

¿Cuál es la diferencia entre Normalize.css y Reset CSS? (7)

A veces, la mejor solución es usar ambos. A veces, es para usar ninguno. Y a veces, es usar uno u otro. Si desea que todos los estilos, incluidos los ajustes de margen y relleno en todos los navegadores, use reset.css. A continuación, aplique todas las decoraciones y estilos a ti mismo. Si simplemente le gustan los estilos incorporados pero desea más sincronicidad entre navegadores, es decir, normalizaciones, use normalize.css. Pero si elige usar tanto reset.css como normalize.css, vincule primero la hoja de estilo reset.css y luego la hoja de estilo normalize.css (inmediatamente). A veces no siempre es una cuestión de qué es mejor, sino cuándo usar cuál versus cuándo usar ambos y cuándo usar ninguno. EN MI HUMILDE OPINIÓN.

Sé lo que es el restablecimiento de CSS, pero recientemente escuché acerca de esta nueva cosa llamada Normalize.css

¿Cuál es la diferencia entre Normalize.css y Reset CSS ?

¿Cuál es la diferencia entre normalizar CSS y restablecer CSS?

¿Es solo una nueva palabra de moda para el restablecimiento de CSS?

Bueno, por su descripción, parece que intenta hacer que el estilo predeterminado del agente del usuario sea coherente en todos los navegadores en lugar de eliminar todo el estilo predeterminado como lo haría un reinicio.

Conserva valores predeterminados útiles, a diferencia de muchos restablecimientos de CSS.

First reset.css es la peor biblioteca que puede usar, ya que elimina la estructura estándar de HTML y muestra todo lo que escribe solo como texto, después de asignar los valores de relleno de margen y otros atributos a 0 . Entonces, por ejemplo, encontrará que <H1> será igual que <H6> .

Por otro lado, Normalize.css usa la estructura estándar y también corrige casi todos los errores existentes en ella. Por ejemplo, soluciona el problema de mostrar un formulario de un navegador a otro. Normalice las correcciones modificando estas funciones para que sus elementos se vean iguales en todos los navegadores.

Normalize.css es principalmente un conjunto de estilos, basado en lo que el autor pensó que se vería bien, y lo haría parecer coherente en todos los navegadores. Restablecer básicamente elimina el estilo de los elementos para que tenga más control sobre el estilo de todo.

Yo uso ambos.

algunos estilos de Reset, algunos de Normalize.css. Por ejemplo, desde Normalize.css, hay un estilo para asegurarse de que todos los elementos de entrada tengan la misma fuente, lo que no ocurre (entre las entradas de texto y las áreas de texto). El reinicio no tiene ese estilo, por lo que las entradas tienen diferentes fuentes, que normalmente no se desean.

Así que, básicamente, usar los dos archivos CSS hace un mejor trabajo ''igualando'' todo;)

¡Saludos!

Yo trabajo en normalize.css.

Las principales diferencias son:

Normalize.css conserva valores predeterminados útiles en lugar de "quitar el estilo" de todo. Por ejemplo, elementos como sup o sub "solo funcionan" después de incluir normalize.css (y en realidad se hacen más robustos) mientras que son visualmente indistinguibles del texto normal después de incluir reset.css. Por lo tanto, normalize.css no impone un punto de inicio visual (homogeneidad) sobre usted. Esto puede no ser del gusto de todos. Lo mejor que puedes hacer es experimentar con ambos y ver qué geles con tus preferencias.
Normalize.css corrige algunos errores comunes que están fuera del alcance de reset.css. Tiene un alcance más amplio que reset.css, y también proporciona correcciones de errores para problemas comunes como: configuración de pantalla para elementos HTML5, la falta de herencia de font por elementos de formulario, corrección font-size representación del font-size para pre , desbordamiento de SVG en IE9 y button error de estilo en iOS.
Normalize.css no desordena tus herramientas de desarrollo. Una irritación común cuando se usa reset.css es la gran cadena de herencia que se muestra en las herramientas de depuración de CSS del navegador. Esto no es un problema de este tipo con normalize.css debido a los estilos específicos.
Normalize.css es más modular. El proyecto se divide en secciones relativamente independientes, lo que facilita la eliminación de secciones (como las normalizaciones de formularios) si sabe que su sitio web nunca las necesitará.
Normalize.css tiene mejor documentación. El código normalize.css está documentado en línea, así como más ampliamente en el Wiki de GitHub . Esto significa que puede averiguar qué está haciendo cada línea de código, por qué se incluyó, cuáles son las diferencias entre los navegadores y más fácilmente ejecutar sus propias pruebas. El objetivo del proyecto es ayudar a educar a las personas sobre cómo los navegadores representan los elementos de forma predeterminada y facilitarles la participación en el envío de mejoras.

He escrito con mayor detalle sobre esto en un artículo sobre normalize.css

el restablecimiento parece una necesidad para cumplir con las especificaciones de diseño personalizadas, especialmente en proyectos de diseño de tipo complejo, que no son repetitivos. Parece que la normalización es una buena manera de proceder con la programación puramente web en mente, pero a menudo los sitios web son un matrimonio entre la programación web y las reglas de diseño de UI / UX.

La principal diferencia es que:

Los restablecimientos de CSS tienen como objetivo eliminar todo el estilo del navegador integrado. Elementos estándar como H1-6, p, strong, em, etcétera terminan pareciéndose exactamente iguales, sin ninguna decoración en absoluto. Entonces se supone que debes agregar toda la decoración tú mismo.
Normalize.css tiene como objetivo hacer que el estilo del navegador integrado sea consistente en todos los navegadores. Los elementos como H1-6 aparecerán en negrita, más grande, etc. de manera consistente en todos los navegadores. Entonces se supone que debes agregar solo la diferencia en la decoración que tu diseño necesita.

Si su diseño a) sigue las convenciones comunes para tipografía, etcétera, yb) Normalize.css funciona para su público objetivo, entonces usar Normalize.CSS en lugar de un restablecimiento de CSS hará que su propio CSS sea más pequeño y más rápido de escribir.