Artículos
-
CSS
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
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
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.
-
Javascript
Sistema de muro como el de Facebook en Angular JS con múltiples bindings
En este artículo quiero anunciaros una nueva serie avanzada de Javascript en programacion.net. Básicamente, me encantan los sistemas de muros, ya que podemos cubrir varias operaciones o funciones en una sola página web. En programacion.net ya hemos tratado este tema con anterioridad con divers...
-
CSS
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...
-
Javascript
3 sentencias de Javascript muy útiles que es necesario conocer
Las sentencias de JavaScript nos dan el poder de implementar distintos tipos de lógica en nuestro código. JavaScript nos proporciona muchas, y todas cuentan con su propio propósito y sintaxis. Entre los ejemplos más conocidos podemos encontrar declaraciones de expresión, declaraciones de ite...
-
Javascript
Hacer un selfie con JavaScript
En este tutorial vamos a ver cómo desarrollar una app con JavaScript que tome fotos utilizando la cámara de tu teléfono, portátil u ordenador. Te vamos a mostrar una serie de APIs nativas impresionantes que nos han permitido desarrollar nuestro proyecto sin ningún tipo de dependencias extern...
-
CSS
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...
-
Javascript
3 cosas que no sabes de los arrays de Javascript
Los arrays son una característica ampliamente utilizada de lenguajes de programación; son variables especiales que se pueden utilizar para almacenar varios valores al mismo tiempo. Sin embargo, cuando hablamos de JavaScript, siempre hay más que aprender.
-
Javascript
Detector de Ad Blocker para Google Adsense con Javascript
Los anuncios son muy importantes para cualquier post publicado en internet. Es por lo que cobra el redactor del post o el administrador del portal. Sin embargo, recientemente el sistema AdBlocker está matando los ingresos de los editores, lo cual también está afectando a la creatividad de dich...