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!
Impresionantes animaciones con HTML5 y CSS3
HTML5 se ha ido desarrollando de tal forma que es increíble la cantidad de animaciones y efectos que se pueden hacer con él. Nos hace la vida mucho más cómoda, hace unos años era impensable hacer lo que hacemos hoy en día con tanta facilidad, gracias a HTML5 y sus nuevas etiquetas. En esta página … 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!
Crear una animación de Firefox con CSS Sprites
Con la llegada de Firefox al entorno de los móviles (Firefox OS), la mayoría de los periódicos digitales sobre tecnología tienen ahora siempre la palabra “Firefox” en sus mentes. Tanto es así, que David Walsh ha creado una animación con CSS Sprites para emular a un zorro moviéndose. Este efecto es muy parecido al que os … Lee más!
Secretos de CSS [ENG] [Vídeo]
Lea nos cuenta en la conferencia W3Conf, la conferencia anual para desarrolladores web, algunos secretos y consejos sobre CSS, que seguramente la mayoría de vosotros no sabíais. Eso sí, está en inglés, pero como es un vídeo puede entenderse mejor:
Crear una galería en 3D con JQuery
Existen muchas utilidades y técnicas que podemos hacer con JQuery, una de ellas es la de hacer un slider, pero hay muchas formas de hacer slider. Normalmente cuando tenemos un producto queremos que sea visto en todos sus ángulos y formas, por ello, ¿qué mejor manera de crear un slider que pueda verse en 360 … Lee más!
Las formas de CSS
Chris Coyier ha realizado una página de ejemplos en el que se puede ver cómo con CSS podemos hacer casi todas las formas geométricas que nos propongamos con CSS3: círculos, cuadrados, rectángulos, rombos, trapezoides… Muestro un ejemplo, el enlace hacia la página de ejemplos y otro para su descarga: Ver la página de ejemplos … Lee más!
Crear un globo rotando en 3D con CSS3
¿Te imaginas poder hacer un globo que gire, únicamente con 2 imágenes y código CSS3? Pues es posible, gracias a la propiedad keyframe y a animations. Uniéndolo todo podemos hacer un efecto bastante conseguido, de un globo que gira en la dirección y con el tiempo que deseemos. A continuación te muestro cómo se haría: … Lee más!
filter:Drop-shadow, valor CSS
Drop-shadow es un valor CSS de la propiedad filter, que te permitirá aplicar sombra a las imágenes. Es similar a box-shadow, solo que en esta última no se pueden aplicar sombras a las imágenes, sino a las cajas de contenido. Drop-shadow permite sombrear las imágenes, y esto es especialmente útil si usamos imágenes PNG, ya … Lee más!
La evolución actual en el diseño web
A lo largo del tiempo, las necesidades de los clientes hacia los diseñadores ha ido cambiando. Esto es así porque la web tiene tendencias, es como la moda, cada poco tiempo se actualiza, y tiene mejor disponibilidad y novedades hacia el usuario final. La pequeña empresa, actualmente, pide diseños que sean simples y sencillos a … Lee más!
Imagen circular con CSS3
Existen muchas cosas que se pueden crear con círculos: Logos circulares, menús circulares… Hoy os mostraré como crear imágenes circulares mediante el uso de CSS3. La única pega que se le puede poner, es que la imagen aparecerá como fondo (background). Es decir, en teoría no se podría hacer este efecto en una etiqueta de … Lee más!
