Artículos

  • CSS 0

    Los 6 mejores generadores de código CSS

    Los desarrolladores web siempre estamos buscando atajos para ahorrarnos algo de tiempo en nuestra rutina de trabajo. Muchas herramientas para desarrolladores nos facilitan muchísimos procesos, y ahora es cada vez más fácil obtener un producto terminado en un periodo corto de tiempo. Con el auge d...

  • CSS 0

    Cómo personalizar la vista de lectura de Firefox para una mejor legibilidad

    La vista de lectura es una característica muy popular del navegador Firefox, que cambia la apariencia de una página web, y hace que sea más fácil de leer, eliminando cosas que molesten al leer como pueden ser imágenes, anuncios, encabezados y sidebars. La vista de lectura, sin embargo, no está di...

  • CSS 0

    Editando imágenes en CSS: Filtros

    Imagina que te encuentras en la situación de tener que mostrar imágenes de un sitio web en alto contraste, desenfocadas o con mucho brillo. Antes de los filtros de CSS, tus únicas opciones eran, o bien modificarlas desde algún programa de edición de imagen como Photoshop o Gimp y generar distinta...

  • CSS 0

    Recreando el menú de Google Nexus con jQuery y CSS3

    Hace poco me encontré con un tutorial de Codrops en el que recreaban el menú de navegación de Google Nexus. Esto para mi fue muy inspirador, quería diseñar un sistema de navegación tan creativo como el de Google. Por tanto, he decidido crear una versión del menú en jQuery para desafiarme a mí mismo.

  • CSS 0

    Introducción a ITCSS para desarrolladores web

    Hay un montón de métodos distintos para la estructuración del código CSS, y todos ellos funcionan de maneras diferentes. Los más populares son OOCSS y SMACSS, pero también existe un método menos conocido llamado ITCSS (triángulo invertido de CSS) creado por Harry Roberts.

  • CSS 0

    Cómo crear flechas de navegación animadas con Flexslider y CSS3

    Como de costumbre lo primero, por la mañana, leo todo tipo de noticias. Desde noticias del mundo hasta noticias del mundo del desarrollo web. Pues así descubrí un tutorial de CSS3 titulado "Arrow Navigation Styles" en Codrops. Así es como empecé este tutorial.

  • CSS 0

    Crea efectos animados hover atractivos facilmente con CSS3

    ¡Hacer efectos animados hover en CSS3 puede ser muy sencillo! En un artículo anterior, hablé de la librería para animaciones de CSS3 llamada Magic Animations de MiniMAC. Hoy, vamos a utilizarla como motor de animación para aplicar una serie de efectos en el hover de distintas miniaturas.

  • CSS 0

    Cómo enmascarar imágenes con formas y añadirles un efecto zoom

    Hoy os vamos a mostrar cómo enmascarar imágenes con formas y también a añadirles unos cuantos efectos de animación de zoom con sólo HTML y CSS. He visto este tipo de estilos y efectos en muchos portfolios web, seguro que no te resulta extraño. Así que, déjame que te enseñe cómo hacerlo en tu prop...

  • CSS 0

    Cómo crear un simple portfolio responsive con filtros y efectos hover

    Hace unos cuantos meses, para un cliente, cree una página de portfolio con filtros y también con efectos hover para cada uno de los proyectos del propio portfolio. Conseguí esos efectos con CSS3 y con un plugin de jQuery para filtrar y ordenar llamado MixItUp.

  • CSS 0

    Crea estupendas figuras hexagonales con CSS3 puro

    En este tutorial, vamos a crear formas hexagonales que soporten contenido HTML y también imágenes de fondo con CSS3. CSS3 ha sido una revisión increíble en la creación de estilos más avanzados. Nos ha hecho pasar de 20km/h a 200km/h en una sola revisión, introduciendo estupendísimas novedades.