Archivo para el 'Tutoriales' Category

PNG con transparencias

Imagen PNG con transparencias vista desde Photoshop

Hoy voy a tratar un tema relacionado al de ayer, el de las transparencias de las imágenes PNG. Gracias a ellas podemos aplicar efectos de transparencias muchos mas complejos que los de las imágenes GIF o las opacidades de CSS.

Leer el resto de la entrada

Técnicas CSS: Opacidad

Técnicas CSS

Antes de nada quería pedir perdón por este aparente abandono del Blog durante un mes, podría poner como excusa que he estado muy ocupado estas últimas semanas y aunque en parte sería cierto, no lo es suficiente como para justificar el haber dejado sin actualizar esto tanto tiempo.

En fin, para empezar esta nueva temporada, continuaré con la prometida serie de tutoriales sobre técnicas CSS. Hoy trataré un tema muy sencillo y poco utilizado, pero con mucho juego: la opacidad.

Leer el resto de la entrada

Técnicas CSS: Remplazo por imágenes

Técnicas CSS

Cuando queremos añadir imágenes al diseño de una web utilizando CSS, normalmente recurrimos a elementos vacíos con los que luego modificamos su imagen de fondo y tamaño. ¿Pero qué pasa cuando queremos remplazar un elemento que contiene texto? En estos casos es cuando tenemos que recurrir a las distintas técnicas para el remplazo por imágenes.

Leer el resto de la entrada

Técnicas CSS: Centrar una página

Técnicas CSS

Dado que estos días voy a estar maquetando una web, he pensado en ir publicando una serie de tutoriales sobre distintas técnica básicas de CSS a las que probablemente recurramos en muchos diseños web. En la primera de ellas nuestro objetivo será centrar el contenido de una página par que cuando se redimensione la ventana del navegador, el contenido se mantenga centrado.

Leer el resto de la entrada