Artículos
-
JavascriptAcelera tu web mostrando solo aquellas imágenes que aparecen en el viewport
En este tutorial vamos a ver cómo implementar lo que en inglés se denomina como Lazy Load de imágenes, o carga lenta de imágenes, utilizando Javascript sobre un proyecto en PHP. Para entender mejor esto, te lo explicaré con un ejemplo. Imagina que la portada de tu web cuenta con cientos de i...
-
Javascript8 color pickers personalizables de Javascript que no debes pasar por alto
Cuando desarrollamos CMS, proporcionamos opciones a los usuarios para que personalicen los registros de la base de datos. Para ello utilizamos todo tipo de campos, desde campos para introducir texto, listas desplegables, autocompletadores, etc... Si ya el CMS te brinda la posibilidad de personali...
-
JavascriptAutocompletador de direcciones mediante la API de Google
En este tutorial vamos cómo implementar un autocompletador de direcciones con la API de Google. Este autocompletador de Google nos proporcionará un campo que, en base a lo que el usuario escriba, nos sugerirá las direcciones más cercanas a lo introducido en el campo. Mediante este campo serem...
-
Javascript¿Cómo reproducir GIFs animados mediante un click?
El GIF animado es una popular forma de visualizar un concepto de diseño o mostrar un clip de vÃdeo de corta duración. Pero si tienes demasiados en una misma página, desviarás el foco de atención del usuario. Para esas páginas que muestran una gran cantidad de archivos GIF, esto es una muy ...
-
Javascript14 librerÃas de Javascript y CSS para septiembre
Nuestra misión en programacion.net es mantenerte al dÃa con las últimas y más frescas tendencias del 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 por la red y que considero di...
-
CSS20 consejos para escribir CSS moderno - Parte 2
En este post quiero compartir con vosotros una serie de 20 útiles consejos y buenas prácticas recomendados por la comunidad de CSS. Algunos están más enfocados a principiantes, y algunos son un poco más avanzados, pero espero que todo el mundo encuentre un buen truco que no conociese. ¡A di...
-
CSS20 consejos para escribir CSS moderno - Parte 1
En este post quiero compartir con vosotros una serie de 20 útiles consejos y buenas prácticas recomendados por la comunidad de CSS. Algunos están más enfocados a principiantes, y algunos son un poco más avanzados, pero espero que todo el mundo encuentre un buen truco que no conociese. ¡A di...
-
JavascriptCómo embeber un vÃdeo de YouTube con el sonido muteado
Es fácil de insertar vÃdeos de YouTube en tu sitio web. Sólo tienes que copiar el código embed, ya sabes, el iframe, y pegarlo en cualquier parte de tu página web. YouTube no ofrece opciones básicas de personalización, como poder modificar las dimensiones del reproductor u ocultar la image...
-
CSS7 herramientas de CSS que deberÃas estar usando ya
CSS es cada vez más complicado de escribir. Afortunadamente, existen herramientas que hacen que la tarea de creación de código CSS sea un poco más fácil. Desde identificar errores en tus hojas de estilo hasta ver estadÃsticas útiles acerca de tu código, estas herramientas online, sin duda...
-
JavascriptLibrerÃas de Javascript para hacer efectos de scroll muy chulos
Si quieres llenar de vida tu diseño web, lo mejor es utilizar animaciones. Si estás buscando las librerÃas para añadir efectos a tu proyecto, aquà tienes una lista de algunas librerÃas que se pueden utilizar para crear efectos basados en el scroll.