HTML – Página 4 – DevCodeLight

Ejecutar test Selenium en un contenedor Docker Compose

23 de mayo de 2023 por isMa

Tiempo de lectura: < 1 minuto Hoy os voy a enseñar cómo podemos ejecutar test Selenium en un contenedor Docker. Primero vamos a crear un contenedor Docker Compose con Selenium (utilizo esta imagen https://github.com/nixel2007/docker-selenium-side-runner) Se crean dos carpetas, una para los .sides (sacados de selenium IDE) para ejecutarlos: Carpeta ./web/test/ Y otra para la configuración out que saca Selenium: Carpeta ./config/selenium/out … Leer más

Crear un menú de navegación horizontal usando CSS

23 de abril de 2023 por isMa

Tiempo de lectura: 2 minutos Hola, hoy te voy a enseñar cómo crear un menú de navegación horizontal usando CSS: HTML: Primero, crea la estructura HTML básica del menú de navegación: CSS: Ahora vamos a aplicar los estilos CSS para hacer que el menú sea horizontal: Con estos estilos, hemos creado un menú de navegación horizontal básico. Si quieres añadir … Leer más

PWA vs Flutter vs React Native vs Ionic ¿Qué tecnología usar para desarrollo móvil?

14 de noviembre de 20237 de abril de 2023 por isMa

Tiempo de lectura: 4 minutos PWA (Progressive Web Apps), Flutter, React Native y Ionic son tecnologías para el desarrollo móvil que tienen diferentes ventajas y desventajas en cuanto a desempeño, experiencia de usuario, soporte de plataforma, curva de aprendizaje, mantenimiento y escalabilidad, y costo. PWA Es una tecnología que permite crear aplicaciones web con características similares a las de una … Leer más

Cómo crear una Progressive Web App (PWA) o web progresiva

25 de marzo de 2023 por isMa

Tiempo de lectura: 2 minutos Para crear una Progressive Web App (PWA) con Service Worker, sigue los siguientes pasos: Al crear una PWA con Service Worker, debes asegurarte de que la aplicación sea segura, confiable y fácil de usar en todos los dispositivos y navegadores. Esto significa que debes tener en cuenta la seguridad, la accesibilidad y la usabilidad de … Leer más

TABLAS HTML + JavaScript

12 de marzo de 2023 por María

Tiempo de lectura: 2 minutos Para crear una tabla de un array de objetos sencilla, hay que seguir los siguientes pasos como muestro a continuación: Primero creamos el fichero con extensión .html, dónde vamos a crear un div asociando un id dónde se va a mostrar la tabla con los datos de los elementos. El id de la tabla dentro … Leer más

LISTAS HTML + JavaScript

12 de marzo de 202311 de marzo de 2023 por María

Tiempo de lectura: 2 minutos Para crear una lista de un array de objetos sencilla, hay que seguir los siguientes pasos como muestro a continuación: Primero creamos el fichero con extensión .html, dónde vamos a crear un div asociando un id dónde se va a mostrar la lista de elementos. El id de la lista, en este caso se llamará … Leer más

Cómo crear un botón loader con HTML, CSS y jQuery

2 de febrero de 2023 por Laura

Tiempo de lectura: 2 minutos ¡Buenas tardes! Hoy os traigo un tutorial muy guay, y interesante sobre un elemento que puedes usar en tu web. ¡Comenzamos! Un botón loader es una funcionalidad que permite a los usuarios saber cuándo se está procesando una tarea en segundo plano, como por ejemplo una petición a un servidor. En este tutorial aprenderás a … Leer más

Aplicar responsive a una web HTML, CSS, Javascript

2 de febrero de 2023 por isMa

Tiempo de lectura: 2 minutos Adaptar una web a responsive es un proceso que consiste en diseñar y desarrollar un sitio web que se adapte a diferentes tamaños de pantalla y dispositivos, ofreciendo una experiencia de usuario óptima en todos ellos. Para adaptar una web a responsive es necesario tener en cuenta los siguientes pasos: Ejemplo: Imaginemos que queremos adaptar … Leer más