Front-end, Estándares web y Accesibilidad

Las CSS Expressions son usadas para establecer propiedades dinámicas. Fue un invento más de Microsoft para Internet Explorer. Los problemas que veo en las “CSS Expressions” son: No es un estándar web, con todo lo que ello implica… Se diluye la abstracción: contenido > estilo > comportamiento. A excepción de IE todos los navegadores tendrán [...]

Continuar leyendo "No me gustan las “CSS Expressions”".

Es seguro que en algún momento todos los que trabajamos con CSS echamos en falta las conocidas variables, elementos esenciales en cualquier lenguaje de programación. Para solventarlo se me ocurren varias formas: Evitar las redundancias. Usar mejor la descendencia en los selectores. Definir las variables como meros comentarios. Usar variables de PHP u otro lenguaje [...]

Continuar leyendo "Variables en CSS; Implementaciones".

En un proyecto sobre el que estoy trabajando observo que en el maravilloso mundo de IE6 no aparece bien el estilo para el menú de secciones… Intentare ilustrarlo con un ejemplo resumido. CSS del menú #nav li a.home { } #nav li a#current.home { } Internet Explorer 6 e inferiores recelan de los selectores combinados, [...]

Continuar leyendo "Juntar identificador y clase en IE6".

Aunque con cierto retraso (20/10/09) me hago eco de esta noticia, y es que los XFORM ya han sido establecidos como recomendación por parte del W3C. Los formularios que usamos actualmente con HTML presentan un nivel de interacción algo pobre para las necesidades de hoy en día. Los sitios web han pasado de ser páginas [...]

Continuar leyendo "XFORM pasa a ser recomendación".

Con la ayuda de herramientas como CleanCSS (basado en CSSTidy) podemos optimizar y reducir notablemente el peso de nuestras hojas de estilo. Hace tiempo hablábamos en este blog sobre como optimizar CSS y hace uso de formas abreviadas. Mediante esta herramienta online podemos probar nuestros ficheros CSS y descubrir mejores formas a la hora de [...]

Continuar leyendo "CleanCSS – Limpiar y optimizar nuestras hojas de estilo".

Para crear un botón en HTML contamos con dos etiquetas: INPUT BUTTON Ambas son válidas. La segunda de ellas es menos usada (con diferencia) aunque esconde tras de si muchas ventajas al poder anidar en su interior contenido. Botón tradicional con input <input type="submit" value="Eliminar" /> Botón + icono con button <button type="submit"><img src="delete.gif" alt="x" [...]

Continuar leyendo "Button y img, botón de formulario con icono".

Al hilo del anterior post “Virtualización de WinXP + IE6, probando nuestro CSS” me ha llegado un comentario (gracias d2f) con otra herramienta que en su día deje pasar de largo (craso error Javi). Xenocode nos permite en su web descargarnos un plugin y emular estos navegadores sin más complicaciones. ¿Un problema de usabilidad? Hace [...]

Continuar leyendo "Emular IE8/IE7/IE6, Firefox, Safari, Chrome, Opera".

¿Os acordáis que hace un tiempo hablábamos sobre ‘el duelo’ xHTML2 vs. HTML5? Parece que el W3C se había quedado solo con la especificación xHTML2, mientras que otras empresas como Opera, Mozilla y Apple siguen trabajando por y para HTML5. Luego llego la incorporación de Google apostando fuertemente por HTML5 con proyectos como Google Wave. [...]

Continuar leyendo "W3C se volcará en HTML5".

Bajo Windows tenemos algunas herramientas para probar nuestras hojas de estilo y el marcado que hemos generado. IETester MultipleIEs Sin embargo, las dos soluciones presentan algunos problemas. El primero de ellos en determinados casos no suele emular muy certeramente. El segundo no soporta Windows vista. Al menos no por ahora… El soporte javascript es bastante [...]

Continuar leyendo "Virtualización de WinXP + IE6, probando nuestro CSS".

Outline nos permite crear un contorno dinámico (que bien suena esto ) alrededor de los objetos, imágenes, controles de un formulario, etc. La propiedad de CSS “outline” es una gran desconocida, creo que le hace sombra la famosa propiedad “border” aunque de forma mal interpretada. ¿Qué es un contorno dinámico? Es aquel que se forma [...]

Continuar leyendo "Outline, contornos dinámicos en CSS".