Artículos

  • 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...

  • 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 noved...

  • CSS 0

    12 librerías de CSS para efectos hover

    Hacer saber a los usuarios claramente en qué partes de la página se puede hacer clic es una parte importante de la usabilidad web. El método más extendido para ello es cambiar el color del texto y subrayarlo. Hoy en día, con CSS, hay un montón de maneras de mostrar efectos hover, particular...

  • CSS 0

    Guía definitiva para entender las pseudo clases de CSS - Parte 2

    Da igual que seas un novato en CSS o un diseñador experimentado, es probable que hayas oído hablar de las pseudo-clases. Las pseudo-clases que más conozcas probablemente sea :hover, con la que podemos dar estilo a un elemento cuando se hace hover, es decir, cuando posamos el ratón o el punter...

  • CSS 0

    Cómo esconder texto que hace overflow con CSS

    Como desarrolladores web, debemos desarrollar nuestros sitios para que quepan variables de texto con distintas longitudes. Tienes que estar seguro de que tu diseño se ve bien tanto si el visitante ha ingresado un nombre de usuario de 50 caracteres como si lo hace con uno de 5 caracteres.

  • CSS 0

    Simplifica tus hojas de estilo con las unidades mágicas basadas en el viewport

    Las unidades basadas en el viewport existen desde hace muchos años, pero no por ello estamos acostumbrados a ellas. Ahora están soportadas por la mayoría de los principales navegadores y ofrecen una función única que puede ser muy útil en ciertas situaciones, especialmente las que implican ...

  • CSS 0

    10 librerías de CSS y Javascript que debes conocer sí o sí

    Nuestra misión en programacion.net es mantenerte al día con las últimas y más frescas tendencias dentro del desarrollo web. Es por eso que todos los meses elaboro una colección de algunos de los mejores recursos con los que me he topado en Internet y creo que deberíais conocer.

  • CSS 0

    Botón switch estilo iOS utilizando CSS3 y jQuery

    Como podréis ver, la revolución móvil ha llegado. Ha llegado el momento de construir aplicaciones web móviles para tus proyectos web. Muchas plataformas de terceros, como Apache Córdoba y Phonegap te ofrecen todo lo necesario para poder convertir tus aplicaciones web en aplicaciones móviles...

  • CSS 0

    Cómo hacer la animación del like de Twitter en CSS3

    Hace unos cuantos meses Twitter introdujo un nuevo botón de like (corazón) en sus tuits, sustituyendo así el clásico fav al cual ya estábamos acostumbradísimos. Adoro la manera en la que Twitter ha implementado el efecto cuando haces clic en el corazoncito, es una animación curradísima y ...