Artículos
-
CSS10 herramientas de CSS gratuitas para trabajar con imágenes
Las imágenes son una parte muy importante de cualquier sitio web. Utilizando CSS puro y unas cuantas prácticas herramientas, puedes manipular facilmente imágenes y crear efectos alucinantes. En este artÃculo te listamos 10 librerÃas de CSS gratuitas, generadores y técnicas para todas tus ne...
-
JavascriptCómo desbloquear contenido utilizando las redes sociales
Hace unos dÃas, descargándome una fuente gratuita para utilizar en un diseño, me topé con un mensaje que me indicaba: “¡El contenido está bloqueado! Dame un like para desbloquear”. Asà que nada, tuve que darle like para que se mostrase el descargable y poder utilizar la fuente. El caso e...
-
CSSCó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 ...
-
Javascript5 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.
-
CSSUtilizando 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 ...
-
CSSCó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.
-
JavascriptIntroducció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...
-
JavascriptCó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 famo...
-
CSSComo 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 d...
-
CSSCó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 el...