Javascript: Actualización automática de CSS

Al maquetar puede resultar engorroso el andar ajustando un pequeño detalle en CSS y tener que actualizar la página cada vez que se cambia. He montado un Javascript simple para hacer más fácil la tarea del maquetador. Consiste en recargar la CSS en un intervalo de tiempo (en el ejemplo será 1 segundo) sin recargar […]

Javascript: simular hover en Internet Explorer 6 con Prototype

Se trata de un sencillo script que nos permitirá evitar el problema de Internet Explorer 6 con la pseudo-clase :hover. Dicha pseudo-clase se puede aplicar a cualquier elemento, para que al pasar el puntero por encima puedan cambiarse los estilos, pero Internet Explorer 6, en su línea habitual, solo lo acepta en elementos de enlace.

Capas condicionales para evitar el uso de hacks CSS

En muchas ocasiones las distintas versiones de Internet Explorer interpretan la CSS un poco como quieren. Y es por eso que utilizamos hacks CSS (en inglés), que aunque en muchos casos cumplen con los estándares, de cara al futuro pueden ser un riesgo ¿Y si futuros navegadores los empiezan a interpretar? ¿Y si un navegador […]

Que hacer cuando el elemento OBJECT tapa una capa posicionada

Suele pasar que cuando hay capas emergentes y animaciones flash la capa se queda por debajo del Flash. Basta con añadir esto dentro del elemento OBJECT: <param name="wmode" value="transparent" /> Un ejemplo completo: <object type="application/x-shockwave-flash" data="fichero.swf"> <param name="wmode" value="transparent" /> <param name="movie" value="fichero.swf" /> <param name="quality" value="high" /> <p>No dispone del plugin Flash Player, si […]

Abandonemos de una vez el soporte a IE6

Ya hay sitios importantes que dejan de lado navegadores obsoletos, como Youtube. La maquetación adaptada a IE6 es un quebradero de cabeza y una fuente de gastos. En algunas ocasiones el tiempo dedicado a IE6 en una maquetación puede acercarse al 80%, y las decisiones de incluir determinados elementos en un diseño quedan vinculadas al […]

Decálogo de maquetación web

Diez consejos útiles que mejorarán ostensiblemente la accesibilidad de un sitio web: Utilización de encabezados (H1–H6) para estructurar el documento y utilizar adecuadamente los párrafos y listas. En los encabezados no se saltan niveles. Cuando una lista tiene un solo elemento no es una lista: es un párrafo. Los textos de los enlaces habrán de […]

CSS: problema de doble margen en IE6

Cuando un elemento está flotado dentro de un contenedor y tiene definido un margen, nos podemos encontrar con la desagradable sorpresa de ver como Internet Explorer 6 duplica dicho margen. Supongamos que tenemos esta regla CSS: div.capa p.parrafo {float:left; margin-left:10px;} Internet Explorer 6 sacará un margen de 20px. Se puede solucionar con un hack CSS, […]