Front-end, Web Standards & Accessibility
Archivo » Estándares
Expongo a continuación algunos consejos para la optimización de nuestras hojas de estilos CSS.
1. Selectores ID, Classes, Tags
#logo { margin-top: 1em; }
.ico { margin-left: 1em; }
a { text-decoration:none; }
Los Selectores ID es la forma más eficiente y rápida que hay en CSS para otorgar estilo. Por contra no podemos sobrecargar nuestro CSS usándolos para cada [...]
Continue reading "Optimizar CSS, 12 consejos y 4 herramientas".
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 que tragar estos [...]
Continue reading "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 dinámico de servidor.
Decantarnos [...]
Continue reading "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, aquellos donde se une [...]
Continue reading "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 [...]
Continue reading "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 escribir [...]
Continue reading "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" /> Eliminar</button>
Nota: En este caso se ha [...]
Continue reading "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 un tiempo visite [...]
Continue reading "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.
Finalmente el [...]
Continue reading "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 pobre, incluso es bastante complejo llegar [...]
Continue reading "Virtualización de WinXP + IE6, probando nuestro CSS".
Comments
Trackbacks