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

Continuando con la serie de menús con HTML y CSS vamos a abordar el último y definitivo menú horizontal o vertical responsive multinivel. Si aún no lo has hecho, puedes ver los artículos anteriores en estos enlaces: Para crear nuestro menú horizontal o vertical responsive multinivel vamos a utilizar la misma fuente HTML5 y los … Leer más

Menú horizontal o vertical multinivel con CSS

En el artículo anterior expliqué cómo hacer un menú 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 menús y añadiremos algunas clases para crear un menú horizontal o vertical multinivel con CSS. Ejemplo de menú vertical multinivel Ejemplo de menú … Leer más

Menú horizontal de 3 niveles

En este artículo vamos a crear un menú horizontal con 3 niveles de anidación utilizando sólo HTML5 y CSS. 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ú <nav> El primer paso es construir nuestro menú utilizando … 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 videos responsive

Con HTML5 podemos insertar videos a nuestra web de forma responsive, directamente y sin necesidad de utilizar otros plugins. Sólo necesitamos estas sencillas etiquetas HTML: Con este sencillo código podemos insertar videos de forma responsive siempre y cuando dispongamos de los archivos en nuestro propio servidor, aquí puedes ver un ejemplo en gestorligas.com, donde he … Leer más