Leer archivos con JavaScript

En este artículo vamos a ver cómo leer archivos que se añaden a un formulario HTML con la API File y el objeto FileReader de JavaScript, pero antes de empezar hay que dejar clara una cuestión básica. Sólo se pueden leer archivos locales con JavaScript si el usuario ejecuta algún tipo de acción dando su … Leer más

Menú horizontal o vertical responsive multinivel

En este artículo vamos a explicar cómo hacer un menú horizontal o vertical responsive multinivel con HTML y CSS. Continuando con la serie de menús con HTML y CSS vamos a abordar el último y definitivo menú también llamado de tipo «hamburguesa» ☰ . Si aún no lo has hecho, puedes ver los artículos anteriores … Leer más

Menú horizontal o vertical multinivel con CSS

En este artículo vamos a explicar cómo crear un menú horizontal o vertical multinivel con CSS utilizando una lista HTML no ordenada. En el artículo anterior expliqué cómo hacer un menú CSS de 3 niveles utilizando sólo las etiquetas <ul>, <li>, <a> y un identificador CSS. Ahora vamos a profundizar más sobre la creación de … Leer más

Menú horizontal CSS de 3 niveles

En este artículo vamos a explicar cómo crear un menú horizontal CSS de 3 niveles de anidación utilizando una lista HTML. La ventaja del método que voy a comentar es lo fácil que resulta implementarlo, ya que sólo habrá que asignar un ID al tag <nav>. El menú en HTML El primer paso es construir … Leer más

Geolocalización

Con HTML5 y la API geolocalización de JavaScript, podemos ubicar nuestra web de forma sencilla, ya sea un ordenador, tablet o teléfono móvil. Puedes consultar su funcionamiento completo en la documentación oficial https://developer.mozilla.org/es/docs/Web/API/Geolocation. Aquí dejo el código de un ejemplo funcional. En esta pequeña página HTML podemos ver los pasos básicos de la API Geolocalización: … Leer más

Insertar vídeo responsive

En este artículo, vamos a explicar cómo insertar un vídeo en nuestra web de forma responsive, directamente y sin necesidad de utilizar otros plugins, utilizando solo HTML. Para ello, solo necesitamos estas sencillas etiquetas HTML: Con este sencillo código podemos insertar un vídeo de forma responsive siempre y cuando dispongamos de los archivos en nuestro … Leer más