Artículos
-
CSS
Scrollbars personalizadas con CSS y Webkit
Personalizar los scrollbars (o barras de desplazamiento) con el diseño de la interfaz de tu sitio web agrega un valor extra a tu sitio web. Mediante pseudo-elementos de CSS, puedes cambiar el estilo de las scrollbars de tu sitio web con estilos totalmente personalizados. En este tutorial, te mos...
-
CSS
Reproduce y pausa tus animaciones con WAIT! Animate
Puedes llegar a hacer un montón de cosas con las animaciones CSS, pero pausar y reproducir en bucle una animación no es posible con la actual especificación W3. De todos modos, una herramienta gratuita cuyo nombres es WAIT! Animate puedes crear animaciones en bucle desde cero con delays person...
-
Javascript
Cómo validar la extensión de un archivo mediante Javascript
Validar la extensión de un fichero antes de subirlo al servidor es vital si contamos con una función para cargar archivos en nuestra aplicación web. Nos ayuda a asegurarnos que el usuario ha seleccionado la extensión de archivo correcta. Validar al extensión de un archivo es mucho más senci...
-
Javascript
Cómo exportar una tabla HTML a CSV mediante Javascript
El hecho de exportar es muy útil en un listado de datos de una aplicación web. Ayuda al usuario a descargar el listado de datos como un fichero para poder utilizarlo offline. En aplicaciones web, el formato CSV es el que más se suele utilizar para exportaciones. Poder exportar los datos a CSV ...
-
CSS
Cómo crear un Toggle Switch utilizando CSS
Este tutorial te mostrará cómo crear un botón toggle switch con CSS. En tu proyecto, donde has colocado un checkbox para filtrar el contenido, tendrás que reemplazarlo por un toggle switch. El toggle switch añadirá una experiencia limpia a la funcionalidad por defecto del checkbox. El toggl...
-
Javascript
Google Maps con múltiples marcadores y ventana de información mediante la API V3
Google Maps es la mejor manera y la más sencilla de mostrar una ubicación en una página web. Utilizamos los marcadores para identificar una localización en Google Maps, y la ventana de información para mostrar contenido encima del propio mapa. Con un marcador y una ventana de información, p...
-
Javascript
10 librerÃas de Javascript y CSS para este febrero
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...
-
CSS
Mostrar la tÃpica imagen de carga cuando cargue la página utilizando jQuery y CSS
El tiempo de carga de una página depende de los elementos de dicha página. Es decir, si cuenta con muchos archivos como imágenes, Javascript o CSS, la velocidad de la página puede verse afectada para peor. Este problema afecta a casi todas las páginas, incluso a aquellas que están muy dise�...
-
Javascript
La manera más sencilla de mostrar notificaciones en el navegador
La API Web Notification de Javascript te permite mostrar notificaciones, con el contenido que desees, en el navegador tanto en equipos de escritorio, como en dispositivos móviles. Aunque su soporte no es del todo consistente, la API es compatible con la mayorÃa de navegadores web modernos y ya ...
-
CSS
Cómo crear un sidebar flotante para compartir en redes sociales con CSS
Las redes sociales son una parte muy importante de tu negocio online para poder conseguir aún más clientes. Los botones para compartir en redes sociales son muy útiles para todo sitio web que se precie y ayudan al usuario a mantenerse informado en todo momento de todas nuestras novedades. Es p...