PortadaCSS Avanzado

ai

Animación con CSS Sprites y steps()

CSS ha evolucionado exponencialmente a lo largo de los años. Pasamos de diseñar con tablas y elementos feos e incómodos a crear de forma fácil sombras, bordes redondeados, tipografías personalizadas, diseñar la barra de scroll e incluso crear animaciones con CSS Sprites, como os voy a enseñar en este artículo. Aunque, en vez de lograr … Lee más!

pizzatime-hover

Efecto Hover PizzaTime con transiciones y pseudo elementos CSS

Si alguno de vosotros conocéis PizzaTime.com, sabréis que en el sitio web tienen un curioso efecto hover en sus cajas de navegación, que pasan a ponerse desde un fondo blanco a uno rojo, es decir, cuando pasamos el cursor por una de ellas pasan de estar así: A estar así: Un cuadrado rojo se va … Lee más!

jquery-calendar-plugin

CLNDR: Un plugin JQuery para crear calendarios

Hay muchos plugins de calendarios por internet, el problema es que todos ellos necesitan un gran trabajo de modificación y adaptación para que quede bien en nuestro proyecto, además de ocupar demasiado espacio y ser muy tediosos. CLNDR, no es como ellos, es un plugin de calendario basado en JQuery que, a diferencia de otros … Lee más!

pace-js

Barra de progreso de carga automática gratis para tu sitio web

Añadid Paje.js y un archivo CSS a tu elección y voilá! Tendréis una bonita barra de carga para tu sitio web con navegación AJAX totalmente gratis. No es necesario ser un usuario avanzado para incluirlo en vuestra página web, el progreso es detectado automáticamente. Simplemente elegid el color de vuestra elección, y escoged entre la distinta gamas de … Lee más!

css-tiempo

Relajante animación del tiempo con CSS

Está claro que con las animaciones de CSS se puede hacer casi todo. El tiempo es algo que nos acompaña a todas horas, y en algunos proyectos es necesario plasmarlo de una manera u otra. En este artículo podrás realizar una suave y ligera animación del tiempo con CSS, como podéis ver en el ejemplo. … Lee más!

curso-less

{Curso} LESS, hojas de estilos dinámicas

A estas alturas muchos de vosotros habréis ya oído hablar de los preprocesadores CSS y sus ventajas, yo quise darles una oportunidad y comencé por un curso de LESS en UDEMY. ¿Porqué LESS y no Stylus o SASS? Principalmente porque LESS es el preprocesador con una curva de aprendizaje más rápida y no quería perder más tiempo del … Lee más!

Sprite_Master_Sample

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!

CSSBlog ES reune recursos, guías y contenidos acerca de CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita.

Puede contactar o anunciarse.