Artículos

  • CSS 0

    Cómo crear triangulos en CSS sin necesidad de utilizar ni trucos ni trampas

    Cualquier persona que haya intentado crear flechas para votar con HTML, burbujas de diálogo o algún que otro elemento puntiagudo, sabe que para crear un triángulo CSS debes utilizar algún tipo de hack. Las dos soluciones más populares son las de crear tus triángulos fuera de los bordes, o la de u...

  • Javascript 0

    Cómo crear un menú lateral con slide para diseños responsive

    En este tutorial, crearemos un menú de navegación lateral expandible con Javascript y CSS. El resultado final será algo similar como el gif que aparece a continuación. Para empezar, vamos a comenzar con el diseño de nuestro menú lateral. Como puedes observar, hemos creado nuestro menú de navegaci...

  • CSS 0

    CSS Grid VS Flexbox: ¿Cuál es más práctico?

    No hace mucho tiempo, el diseño de todas las páginas HTML se hacía a través de tablas, floats y otras propiedades CSS que no eran adecuadas para diseñar páginas web complejas. Luego vino flexbox, un modo de diseño que fue creado específicamente para crear páginas responsive robustas. Flexbox faci...

  • Javascript 0

    Crear un reloj digital con Date utilizando Javascript

    El objeto Date de Javascript se utiliza para trabajar con fechas y horas. Para crear un objeto Date, debes utilizar la sintaxis new Date(). Mediante este objeto, puedes crear un reloj digital en Javascript. En este artículo, veremos una manera simple de crear un reloj digital con Date utilizando ...

  • Javascript 0

    10 librerías de Javascript y CSS para este marzo

    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 considero dig...

  • CSS 0

    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 most...

  • CSS 0

    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 personali...

  • Javascript 0

    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 sencillo de...

  • Javascript 0

    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 es ...

  • CSS 0

    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 toggle swit...