Artículos
-
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...
-
Editores15 plugins de Sublime Text para el desarrollo web
Sublime Text es una de los editores de código más populares del momento entre los desarrolladores web. ¿Que por qué es tan famoso? Pues posiblemente porque es muy rápido, por su simplicidad y por su ecosistema de plugins, sobretodo.
-
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...
-
html 5Cómo insertar vÃdeos en tu web que sean compatibles con todos los navegadores mediante HTML5
Durante muchos años, Flash ha sido la solución más popular a la hora de reproducir vÃdeos en Internet. Pero HTML5 ha traido consigo una nueva solución, los vÃdeos de HTML5. En este tutorial, te enseñaré cómo insertar vÃdeos en tu web que sean compatibles con todos los navegadores median...
-
Jquery10 snippets de jQuery para trabajar con formularios
Los formularios, sin duda alguna, son una parte muy importante dentro de un sitio web, pero puede ser un poco complicado gestionarlos. Para ayudarte a la hora de implementar formularios web, he compilado unos cuantos snippets de jQuery que suelo consultar personalmente cuando tengo que codificar ...
-
PHPObtener la miniatura de un vÃdeo de YouTube con PHP
En este tutorial veremos cómo obtener la miniatura de un vÃdeo de YouTube mediante PHP. Veremos cómo obtenerla mediante una caja de texto, en la que el usuario insertará la URL del vÃdeo. Una vez que el usuario haya introducido su URL, se le dará la opción de que pueda descargar la miniatu...
-
HTMLCómo replicar el diseño de la portada de Facebook utilizando HTML y CSS
Facebook siempre es una inspiración para la mayorÃa de todos los desarrolladores web. Su portada es todo un ejemplo de usabilidad y por lo tanto, conviene aprender todo lo que podamos de ella. En este tutorial veremos cómo replicar la mÃtica página de portada de Facebook con HTML y CSS. Ojo,...