Comments on: Normalizando documentos con CSS http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/ desarrollo web con estándares Mon, 15 Mar 2010 23:36:00 +0000 http://wordpress.org/?v=2.3-alpha By: GeL/T0 http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-3482 GeL/T0 Wed, 22 Nov 2006 09:00:09 +0000 http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-3482 Hola Ismael, Hacía tiempo que no me pasabsa por aquí a leerte, aunque tu blog ande entre mis mejores preferencias. Muy bueno todo. Ahora, sobre accesibilidad. El tamaño del texto siempre debería ir en medidas relativas <em>em</em> o <em>%</em> ya que ciertos "navegadores" tienen el grato placer de no cambiar el tamaño del texto si las medidas están expresadas en <em>px</em>. Vamos si tienes eso puesto, prueba a cambiar el tamaño del texto con el IE, a ver que pasa ;-) No solo en diseño nos fastidia el dichoso IE, también en accesibilidad. Prueba con algo del estilo: <code> * { padding:0;margin:0; font-size:.8em; } </code> A parte de ese detalle, me apunto el hack (es de los pocos hacks q no se pueden considerar como tal ;) y eso que no suelo usarlos. Prefiero quitar una "habilidad" a tener que enguarrar el código. Un saludo y sigue así. Hola Ismael,
Hacía tiempo que no me pasabsa por aquí a leerte, aunque tu blog ande entre mis mejores preferencias. Muy bueno todo.

Ahora, sobre accesibilidad. El tamaño del texto siempre debería ir en medidas relativas em o % ya que ciertos “navegadores” tienen el grato placer de no cambiar el tamaño del texto si las medidas están expresadas en px. Vamos si tienes eso puesto, prueba a cambiar el tamaño del texto con el IE, a ver que pasa ;-)

No solo en diseño nos fastidia el dichoso IE, también en accesibilidad.

Prueba con algo del estilo:

* {
padding:0;margin:0;
font-size:.8em;
}

A parte de ese detalle, me apunto el hack (es de los pocos hacks q no se pueden considerar como tal ;) y eso que no suelo usarlos. Prefiero quitar una “habilidad” a tener que enguarrar el código.

Un saludo y sigue así.

]]> By: EstadoBeta » Archivo » Desarrolla Para Firefox, hackea para Explorer http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-3422 EstadoBeta » Archivo » Desarrolla Para Firefox, hackea para Explorer Tue, 07 Nov 2006 04:14:01 +0000 http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-3422 [...] Cierto. Siguiendo ciertas directrices -no uses más de dos floats consecutivos, olvídate de position: fixed, normaliza los márgenes y paddings y sólo utiliza los métodos estándares del DOM- es posible llevar un proyecto a buen término sin demasiadas complicaciones en cualquier navegador moderno, pero en muchos casos nuestro proyecto incluye técnicas triviales en la mayoría de los navegadores (¿alguien dijo position: absolute?) que en IE pueden tomar horas (o días) de investigación, pruebas y hacks para resolver. Esas mismas horas en que aún contabas con ese empuje vital para realizar cualquier proyecto de calidad: la motivación y los objetivos claros. [...] […] Cierto. Siguiendo ciertas directrices -no uses más de dos floats consecutivos, olvídate de position: fixed, normaliza los márgenes y paddings y sólo utiliza los métodos estándares del DOM- es posible llevar un proyecto a buen término sin demasiadas complicaciones en cualquier navegador moderno, pero en muchos casos nuestro proyecto incluye técnicas triviales en la mayoría de los navegadores (¿alguien dijo position: absolute?) que en IE pueden tomar horas (o días) de investigación, pruebas y hacks para resolver. Esas mismas horas en que aún contabas con ese empuje vital para realizar cualquier proyecto de calidad: la motivación y los objetivos claros. […]

]]> By: Gabriel Porras http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-2808 Gabriel Porras Thu, 06 Jul 2006 22:14:44 +0000 http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-2808 Personalmente para comenzar todo diseño utilizo el <a href="http://kurafire.net/log/archive/2005/07/26/starting-css-revisited" rel="nofollow">CSS Starter</a>. Hace lo que mencionas aquí y algunas otras cosillas! Saludos! Personalmente para comenzar todo diseño utilizo el CSS Starter.
Hace lo que mencionas aquí y algunas otras cosillas!

Saludos!

]]> By: joseBedoya http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-537 joseBedoya Fri, 02 Jun 2006 01:59:12 +0000 http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-537 Hola Ismael ..... Soy nuevo por aki .... excelente artículo ... Bye y saludos.. Hola Ismael …..
Soy nuevo por aki …. excelente artículo …
Bye y saludos..

]]> By: Ismael http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-469 Ismael Wed, 31 May 2006 01:47:09 +0000 http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-469 Personalmente espero con curiosidad esos resultados. Happy redesign! Personalmente espero con curiosidad esos resultados. Happy redesign!

]]> By: EstadoBeta » Archivo » CSS: buenas prácticas http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-468 EstadoBeta » Archivo » CSS: buenas prácticas Wed, 31 May 2006 01:38:22 +0000 http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-468 [...] Los navegadores interpretan visualmente el código HTML de forma arbitraria y diferente si es que no se le indica cómo por medio de CSS. Para evitar imprevistos normaliza los márgenes, paddings y tamaños antes de empezar con tu diseño. [...] […] Los navegadores interpretan visualmente el código HTML de forma arbitraria y diferente si es que no se le indica cómo por medio de CSS. Para evitar imprevistos normaliza los márgenes, paddings y tamaños antes de empezar con tu diseño. […]

]]> By: Sebastian http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-467 Sebastian Wed, 31 May 2006 00:40:54 +0000 http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-467 Tengo que decirlo, <a href="http://css.maxdesign.com.au/listamatic/" rel="nofollow">LISTAMATIC</a> es una muy buena herramienta, deja bien encaminado el asunto, el resto es diseño. Me sirvió mucho para entender a cuales son los paddings y margins de cada li o ul. Cuando termine mi sitio van a ver los resultados. Saludos. Tengo que decirlo, LISTAMATIC es una muy buena herramienta, deja bien encaminado el asunto, el resto es diseño. Me sirvió mucho para entender a cuales son los paddings y margins de cada li o ul.
Cuando termine mi sitio van a ver los resultados.
Saludos.

]]> By: Ismael http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-465 Ismael Tue, 30 May 2006 23:17:38 +0000 http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-465 No son necesarias las disculpas ;) La verdad no me había fijado en el probloema y se agradece que te hayas fijado (en <a href="http://www.ismaelcelis.com" rel="nofollow">mi sitio personal</a> pasa lo mismo!) No son necesarias las disculpas ;) La verdad no me había fijado en el probloema y se agradece que te hayas fijado (en mi sitio personal pasa lo mismo!)

]]> By: Sebastian http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-464 Sebastian Tue, 30 May 2006 23:12:25 +0000 http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-464 Gracias!!!! muy buena página ya esta en mis marcadores. Ahhh lo otro es que lo de Safari no es terrible, disculpa, lo que pasa es bien simple, la numeración del comentario queda sobre el avatar. No es nada. Saludos y gracias, espero por el post con buenas prácticas. Gracias!!!! muy buena página ya esta en mis marcadores.
Ahhh lo otro es que lo de Safari no es terrible, disculpa, lo que pasa es bien simple, la numeración del comentario queda sobre el avatar. No es nada.
Saludos y gracias, espero por el post con buenas prácticas.

]]> By: ismael http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-462 ismael Tue, 30 May 2006 22:07:39 +0000 http://www.estadobeta.com/2006/05/10/normalizando-documentos-con-css/#comment-462 Ups! Eso pasa cuando se desarrolla en PC (ya no más). No he tenido tiempo de revisar el problema en Safari pero estoy seguro de que la solución es simple. Si bien no podemos aspirar (todavía) a que nuestro trabajo se vea <em>exactamente</em> igual en todos los navegadores, creo que basta con seguir unas cuantas buenas prácticas para lograr resultados en todos los navegadores modernos. Creo que esas prácticas merecen un post propio (pronto!). Por otro lado, personalmente NO recomiendo IE por interés profesional: si baja el mercado de IE en favor de navegadores con mejor soporte de estándares, MS se ve obligado a mejorar su navegador (como IE7). En mi sitio personal decidí no preocuparme por IE6. Sobre las lista horizontales, puedes ver <a href="http://css.maxdesign.com.au/listamatic/" title="Listamatic" rel="nofollow">Listamatic</a> para buenos ejemplos de listas CSS (horizontales y verticales). Ups! Eso pasa cuando se desarrolla en PC (ya no más).
No he tenido tiempo de revisar el problema en Safari pero estoy seguro de que la solución es simple. Si bien no podemos aspirar (todavía) a que nuestro trabajo se vea exactamente igual en todos los navegadores, creo que basta con seguir unas cuantas buenas prácticas para lograr resultados en todos los navegadores modernos. Creo que esas prácticas merecen un post propio (pronto!).
Por otro lado, personalmente NO recomiendo IE por interés profesional: si baja el mercado de IE en favor de navegadores con mejor soporte de estándares, MS se ve obligado a mejorar su navegador (como IE7). En mi sitio personal decidí no preocuparme por IE6.
Sobre las lista horizontales, puedes ver Listamatic para buenos ejemplos de listas CSS (horizontales y verticales).

]]>