PortadaCSS Medio

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!

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!

Captura de pantalla 2013-09-28 a la(s) 21.11.55

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!

print_image__virtual_function_website

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-css

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!

overflow-auto-2

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

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!

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.