Artículos
-
JavascriptCrea impresionantes gráficos animados con Chart.js
Charts.js es una librerÃa de JavaScript que utiliza el canvas de HTML5 para mostrar impresionantes gráficos para tu web. Puedes descargarlo desde: http://www.chartjs.org y empezar a utilizarlo inmediatamente. Todo lo que tienes que hacer es añadir el script de Chart.js en tu documento y podrá...
-
JavascriptAcceder al portapapeles con Javascript
En este artÃculo vamos a enseñarte como utilizar unos cuantos snippets de vanilla Javascipt para añadir texto al portapapeles mediante una acción del usuario, como puede ser presionar un botón, y también modificar el contenido del portapapeles cuando un usuario copia algo. La API que utiliz...
-
Javascript10 librerÃas de Javascript y CSS para este octubre
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...
-
CSSBuenas prácticas para un CSS eficiente y mantenible
Pasa el tiempo y la especificación CSS se hace más grande. Desarrollar hojas de estilo eficientes y mantenibles se ha convirtido en algo más complicado que antes. He aquà un resumen de buenas prácticas, herramientas y consejos para producir archivos CSS super limpios, optimizados y fáciles ...
-
JavascriptAngularJS vs jQuery, ¿cuáles son sus mayores diferencias?
Ok, ambas son librerÃas de Javascript. Cada una tiene sus ventajas y sus desventajas. Vamos a echar un vistazo a cuáles son las mayores diferencias entre los dos.
-
CSSUsos creativos de la pseudo clase de css :target
CSS3 ha introducido un buen puñado de nuevas pseudo-clases. En este artÃculo, vamos a echar un vistazo al selector :target, para luego ver lo útil que puede llegar a ser en el dÃa a dÃa para un desarrollador front-end.
-
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 ...