Portadasprites

Sprite Master, genera sprites rápidamente en OS X

Siempre es conocido que OS X, el sistema operativo de Apple, es muy común en los diseñadores para programar y diseñar sitios web. En este artículo quiero dar a conocer Sprite Master, un nuevo programa para generar sprites de forma rápida y sencilla, esta vez desde la plataforma OS X. Si todavía no sabéis lo … Lee más!

sin miniatura

Las meninas con efecto 3D mediante CSS

Román Cortés nos muestra un efecto pseudo-3D creado únicamente con CSS & HTML puro, nada de javascript ni flash, efecto que podemos activar al mover el cursor por el cuadro que os muestro arriba (sí, habéis acertado, el cuadro se titula “Las Meninas”). Ha usado 3 imágenes para realizar el efecto: 2 para el fondo … Lee más!

sin miniatura

Generador de CSS Sprites automáticos, CSS-sprit.es

Podemos aprender la técnica CSS Sprites, pero, también existen herramientas que nos hacen la vida más sencilla. CSS-sprit.es es una aplicación online con la que podréis automatizar el proceso de generación de CSS Sprites, de una manera cómoda y sencilla. Recordamos que usar CSS Sprites nos será útil para reducir las peticiones HTTP y reducir … Lee más!

sin miniatura

Distintos métodos para utilizar CSS Sprites

A lo largo del blog hemos escrito varias entradas explicando fundamentos relacionados con CSS Sprites (qué es CSS Sprites, cómo se usa y algunos ejemplos de su uso). Solo queremos hacer un listado de las entradas donde hacemos uso de CSS Sprites, ya que al principio no se indicó correctamente que se estaba usando CSS … Lee más!

sin miniatura

Vídeo: Cómo usar CSS Sprites

Seguro que muchas veces os habéis preguntado que son los CSS Sprites. Es una técnica para poder agrupar varias imágenes en una sola, pero de mayor tamaño, para luego poder hacer rollover o irlas viendo por separado aunque estén en una misma imagen, usando la propiedad background-position. En este vídeo se muestra el uso de … Lee más!

sin miniatura

Calendario de fechas dinámico usando CSS Sprites

Si deseamos mostrar un calendario dinámico y a la vez intuitivo para nuestro blog o sitio web, debemos aprender a usar este hack. En esta entrada explicaremos como crear un calendario de fechas (tanto més como día) de forma dinámica, usando la propiedad background-position y display, con el valor inline-block. Obviamente podemos usar la imagen … Lee más!

1
Pedro Corchero Murga

¿Qué es CSSBlog ES?

Hola, soy Pedro Corchero Murga. Mi objetivo es ayudarte a aprender sobre CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita. Todo ello para ayudarte a empezar a crear tus proyectos o mejorarlos, encontrando la inspiración necesaria.

Puedes contactarme o anunciarte en el blog.

¡Espera! ¡Un regalo por tu visita!

Como muestra de gratitud te enviaremos gratis los últimos freebies, sabios consejos y valiosos cupones de descuento sobre materiales de diseño web a tu correo si te registras abajo.