Artículos
-
CSSCó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...
-
CSSCó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.
-
CSSCrea 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.
-
CSS12 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, particularmente ...
-
CSSGuí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 puntero en...
-
CSSCó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.
-
CSSSimplifica 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 un dis...
-
CSS10 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.
-
CSSBotó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 nativas.
-
CSSCó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 muy vist...