Artículos

  • CSS 0

    Cómo crear un fondo de vídeo a pantalla completa mediante CSS

    En este tutorial veremos cómo crear un fondo de vídeo a pantalla completa mediante CSS. Es muy simple y fácil de implementar, y se ve espectacular sobre todo en las landing pages. En este tutorial utilizaremos el tag de HTML5 para embeber el vídeo y CSS para poner el vídeo en el background de la...

  • Javascript 0

    5 scripts para crear sliders de comparación de imágenes totalmente gratuitos

    Los sliders superpuestos te permiten comparar dos imágenes, generalmente un antes y un después, mediante dos imágenes solapadas una encima de otra. Un slider que puede ser manipulado, puedes ser arrastrado por el usuario para mostrar más la imagen anterior y menos la posterior, y viceversa.

  • CSS 0

    Utilizando Flexbox para crear una sección de comentarios responsive

    Flexbox es una nueva y poderosa manera de llevar a cabo diseños, que hace que algunos de los aspectos más desafiantes del desarrollo web sean triviales. Casi todos los navegadores que se usan hoy en día lo soportan, por lo que es un buen momento para ver cómo puede encajar en tu típico día a día ...

  • CSS 0

    Cómo crear un menú fijo en tres sencillos pasos

    Los menús fijos son una tendencia en el diseño web hoy en día. Lucen bien, y son super útiles para los visitantes. Hoy, te mostraré cómo crear un ligero, funcional y bonito menú fijo para tu sitio web o para tu blog de WordPress.

  • Javascript 0

    Introducción a WhitestormJS

    Whitestorm.js es un framework para desarrollar aplicaciones 3D y juegos que puedan ejecutarse en un navegador. Este framework basicamente integra la librería Three.js (tal y como jQuery integra DOM para facilitar su uso). Extiende Three.js mediante una simple API y un sistema de componentes para ...

  • Javascript 0

    Cómo implementar un menú de compartir inline

    En este tutorial, aprenderemos a crear lo que hemos denominado como "menú de compartir inline". Esta interfaz funciona haciendo saltar un menú que permite a los visitantes compartir la página, citando el texto resaltado. Es posible que hayas visto un control similar en ciertos sitios webs famosos...

  • CSS 0

    Como crear un placeholder como el de Facebook cuando está cargando con CSS

    Seguramente te has dado cuenta de que, cuando abres Facebook, antes de que se carguen los datos, carga un placeholder simulando la colocación de textos e imágenes de los paneles de la red social. Son a modo de cuadrados grises, en plan mockup, los cuales indican al usuario que el contenido ha de ...

  • CSS 0

    Cómo hacer un footer fijo sin morir en el intento

    A la hora de hacer el diseño de una web, en cierto punto es posible que te hayas topado con esto. Este error de diseño se debe a que el footer está posicionado estáticamente al final del body, pero la página no tiene mucho contenido. No existe nada que empuje el footer lo suficiente y por ello, s...

  • Javascript 0

    Cómo crear una página de “Próximamente...” con una cuenta atrás

    Si estás planeando lanzar un nuevo producto, un proyecto online, o simplemente un blog, publicar una página de "Próximamente..." con una cuenta atrás informará a tus visitantes de cuándo se lanzará, así como también se le notificará que el proyecto se sigue desarrollando. Puedes incluir incluso u...

  • CSS 0

    Introducción a los contadores de CSS

    Como desarrolladores web, representar la información de forma adecuada es muy importante. Una forma de mostrar correctamente la información es denotar la jerarquía, respondiendo a la pregunta de "¿quién va primero?".