Los Reset CSS han estado pululando por la web desde hace algunos años, popularizados por la idea de ser buena práctica al intentar eliminar las inconsistencias de presentación entre los distintos navegadores. Los webmasters las han venido utilizando como una solución ciega sus problemas de CSS sin detenerse a pensar si hay alguna mejor forma de hacer que un sitio web se vea igual de bien en todos los navegadores.
He venido a comunicarles que lo siguiente NO es buena práctica, y que el mundo se acabará mañana por culpa de ustedes:
Código :
* {
margin: 0;
padding: 0;
} Que es el Reset CSS
Antes que nada, aclaremos que es lo que se conoce como "CSS Reset":
Es un archivo CSS, que se encarga de "borrar" los estilos por defecto de los diferentes navegadores y que pretende definir una base consistente sobre la que trabajar los nuevos estilos.
Cual es el problema con esto?
Redundancia. Mucha redundancia.
Todos los navegadores tienen internamente un archivo CSS que define la "base" con la que se presentará cada uno de los elementos HTML. En dicho archivo esta el tamaño, margen y relleno de párrafos, títulos, listas, elementos de formulario, etc.
Un CSS Reset sobre-escribe dichos estilos poniendo todos sus valores en "ceros", eliminando margenes, paddings, tamaños, en muchos casos de TODOS los elementos HTML existentes, sin importar que los uses o no en el sitio web.
Luego viene nuestra hoja de estilos, en la cual re-re-definimos estilos para todos los elementos que están en el sitio.
Los estilos por defecto no son dañinos
Para que demonios quieres establecer "margin: 0;" a una lista de 80 elementos HTML si luego vas a ir uno por uno re-estableciendo el margen correspondiente a cada uno de los elementos para que coincidan con el diseño que hiciste con tanto esfuerzo en Photoshop?
Si vas a definir en tu_hoja_de_estilos.css todos los elementos que componen un sitio web, el reset es innecesario. Si por el contrario NO vas a definir todo lo que esta en el sitio web, es preferible dejar estilos por defecto del navegador, inconsistentes o no antes de dejar todo sin estilos. Ergo, el reset es innecesario.
Por ejemplo, el estilo "outline" de los links al tener foco, es una ayuda visual para quienes navegan únicamente con teclado, al eliminar esto las personas que usen el teclado no sabrán en donde esta el foco, y por lo tanto será muy incomodo visitar la página.
Teniendo un buen conocimiento de CSS y siendo cuidadoso con los estilos de nuestra pagina, siempre se obtienen mejores resultados.
Set CSS en vez de Reset CSS
Como el mismo Eric Meyer dice en su post sobre el Reset CSS:
...Esto es un punto de partida, no una caja negra intocable.
En otras palabras, usa el archivo como una base para producir tus propios CSS, eliminando lo que no uses, agregando lo que sea necesario, o mejor aún, crea tu propio "Set CSS" y modifícalo para cada sitio web, y así evita la redundancia.
Por un mejor internet.
¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.
De ahí en mas, me parece apropiado limpiar 'reset.css' una vez terminada tu página de los muchos elementos que no se utilizaron. Todo lo que ya dijiste.
Ramm: sería bueno si en otro artículo propones algún set css como el que tú usas, claro que eso es muy personalizado, pero algo que pueda darle una idea a los pecadores de cómo tener un mejor punto de partida.
Por otro lado hay un mal entendido en la necesidad de que la página se vea "igual" en todos los navegadores, no es "igual" es que se vea "igual de bien", eso es más que suficiente.
Duilio :
Efectivamente es muy personalizado, y para dar una base, los mismos reset sirven de base, justamente lo que digo es no usarlos ciegamente sino editarlos a lo que realmente hace falta en el sitio en el que se trabaja para evitar la redundancia.
Por australopitecus el 25 de Mayo de 2011
Personalmente odio cuando cojo un proyecto en el que todo esta con margin 0, es un infierno tener que reasignar propiedades que deberian estar por defecto.
Por Enzo el 25 de Mayo de 2011
A lo que voy es que hacer maquetas en base a los estilos por defectos de cada navegador nos hace depender de ellos a la hora de visualizar nuestra web en sus distintas versiones y ni hablar en la variedad de navegadores existentes, así que creo que es mejor ser redundante usando un código que probablemente se aplique a elementos que ni usemos (en todo caso podrías usar alternativas más específicas de reset) a tener que invertir muchos más recursos en particularizar según cada navegador.
Saludos a todos!
Enzo-blog :
A lo que voy es que hacer maquetas en base a los estilos por defectos de cada navegador...!
No entendiste mi punto.
Yo no digo confiar en los estilos del navegador, pero tampoco en los del reset. Si quieres que los margenes sean todos iguales, Definelos!, si no los vas a definir, es preferible que tengan el del navegador, que no tener ninguno.
Por Enzo el 25 de Mayo de 2011
Ojo, no digo que esté mal, solo que aplicar un reset bajo mi punto de vista es una opción simple, rápida y segura de maquetar desde 0, sin considerar los "desestandarizados" estilos por defecto. Al fin y al cabo terminarás siendo redundante con tu reset particular a cada elemento y tu hoja de estilo se verá afectada por cientos de propiedades que puedes simplemente establecer desde 1.
Igualmente, cada loco con su tema, yo apunto a que mis hojas de estilo tengan la menor cantidad de código posible por un tema de legibilidad y manipulación corporativa además de maquetar sin depender de estilos definidos arbitrariamente.
Saludos!
Por Artick el 25 de Mayo de 2011
Enzo-blog :
Por un lado me parece que no entendiste el articulo, y por otro me parece que no entiendes como funcionan las hojas de estilo.
1) Cualquier cosa que yo escriba en mi hoja de estilos, tiene prioridad sobre los estilos por defecto del navegador. O sea, que si yo pongo un margen de 10px en MI hoja de estilos, el margen va a ser de 10px.
2)Yo maqueto en base a mis reglas, y el punto del articulo es justamente ese, define TUS reglas, no las del reset.
3)Si tu pones un reset.css que define todo a 0, y NO colocas p {margin 0 0 24px 0; } o lo que sea que uses para ponerle margen al parrafo, dicho parrafo NO va a tener estilos, porque estas eliminando el
Enzo-blog :
Eso justamente es redundancia, si tú defines el margen, estas sobreescribiendo el margen del reset, lo cual es redundante, lo cual es el punto del artículo.
Si dices que tu maquetas en base a tus reglas, lo mas probable es que no necesites el reset.
Saludos
Por Pedro el 25 de Mayo de 2011
creo que es mejor partir de tus propios valores que de los predefinidos por el navegador.
Todo está en que lleves tú el control
Por Enzo el 25 de Mayo de 2011
Supongamos que quieres que tus márgenes tengan 15px de margen y por defecto los párrafos tienen 5px de padding. Perfecto, tu defines:
p{
margin: 15px;
}
Pero los 5px de padding siguen ahí y tu solo quieres 15px de margen, entonces vas a tener que agregar padding:0, o sea resetearlo. A menos de que seas tan afortunado de que tu maqueta coincida con todos los valores establecidos por defecto tendrás que proceder a resetear elemento por elemento para dejar de depender de esos estilos por defecto. A eso me refiero con "programar en base a mis reglas", partir de 0 sin depender de lo establecido por defecto, que tarde o temprano vas a tener que terminar reseteandolo individualmente. Seguramente tenga que sobreescribir propiedades, lo mismo que harás tu cuando por defecto hayan 5 px de padding en un párrafo y quieres que sean 8px.
Además reitero que los estilos por defecto son susceptibles a cada navegador y no se basan en ningún estándar, por lo tanto resetearlos y definir tus propias reglas deja todo en tus manos
Saludos!
Por Alberto Fortes el 25 de Mayo de 2011
me ha llegado este enlace por un amigo que está empezando.
La verdad es qu no estoy absolutamente nada de acuerdo.
En primer lugar, el reset te asegura que todo los elementos renderizen igual en todos los navegadores.
Luego combinando los reset con un framework (yo uso uno propio) consigues apenas escribir código y en unas pocas líneas, si sabes como, logar una perfecta maquetación orientada a objetos (así la llaman).
Desde luego el reset que tu pones ni es un reset ni es nada: * margin 0 y padding 0 eso no es una resets eso es una bazoka.
Nada más por tener que escribir el margen a cada elemento dado por culpa de no ejecutar unas resets antes de nada es una pérdida de tiempo.
Es más eso que dices en uno de los comentarios de que "es preferible que tengan el del navegador, que no tener ninguno." es otro error: debe tener el margen al pixel que el diseñador ha hecho, nada de interpretar, yo desde luego eso no lo aprobaría en una maqueta.
Aún así que cada uno opine lo que quiera y que la experiencia personal le haga decidir....
per unas buenas resets y un buen framework propio te quita más de un problema.
Por Jorge el 25 de Mayo de 2011
Por waldito el 25 de Mayo de 2011
Entiendo la lógica de aprovechar las medidas default de ciertas etiquetas, como puedan ser los títulos, las listas, formularios, pero creo que hay que ser ninjaMaquetador para 'ver' cuáles de esas medidas vienen definidas por el Agente y cuales son tuyas. (Es decir, las que variarán, y las que no)
Lo he intentado(trabajar sin Reset), pero por una cuestión de comodidad y cabezonería, prefiero empezar con un lienzo 'sin reglas' predefinidas, a riesgo de caer en redundancias, pero sabiendo qué es mío y cómo se verá.
Como no sabes las medidas por defecto de cada agente, ni los agentes del día de mañana... sabes por lo menos que aplicando el Reset, tienes un control certero y absoluto. Vale, tendrás que definir todiiito.
No me parece algo tan terrible, quizá es cierto que acabes cargando tu hoja con CSS innecesario y que si de verdad el performance es clave, puedas ganar esos KBs de más. Yo, como maquetador pienso
Por Toni el 25 de Mayo de 2011
Primero ese "outline" de los links se llama "underline" y si no reseteas, siempre está presente. Es re-definiéndolo como conseguimos que sólo aparezca al hacer foco. La accesibilidad la suelo tratar aparte, y es justamente por eso por lo que hago Reset; quiero tener el control absoluto de mi diseño en todos los navegadores.
Jorge -blog :
Eso es correcto.
Por Abreo el 25 de Mayo de 2011
Por mi parte continuare usando reset, hasta que los navegadores les de por estandarizarse completamente... pasara algun dia, espero
De todos modos buen post, te felicito, la verdad no habia pensado en ese contra del uso de Reset..
se cuidan, saludos!
Ahora controlo con claridad los floats y en general el fluido de las cajas, y me doy cuenta que en efecto no necesito del todo el reseter! es mas! yo acostumbraba a usar debajo del reset, el typhograpy de Blueprint, y hecha la reflexión, voy a dejar de usarla para empezar a usarla dentro de mis propias hojas.
Señor Ramn gracias por su artículo
Por Chekelin el 25 de Mayo de 2011
Entiendo lo de la redundancia, pero esa es mi duda :/
Por jsirgado1980 el 25 de Mayo de 2011
Un saludo!
Chekelin-blog :
Entiendo lo de la redundancia, pero esa es mi duda :/
Si, precisamente la idea es hacer un set para cada proyecto. Yo uso un archivo common.css donde tengo cosas generales que adapto a cada proyecto.
Por jlmurgas el 25 de Mayo de 2011
De hecho alguna vez note que el Reset CSS tenia cosas innecesarias, sin embargo comparto mucho la idea de seguirlo utilizando pues de igual forma para mi es mejor iniciar con un lienzo a cero. Enzo y Alberto le han agregado un gran valor a la conversacion y estoy muy de acuerdo con ustedes.
Que aprendi de este articulo: el Reset es mas que necesario, pero lo mejor seria optimizarlo.
Saludos desde El salvador!
Por Inyaka el 25 de Mayo de 2011
lo que si es necesario es TU DEFINIR TUS ESTILOS POR DEFECTO
Por lordyupi el 25 de Mayo de 2011
A favor porque resulta una buena practica (aunque no quieran aceptarlo), pero en contra porque requiere más trabajo si no se tiene una base (imagino que es el punto de los que andan en contra).
Para los que no quieran dejar de usar reset css tenemos muchos tipos, unos muy completos y otros básicos.
Aquí dejo 10 técnicas: http://www.cssblog.es/10-tecnicas-para-resetear-css/
Yo probaré lo que dice Ramm y dejaré de usar Reset CSS en mis páginas
Por Toni el 25 de Mayo de 2011
Por eso creo que es necesario.
Redundante? claro que no haras un :
* {
margin: 0;
padding: 0;
}
Para eso hay mejores plantillas para hacer el CSS Reset ( mencionaban la de Meyer, pero hay otras alternativas)
Por luisj135 el 25 de Mayo de 2011
Si tu no usas un CSS reset deberás usar muchas líneas y hacks para que se vea tu pagina tal como salio del photoshop en todos los navegadores
Por Chekelin el 25 de Mayo de 2011
Para ponerla más facil, ¿por qué hacer reglas que luego se van a cambiar?
Mejor has algo predefinido y que a la vez te sirva, así ahorras trabajo, unos cuantos kB y no hay redundancia.
Por mishesblog el 25 de Mayo de 2011
Por el mismo motivo que no cojo un psd existente para empezar el diseño de un sitio web, parto del canvas en blanco para poder tener el control de todo y que lo que yo hago sea lo que se vea.
Por noctam el 26 de Mayo de 2011
Ramm no dice que no se utilicen los resset completamente, si no que se editen estos para especificar ahí las opciones comunes a todos nuestros proyectos.
Normalmente siempre tenemos el gusto de definir ciertos estilos de la misma forma incluso de un proyecto a otro (ej: p{padding: 10px). Entonces para que definir un CSSreset y despues un Estilos.css?
Incluyamos el CSSreset modificado que nos interese en Estilos.css y saltemonos el otro archivo. Así evitamos redundancia y ganamos Kb's y limpieza.
Por Enzo el 26 de Mayo de 2011
De hecho está muy interesante la diversidad de ideas que ha surgido y no creo que alguien que no lo haya experimentado pueda venir a dar una opinión fundamentada como la gran mayoría lo ha hecho, así que no depende de saber o no saber, eso dejémoselo a las justificaciones de caprichos de críos.
Por mi parte simplemente lo veo como una cuestión de elección y yo básicamente comparto los motivos que me conducen a ella.
Saludos!
Por ejemplo, si se que la mayoria de mis P tendra un margin de 10px y padding de 10px, lejos de crear una clase, simplemente lo defino asi:
p
{
margin: 10px;
padding: 10px;
}
Y ya en los parrafos especificos que me interesen otros margin o padding les asigno una clase.
Eso es una especia de reset, pero no necesariamente a cero. Asi como yo la utilizo, el reset se me hace super practico(y creo que es algo similar a lo que hace enzo).
Por vanvanero el 26 de Mayo de 2011
Por Fox el 26 de Mayo de 2011
Yo sigo usando CSS Reset y me parece mas comodo definir mis reglas. No tengo mas nada que decir
Por Resetenado el 26 de Mayo de 2011
El autor comienza despotricando contra los reset ( No a los CSS Reset es su título) para terminar recomendado
Set CSS en vez de Reset CSS
¿Y qué diferencia un reset de un set? ¿Sólo el que esté adecuado o depurado para un proyecto concreto? Pues no deja de ser lo mismo, un reset css.
Así que mi sugerencia es que no busque tanto el sensacionalismo en los títulos y opte por uno que se ajuste mejor. Por ejemplo: No seas un mono en tus reset y límpialo.
Por anonimo el 26 de Mayo de 2011
un listado css ideal seria:
<link href="css/reset.css" rel="stylesheet" type="text/css" /> Limpia a cero todo....
<link href="css/text.css" rel="stylesheet" type="text/css" /> Asigna los estilos basicos
<link href="css/layout.css" rel="stylesheet" type="text/css" /> Los estilos de tu maquetacion....
Y listo.... ahora tu sugieres unir el "reset" con el "text" para crear el "SET", lo cual seria fastidioso, ya que deberias moficicarlo para cada proyecto y no es lo mas apropiado....
y una vez mas...
SI AL RESET !!
NO AL **** IE !!
[email protected] :
Por vancho17 el 27 de Mayo de 2011
Dano-blog :
Por ejemplo, si se que la mayoria de mis P tendra un margin de 10px y padding de 10px, lejos de crear una clase, simplemente lo defino asi:
p
{
margin: 10px;
padding: 10px;
}
Y ya en los parrafos especificos que me interesen otros margin o padding les asigno una clase.
Eso es una especia de reset, pero no necesariamente a cero. Asi como yo la utilizo, el reset se me hace super practico(y creo que es algo similar a lo que hace enzo).
Eso es lo que yo hago también, definir, en vez de re-definir.
Por cierto, viendo el CSS de Cristabalab en (<link rel="stylesheet" href="http://www.cristalab.com/css/blueprint/screen.css" type="text/css" />) me sale este código gigante con el título de Reset CSS:
Código :
/* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;}Por galizer el 27 de Mayo de 2011
Por Harold el 29 de Mayo de 2011
Por otro lado, existen algunos elementos que tienen margin o padding no deseados, es decir, cuando preferiblemente deberian tener un margin en 0, no lo tienen. Al final tienes que definirlo a 0, y es eso justamente lo que hace un Reset. Al final, vas a ahorrar tiempo al no estar definiendo los valores de cada elemento.
Harold-blog :
Sugieres que no se puede tener consistencia sin usar un reset?
Aquellos que no pueden hacer un sitio consistente sin usar el reset, que lo usen, nadie les obliga a no hacerlo.
En mis muchos años de experiencia y habiendo probado muchas cosas (y si, testeo en Firefox , 4, IE 6, 7, 8, 9, Chrome, Safari, Opera, Midori, en Linux, Windows y Mac) no los considero necesarios.
Por otro lado este artículo va principalmente a poner conciencia a que hay algo más allá de solo poner un reset y olvidarse del resto sin poner cuidado. Ellos sabes quienes son. Si el título o el contenido parece amarillista, es la idea, así interesa más y llega más lejos. Gracias por comentar
Ejemplo: supongamos una Web con de todo (divs, ul, li, a, etc)
Con reset:
Código :
* { padding:0; margin:0; } p { padding: 10px; }* y listo, la Web se ve igual en todos los navegadores.
Sin reset:
Código :
ul { padding:0; margin:0; } ol { padding:0; margin:0; } (... más código para otros elementos...) p { padding: 10px; }* Mucho más código para establecer una visualización uniforme.
Se que el ejemplo se ve algo estúpido, porque en el segundo caso simplemente estamos reseteando "uno a uno". Pero lo que quiero mostrar es que por no querer redundar con la p, estamos incrementando el trabajo y el código.
Por cristian_cena el 01 de Junio de 2011
Estoy de acuerdo en que no tiene sentido usar resets de otros como el de eric meyer por ejemplo sin saber que es lo que se está usando. Porque un reset en definitiva responde a un estilo de trabajo, a mis prácticas como maquetador. Si quiero usar *{margin:0;} lo uso y punto, si quiero que los input no tengan focus en ie tambien lo uso, en ultima llamo esa hoja de estilos solo en ie ¿cual es el problema?.
El ejemplo que das de los 80 elementos es ridículo ya que basta con usar el selector de etiqueta apropiado o una clase y definirlos para todos de una sola vez. Ramm, lo siento, pero no comparto tu idea. A parte que es eso de "set css" ese termino lo acuñaste vos? a que te referis?
Por Seba el 01 de Junio de 2011
Por una mejor internet.
Por Qué chistoso el 01 de Junio de 2011
hazle un favor a tu sitio y a nosotros. Pon la etiqueta "HUMOR" al artículo, por favor.
cristian_cena-blog :
Como dije al final, la alternativa es ponerle margen/padding/lo que sea a cada elemento, en vez de usar el reset.
cristian_cena-blog :
También si quieres maquetar con tablas lo haces y punto, nadie te obliga a dejar de usar el reset. No significa que yo piense que esta bien hacerlo.
cristian_cena-blog :
Cuando haces * { lo que sea } estas seleccionando TODOS los elementos HTML que existen, que son mas de 80, lo cual le toma tiempo al navegador saber cuales están y cuales no para aplicar el estilo.
cristian_cena-blog :
A que hagas p {margin: 0 0 20px 0;} // o lo que sea que quieras de margin, en vez de ponerle 0 para despues ponerle lo que va.
Seba-blog :
Cual es tu aporte? al menos di que es lo errado, y por que es mal enfoque. Que no estes de acuerdo no lo hace errado.
Qué chistoso-blog :
Quienes toman en serio el CSS y lo conocen a fondo saben de que hablo, y al fin y al cabo es solo una opinion, cada quien hace las cosas a su forma.
Por cristian_cena el 01 de Junio de 2011
Sobre el tiempo que toma al navegador, vamos que son 0,00000001 microsegundos
Noto que la tecnica que planteas tiene lógica, pero pierde en practicidad ¿me equivoco? es decir, nos olvidamos del reset y en cambio seteamos la lista completa de tags html a mano.
Es decir, hacemos el reset junto con la definicion de estilos en cada nuevo proyecto que hagamos. Bueno he visto que grandes themes llevan a delante tu práctica y también los he visto con reset separado.
Tengo la impresión de que este artículo generó polémica por ser más teórico que práctico. Hubo más palabras que manos en el código, tomalo como una crítica constructiva.
Tal vez si la exposición fuera más unidireccional y directa más de uno hubieramos comprendido el artículo de entrada.
Saludos
cristian_cena-blog :
Seteamos la lista de tags que realmente utilizamos en el sitio (que según yo igual hay que hacerlo), las que no, se dejan sin tocar (cuando hay contenido generado por el usuario esto a veces es la mejor opción).
Tienes razón, esto es más teórico, pero es para darse cuenta de lo que uno realmente hace. Aunque es complicado explicarlo bien sin poner un montón de código y ejemplos.
Gracias por tus comentarios.
PD: polémica o no, uno aprende mucho de exponerse a publicar cosas, debe ser una buena forma de aprender algo.
Por Qué Chistoso el 01 de Junio de 2011
Por no mencionar la contradicción (una de las muchas que comete) entre su " No a los CSS reset" a todo color y resaltado en el título y la conclusión final de utilizar el ridículo "set". Ridículo porque símplemente lo que él llama "set" es nada más y nada menos que un reset adecuado/depurado/optimizado para el documento al que aplica. Que ya que estamos es lo que todos los que han creado/ampliado/mejorado cualquier reset css es lo que siempre han recomendado.
Un planteamiento inicial falso. Un desarrollo impreciso, simplón y carente de rigor. Una argumentación falaz.
Y todo para llegar a una conclusión que desacredita ella misma a todo lo previo.
Sólo tengo una duda y es sobre la finalidad del artículo: ¿fue hecho para reclamar y vender el invento del set css o para ganar unos puntitos de eso que llaman "nivel de clab"?
N.B: las formas y palabras elegidas en este comentario son acordes y a tono con:
"Quienes toman en serio el CSS y lo conocen a fondo saben de que hablo..."
¿Qué pasa? ¿Que quienes discrepamos no tenemos ni idea de css y para más inri nos lo tomamos a pitorreo?
¡Anda allá!
Por cristian_cena el 02 de Junio de 2011
http://www.librosweb.es/css_avanzado/capitulo2.html
Cuando mencionaba los themes que vi hechos de las dos formas, en el que estaba hecho a la manera del autor, o sea, sin reset, también se "seteaban" los estilos, pero de todos los tags! ya que era un template de envato, y como sabras si uno crea los estilos para un programador no puede dejar nada librado al azar ni a los comportamientos de los navegadores. En general, concluyo en que no cambia mucho la cosa. ya que esto de "setear" de algun modo tambien es "resetear" pero escribiendo mas.
Me parece interesante que el autor comparta su experiencia, aunque yo no voy a aplicar esto porque me parece mucho mejor práctica usar un reset. Para nada comparada a usar tablas como por ahi respondieron.
cristian_cena-blog :
Es un buen artículo, aunque no explica el por qué de las cosas. De igual forma extraigo el final del artículo que es la base de mi crítica, y la razón por la que lo escribí, ya que la mayoría de los maquetadores que conozco NO lo hacen:
www.librosweb.es :
Debe ser adaptado, no sobreescrito con otra hoja de estilos.
Según la experiencia que he tenido con otros maquetadores, el uso de los Reset CSS lo que ha logrado es que no investiguen más a fondo como funcionan algunas cosas, ya que se lo dejan todo al Reset. Muchos ni siquiera saben que significa especificidad en CSS.
Por chickenexecutor el 16 de Junio de 2011
siento llegar tan tarde a este post pèro he estado paseando al perro...
Comparto casi todo lo que dice el autor de este post, pero me gustaría aclarar que en ciertas ocasiones el uso de un reset.css nos permite tener un cierto grado de control sobre el contenido html insertado por los dueños/usuarios del sitio.
Quizá en nuestro diseño no usemos muchos <dl> o quizá ningun <abbr> pero no hay que descartar que los usuarios del fastabuloso cms que acabamos de crear si que lo hagan.
Con el uso de ese reset.css (o si lo modificamos, de nuestro set.css) podremos estar seguro de que todo el contenido de nuestro sitio quede tan a nuestro gusto como queramos.
Un saludo.
Por Juanda el 18 de Julio de 2011
Por Daniel el 25 de Julio de 2011
la idea no es dejar de lado el reset.css si no mas bien adecuarlo al proyecto.... no se trata de meter el reset asi tal cual, si no que modificarlo, dejarle el codigo que si nececitemos resetear.
si a X etiqueta le voy a aplicar por ejemplo 10px de margen... veo ridiculo tener en el reset un margin 0
con el reset estamos asignando un valor dos veces pudiendolo hacer solamente una, por eso yo creo que si es bueno utilizar el reset pero modificarlo y eliminar las partes que despues definamos segun nuestro maquetado.
y para el usuario que postula el articulo al concurso de los mas estupidos, creo que su comentario no ayuda en nada, si no va a aportar, mejor no haga comentarios que si son estuidos.
Por David el 16 de Septiembre de 2011
Por David el 16 de Septiembre de 2011
Por mmontes95 el 27 de Noviembre de 2011
Por carlos_7 el 11 de Enero de 2012
"No a los CSS Reset"
luego de muchas criticas, sabiendo que te equivocaste estupidamente, alguien dice:
"la idea no es dejar de lado el reset.css si no mas bien adecuarlo al proyecto."
y respondes
"Entendiste perfectamente mi punto Daniel, de eso se trata."
.... esto es comico, de verdad que si..
Por Nekro el 25 de Enero de 2012
Yo también suelo usar reset ya que tomé la costumbre de diseñar usando el 960 grid system, y a la hora de diseñar también le pongo estilos yo mismo a cada elemento del diseño, con lo cuál un reset es insignificante para mi diseño. Y me parece de muy mal gusto que todas esas personas que están acostumbradas a usar reset critiquen el artículo por el simple hecho de no saber crear correctamente su propia hoja de estilos.
Por Dave B. el 28 de Enero de 2012
1. La verdadera solución sería definir de forma estándar los valores iniciales de los elementos (y que los navegadores los respetesan despues claro). Se ha recurrido a la "necesidad" de los css-reset en respuesta a esta carencia.
2. La naturaleza de herencia en cascada de los css, pongo ejemplo:
si tengo 4 divs, 3 con margin=0 y 1 con margin=10, puedo:
div {margin:0px;}
#div1 /* hereda margin 0 del div */
#div2 /* hereda margin 0 del div */
#div3 /* hereda margin 0 del div */
#div4 {margin:10px;} /* este valor "pisa" el valor 0 inicial, la reduncia a la que creo que se refiere el autor */
y otra opcion seria:
#div1 {margin:0;}
#div2 {margin:0;}
#div3 {margin:0;}
#div4 {margin:10px;}
Bien, aqui el valor 10 del div3 no esta "pisando" ningun valor anterior, pero para mi es mas redundante declarar un mismo valor en 3 puntos distintos (y desaprovechar las ventajas de la herencia en cascada).
Resumiendo, tened en cuenta que si no se le asigna un valor, el navegador asigna un valor por defecto. No veo mal que sea yo el que le asigne un valor por defecto en lugar del navegador.
Ademas hoy en dia hay css-reset mas avanzados, creando una lista de elementos concretos en lugar de usar el comodín (*)
Si siguiese la recomendacion del autor, diría mas bien: css-reset no, definir estandar en los valores por defecto ya!!
Dave B.-blog :
El punto principal de Ramm es que la gente escribe
Código :
div { margin: 0; }Cuando eso es algo por defecto en todos los navegadores y no es necesario, sucede lo mismo con intentar usar font-weight: bold en etiquetas strong o b, igual que font-style:italic en em y i.
Tampoco tiene sentido intentar agregar un reset de 30KB cuando lo unico que uno necesita es un reset para margenes en etiquetas p y titulos del tipo h1, h2, h3.
Llega un punto en el que los resets dejan de ser utiles y solo crean codigo extra que uno nunca usa por el simple hecho de "tenerlos", lo cual suele crear confusion a los propios navegadores, demora la descarga, a veces crea una llamada http extra y el 90% de veces obliga al navegador a crear multiples renders y reflows en etiquetas que no lo necesitan aumentando la cantidad de memoria y disminuyendo la velocidad de carga de una pagina.
Por Oliverastro el 02 de Febrero de 2012
Saludos
Por Nimbus el 08 de Febrero de 2012
margin: 0;
padding: 0;
} para nada es obtima... U.u pero si practica... mala o buena cada quien tiene sus parametro...
Por Gast el 05 de Marzo de 2012
El inline-block es un ejemplo claro de eso.
Por sss el 29 de Marzo de 2012
Por RSS el 31 de Agosto de 2012
el reset CSS es necesario y si realmente no se entiende esto se tiene una falta de conocimientos interesante.
pongamos
<div style="width:100px"></div>
en un navegador mide 100 px en otro mide 98, esto es un problema de base muy serio de interpretacion de navegadores y es tan simple como el modelo de caja tiene el borde dentro o fuera de la misma, este es uno de los grandes errores que se controlan con el reset.
el redefinir estilos es lo normal para eso se tira de clases y de id's primero defines etiqueta luego clase y luego id, de esta forma aprovechas la herencia, cosa que cualquier persona que trabaje con css habitualmente debe de saber.
si no te gusta lo que ves en las css tal vez simplemente es que no lo entiendes y el reset css en modo quirks es algo mas que normal y con mucho sentido.
Por RSS el 31 de Agosto de 2012
Por Daniel el 05 de Junio de 2013
Por [email protected] el 06 de Julio de 2013
Por sansgumen el 09 de Agosto de 2013
Por Inyaka el 10 de Agosto de 2013
Por edgar el 16 de Junio de 2014
no seria mas factible resetearlo?
Por Cesparza el 01 de Abril de 2015
Por eso reseteamos todos los profesionales, para que lo que diseñas, pueda verse exactamente igual en cualquier dispositivo incluido los cientos de dispositivos móviles y marcas que hay en el mercado.
Al fin y al cabo, no se trata de un reseteo, se trata de diseñar exactamente lo que deseas que se visualice y tal como ha sido concebido.
Lo que nunca, y repito NUNCA se debe hacer, es dejar que los navegadores alteren y modifiquen un diseño. Eso si es una malísima práctica, de hecho no hay más que mirar internet para ver los bodrios de webs, sobre tdo blogs, que hay por ahí.
No se trata de que tu estés de acuerdo o no con esto, se trata de que es una de las primeras reglas del CSS.
Un saludo
Por el 19 de Julio de 2015
Aparte esto facilitaria al 100% el trabajo de todos, a los espectadores no los cambie en los mas minimo, todo dependeria del webmaster, si quieres mas grande dale zoom, asi de simple....