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!
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!
Z-index, propiedad CSS
La propiedad z-index, de CSS, nos ayudará a determinar qué elementos se superponen con los otros. Variando el valor de dicha propiedad, daremos el orden a la superposición de los elementos, a menor valor, mayor profundidad de superposición. Por ejemplo tenemos dos div en el que hay dos imágenes, una con CSSBLOG y la otra … Lee más!
Tips al definir tu CSS para una web seria y formal
¿A que tú también te has dado con páginas web cuyo diseño gráfico no tiene nada que ver con sus contenidos o con lo que quiere transmitir? Se da una disonancia entre los contenidos y la presentación, que sin dudas repercute (para mal) en la experiencia del visitante, y en definitiva conspira contra la finalidad … Lee más!
Efecto POP en cajas con CSS
Si deseas lograr un efecto POP en las cajas de texto, en este artículo te enseñaré cómo debes hacerlo. Viendo a Chris Coyier quise compartir este artículo, en el que aprenderás a crear este llamativo efecto con las cajas de texto realizado integramente con CSS, como el de Pop Agency. Ejemplo en Codepen Las cajas … Lee más!
Limpiar floats con overflow
Uno de los problemas más comunes cuando usamos floats es que el contenedor wrapper que envuelve a los demás elementos no se expande a la altura de los elementos hijos. La solución típica a esto es añadir un elemento con clear float después de los elementos flotantes o un clearfix al wrapper. Otra solución, vía … Lee más!
Normalize, la moderna alternativa a los Reset CSS
Muchos de nosotros hemos estado usando a lo largo de los últimos años, varias técnicas para resetear CSS, debido a que muchos navegadores tienen su propio CSS y es mejor tener todo el CSS estandarizado, pero resetear CSS tiene algunas desventajas y está anticuado hoy en día, así que una alternativa que seguramente estaréis usando … Lee más!
