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...
-
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 noved...
-
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, particular...
-
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 punter...
-
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 ...
-
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...
-
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 ...