Una de las excusas más extendidas entre los diseñadores web para no utilizar unidades relativas de medida, como em, es la aparente falta de control que tienen sobre las dimensiones finales de su trabajo.
Para ellos viene hoy esta herramienta, em calculator creada por Piotr ‘Riddle’ Petrus . Con ella podrás convertir medidas en píxeles a em de una forma sencilla y clara, permitiéndote además calcular las medidas de elementos adyacentes o hijos (donde el uso de medidas relativas puede producir efectos no deseados si no tomamos en cuenta el tamaño del elemento padre)
em calculator: http://riddle.pl/emcalc/
El WaSP ha anunciado hoy la creación del International Liaison Group, un grupo que surgió de una iniciativa de Molly y que ha crecido hasta convertirse en un grupo independiente capitaneado por dos mujeres Glenda Sims y Steph Troeth.
La misión del ILG es convertirse en un grupo de trabajo mediante el que compartir progresos y recursos entre desarrolladores, de una forma inclusiva e internacional o como se presenta en la página web del grupo:
El Grupo de Enlace Internacional (ILG en inglés) del WaSP (Web Standards Project) es un colectivo internacional de profesionales de internet que promueven el uso global de los estándares para asegurarnos una Internet igualitaria.
Via Juicy Studio.
Anuncio oficial (traducción al castellano): http://www.webstandards.org/2007/02/01/20070201-es/
International Liaison Group: http://www.webstandards.org/action/ilg/
Estoy segura que, como yo, muchos hemos mantenido la creencia de que el color de fondo por defecto es el blanco pero ¿los usuarios utilizan siempre blanco como color de fondo por defecto? La respuesta es no.
Los navegadores nos permiten definir el color de fondo por defecto a nuestro gusto y, en más ocasiones de las que pensamos, esto puede producir cambios de aspecto en nuestros sitios.
En Programming Designs nos dan pruebas empíricas de ello, seleccionando el rosa fucsia como color de fondo del navegador nos ofrecen la visión travestida de muchos sitios conocidos, como muestra un botón:
Moraleja: Define siempre el color de fondo (background-color), por muy obvio que parezca.
Si necesitas más pruebas o quieres leer el artículo original en inglés: CSS Tip: Always define a background color
Que la mayoría de nosotros ya usamos Firebug es algo que no podemos ocultar pero ¿le sacamos tanto partido como podríamos?
Lo que os dejo a continuación es un video de Joe Hewitt presentando Firebug 1.0 hace unos días
Nota: La noticia proviene de Ajaxian con la diferencia de que en su artículo se utiliza un vídeo antiguo en lugar de este
Un año y 12 días después de que la primera beta de Firebug viese la luz, por fin, el día 24 de este mes, ha visto la luz la versión 1.0 de Firebug.
Para la mayoría de nosotros no supondrá un gran cambio ya que, estoy segura, venimos usando la 1.0 beta pero todos los que sigan con versiones anteriores se van a llevar una agradable sorpresa al reiniciar su Firefox.
Como ya comentamos en su momento, Firebug 1.0 sigue siendo Libre
Anuncio Oficial: One dot Oh
Descarga: Firebug en Mozilla Add-On
Cuando trabajamos con sitios grandes (y no tanto) suele resultarnos mucho más útil y cómodo manejar muchos archivos más pequeños en lugar de uno grande. En principio, no hay ningún mal en ello salvo que, cuando la página vea la luz, realizará muchas peticiones al servidor y esto es especialmente importante en el caso del Javascript que detiene el renderizado de la página mientras carga.
Una solución sencilla consiste en unir manualmente los archivos antes de subirlos al servidor, con los subsiguientes cambios y molestias que nos supondrían las actualizaciones y las nuevas versiones.
Para ahorrarse todo este trabajo de unir y versionear manualmente los archivos de sus sitios, Ed Elliot, ha creado un script en PHP que se encargará precisamente de todo ese trabajo sucio. Además, y como detalle extra a una gran idea, los archivos JS pueden comprimirse con JSMin
Toda la información de uso y demás en el post original, en inglés: Automatic merging and versioning of CSS/JS files with PHP
Hace 3 días, coincidiendo con el décimo aniversario de CSS, el W3C nos regaló Fuji: la nueva versión del validador de CSS.
Adornado con una imagen del Monte Fuji tal como se ve desde las oficinas del W3C en Tokio, esta nueva versión promete ofrecernos grandes mejoras:
La dirección, como siempre: http://jigsaw.w3.org/css-validator/
Ya hemos hablado por aquí de algunas soluciones para que el Internet Explorer 6 trabaje adecuadamente con los PNG, no obstante, se trata de soluciones que requieren «bastante trabajo» por nuestra parte.
Via dzone descubro que Angus Turnbull hace tiempo que había dado con una solución mucho más sencilla y rápida: IE PNG Fix
Nos descargamos el archivo iepngfix.zip y subimos a nuestro servidor los archivos iepng.htc (el script en si mismo) y blank.gif (una imagen gif transparente). Editamos el archivo iepng.htc, si es necesario, para que sepa donde está situado el gif transparente e introducimos algo como la siguiente línea en nuestro css:
Simplemente con eso, ya está. Además soporta las imágenes utilizadas como fondo, simplemente añade la propiedad a cualquier elemento que tenga establecido un fondo en PNG de la forma habitual.
En el archivo que nos descargamos viene incluida una demostración con una explicación bastante clara del funcionamiento del script. Sin duda simple y muy cómodo. ¡Se acabaron los GIFS de mala muerte!
¿Quieres saber como maquetaremos nuestros sitios en unos años? ¿Te intriga conocer las nuevas características que traerá la especificación de CSS 3?
En CSS3.info encontrarás un weblog con noticias y artículos sobre las novedades, ejemplos de atributos soportados actualmente por los navegadores y una sección sobre los módulos de CSS3 y su desarrollo.
CSS3.info: http://www.css3.info/
Las nubes de etiquetas son, sin duda, una de las señas distintivas de la web 2.0. Están por todas partes, páginas pequeñas y grandes pero, a pesar de su proliferación, parece no haber una forma definida de crear una. Cada desarrollador hace su propia aproximación al problema y, en general, los resultados son algo desalentadores (código sin sentido, malos usos de determinadas etiquetas, errores de accesibilidad…)
En 24ways (interesante forma de pasar el Adviento), Mark Norman Francis hace un estudio pormenorizado de los múltiples y muy graves errores que podemos encontrar en las nubes de tags de sitios tan populares como del.icio.us, Flickr o Technoratti y, además, nos ofrece unos cuantos consejos para que nuestro Tag Cloud sea amistoso con todos nuestros usuarios sin excepción.
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
Seguir @webmasterlibre
