Interesante tutorial de Juanjo Vargas que nos muestra cómo aplicar un sólo PNG a cualquier color para generar degradés a nuestro gusto. En la web 2.0 se usan mucho los degradados y difuminados para fondos en general. La verdad es que si tenemos que abrir el Photoshop y hacer un degradado con cada color y medida que queramos podemos morir … Read More
Técnica en Photoshop de retoque fotográfico
Muy buen tutorial y muy simple. La imagen lo dice todo. Ver tutorial: http://www.tutorialdash.com/
Hack de IE para transparencia de PNGs
Dos sitios que cubren el tema del manejo de PNGs con transparencia en Internet Explorer 6. Este asunto nos ha causado seguramente a todos una molestia en algún proyecto, pero hay soluciones. Esperemos nomás a que pronto termine de desaparecer este infame navegador. http://www.webmasterlibre.com/ http://www.twinhelix.com/css/iepngfix/
Código útil para tus proyectos! (Parte 1)
Aquí una colección de código muy útiles para el desarrollo de sitios. En su mayoría, por no decir que todos, gratis y listos para descargar! Un buen ejemplo listo para usar, de un formulario con todos los campos que se puedan necesitar. Hecho con CSS y semánticamente correcto. Web: http://nidahas.com/sandbox/form_template.html Buena colección de scripts de calendarios basados en Javascript y … Read More
14 rules for fast web pages
Steve Souders of Yahoo’s "Exceptional Performance Team" gave an insanely great presentation at Web 2.0 about optimizing website performance by focusing on front end issues. This is a big presentation, with a lot of data in it (a whole book’s worth apparently), but half way through he boils it down into 14 rules for faster front end performance: Make fewer … Read More
Tutorial: Crea botones atractivos en CSS
Gracias a Guillermo me enteré de este interesante sitio, donde se detalla en un tutorial, como crear botones (con interactividad en el evento onClick) con poco CSS y un par de imágenes. This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. Dynamic buttons save you heaps of time otherwise spent creating … Read More
Internet Explorer (IE 5, 5.5, 6 and 7) CSS Hacks
Interesante artículo de Andrew Sellick, que nos muestra algunos tips para "hackear" el CSS y lograr efectos deseados en cuanto a compatibilidad de browsers. Phew. Right now I’ve got that out of the way lets start off with one of the most commonly used hacks, the underscore hack. _width:100%; This will work in all IE browsers below IE 7 but … Read More
Tutorial: Perfila imágenes con un par de clics
En este sencillo tutorial les explicaré como “siluetear” o perfilar una imagen aprovechando el potencial de los filtros (en este caso el “Blending Mode”). Los pasos son muy sencillos y no requieren conocimientos avanzados en el uso de programas de diseño, sin embargo los resultados son excelentes y sobre todo ahorran mucho tiempo en la tediosa labor de siluetear imágenes … Read More
Cómo se construyó este blog
Después de algunas pruebas con varios layouts de 3 columnas en CSS, incluyendo el que plantea el Santo Grial de los Layouts en CSS, encontré este método en DynamicDrive, el cual me sirvió de base para armar la estructura de este blog. Ha sido probado en IE6, IE7, Firefox y Safari exitosamente, por lo que lo puedo recomendar para futuros … Read More