Artículos
-
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...
-
JavascriptCó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...
-
CSSIntroducció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?".
-
Javascript10 librerías de Javascript y CSS para este noviembre
Nuestra misión en programacion.net es mantenerte al día con las últimas y más frescas tendencias en el desarrollo web. Es por eso que todos los meses te mostramos una colección cuidadosamente seleccionada, de algunos de los mejores recursos con los que me he topado en Internet y que consider...