Marco Giacomuzzi

Me llamo Marco Giacomuzzi, soy consultor y analista de interfaz experto en Accesibilidad Web.

Freelance desde el año 2006.


Enlace

DryIcon es un asistente en la creación de botones degradado lineal utilizando CSS3.

Permite configurar una multitud de parámetros para lograr el resultado deseado y a diferencia de otros generadores te da la posibilidad de configurar el botón en sus tres estados: normal, hover y activo.


Enlace

dzign-us:

Una recomendable e interesante lectura sobre una nueva versión de la técnica CSS clearfix para maquetaciones con elementos flotantes. Demo

(Fuente: dzign-us)


Enlace

Adapt.js detecta el tamaño de pantalla del dispositivo visitante y carga la CSS adecuada para dicha dimensión.

La diferencia con CSS media queries es que estos últimos cargan todos los estilos y luego deciden cual mostrar. Esto comporta reducción de velocidad de carga de la página y mayor consumo de ancho de banda.


Enlace

dzign-us:

Un generador de degradados con CSS, al estilo Photoshop

(Fuente: twitter.com, vía dzign-us)


Enlace

CSS3 Sandbox es una herramienta on line que nos permite crear todo tipo de degradados, desde el más sencillo al más complejo. No solo ofrece eso sino también estilos relacionados con el texto, sombras y animaciones.

Una herramienta muy útil para los que todavía no tienen total padronanza con CSS3.


Enlace

Por supuesto solo funciona con navegadores modernos que soportan CSS3. Aunque para IE se aplican algunos filtros (filter) es inevitable perder algunos detalle.


Enlace

selectivizr es una librería JavaScript para emular pseudo-clases y atributos CSS3 en Internet Explorer 6, 7 y 8. Un alternativa a ie7-js.

(Fuente: cssblog.es)


Enlace

CSS3 introduce la posibilidad de indicar un valor al canal alfa (de 0.0 a 1) a la hora de aplicar un color en formato RGB. De allí el termino RGBA.

Ejemplo RGB: selector { background: rgb(60, 80, 100) }

Ejemplo RGBA: selector { background: rgba(60, 80, 100, 0.3) }

Con RGBA podemos así declarar el nivel de opacidad de un elemento.


Enlace

Es posible ver un ejemplo en la web del autor. Desarrollada en CSS y jQuery, y funciona en todos los navegadores aunque en algunos en versión reducida.


Enlace