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.
Seguro que alguna vez se te ha planteado una duda sobre alguna propiedad de CSS 2.1, Pete Freitag nos ha salido al rescate para todas esas situaciones con CSS Docs.
En CSS Docs encontraremos todas las propiedades de CSS 2.1, bien mediante un cómodo buscador que hace un excelente uso de la función de autocompletado de script.aculo.us, bien apuntando directamente nuestro navegador a la URL de una propiedad determinada (por ejemplo: http://cssdocs.org/background).
Además, podremos instalar un práctico plugin de búsqueda para nuestro Firefox.
CSS Docs: http://cssdocs.org/
Via Ajaxian
Firebug, la popular extensión para Firefox que nos ayuda a editar, depurar y monitorizar CSS, HTML y Javascript, ha llegado a su versión 1.0 beta con una buena noticia adicional.
Durante un tiempo su creador, Joe Hewitt, barajó la posibilidad de convertir Firebug en un producto comercial pero, con el lanzamiento de la versión 1.0 beta nos ha sorprendido con una fantástica noticia: Firebug va a seguir siendo gratuito y de código abierto, adoptando para la versión 1.0 final la misma licencia triple MPL/GPL/LGPL que utiliza Firefox.
Además, a partir de ahora tendremos la posibilidad de disfrutar de las ventajas de Firebug cuando estemos depurando código en Opera, Safari o Internet Explorer gracias a Firebug Lite, una librería Javascript que te permitirá embeber una consola de Firebug en tus páginas.
Firebug: http://www.getfirebug.com
Firebug Lite: http://www.getfirebug.com/lite.html
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
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Ver más noticias de los usuarios
