Problemas habituales a la hora de trabajar con HTML y CSS

Experiencia de usuario
24/2/2005
|
Daniel Torres Burriel
Escritorio redondo con laptop, gafas, planta, celular, lápices y unas manos de mujer tecleando.

Un texto de Holly ‘n John y Holly Bergevin titulado Common Coding Problems with HTML and CSS constituye ese tipo de materiales que de vez en cuando, muy de vez en cuando, aparecen por la pantalla para iluminar y animar a quienes dudan sobre si se vuelcan o no a eso que leen por foros y weblogs, y no se acaban de atrever a poner en marcha, cual es el diseño basado en hojas de estilo, separando la capa del contenido de la presentación.

En Common Coding Problems with HTML and CSS los autores hacen un repaso de las cuestiones que resultan más problemáticas a la hora de trabajar exclusivamente con CSS cuando se trata del diseño de un sitio web. El texto se divide en dos partes bien diferenciadas. Una que describe los problemas más comunes y otra, más avanzada, que repasa los principales dolores de cabeza de los diseñadores a la hora de escribir código compatible con todos los navegadores, especialmente con la familia de IE.

De esa forma, y a modo de listado ilustrativo, se habla de lo siguiente en los referido a aspectos más comunes:

  • FOUC: el instante de contenido sin estilos
  • Interferencias con el tipo de medio
  • Tipos MIME
  • Los problemas de los espacios en blanco
  • El prólogo XML
  • Validación
  • Problemas de cascada
  • Escribiendo rutas en url() e @import
  • Problema con el cuerpo del texto en IE
  • El orden de las pseudo-clases
  • Dotar de estilo a los links y no a los anchors
  • Especificación de unidades para los valores distintos de cero
  • Partir de cero en las listas

Y por parte de los dolores de cabeza fundamentales:

  • El problema del modelo de cajas
  • Floats desaparecidos
  • Links no clickables
  • El problema con el float en IE
  • Problemas con el margen superior
  • Floats que se escapan
  • El bug de los 3px en IE
  • Error de redondeo de 1px
  • Otro motivo por el que los floats se escapan
  • El Peekaboo Bug de IE
  • El Bug de la guillotina de IE/Win
  • El Click bug de IE
  • El bug de la cursiva justificada de IE

Y ahora el reto.

¿Nos animamos entre todos/as a ir rellenando los elementos de estas listas con una traducción que ayude a difundir el mensaje en español?

En Torresburriel Estudio desarrollamos las capacidades técnicas de tu equipo en temas de usabilidad, experiencia de usuario y diseño de producto a través de nuestros cursos online y presencialesContacta con nosotros y cuéntanos tus necesidades.

¿Quieres darnos tu impresión sobre este post?

Deja una respuesta

Aquí va tu texto personalizado.

Blog

Nos encanta compartir lo que sabemos sobre diseño de producto y experiencia de usuario.
Ver todo el blog
Puedes consultarnos lo que necesites
Envíanos un mensaje
Nombre
Email
Mensaje
Gracias por escribirnos. Nuestro equipo se pondrá en contacto contigo tan pronto como sea posible.
Ha ocurrido un error. Estamos trabajando para resolverlo. Puedes escribirnos al chat.