Tiempo de lectura: 2 minutos Los loaders web, también conocidos como spinners, son elementos visuales utilizados para indicar que una página web está cargando contenido o procesando una acción. En este tutorial, aprenderemos a crear un loader web personalizado utilizando CSS y JavaScript. El resultado será un loader animado y atractivo que podrás incorporar en tus proyectos web. Requisitos previos: … Leer más
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
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
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
Tiempo de lectura: 2 minutos Para crear un modal con Bootstrap y HTML, sigue estos pasos: Agrega el código HTML para tu modal en cualquier lugar dentro del cuerpo de tu página. El código HTML debe incluir un contenedor para el contenido del modal, un botón o enlace para abrir el modal y un botón para cerrarlo. Incluye la librería … Leer más
Tiempo de lectura: 2 minutos Un carrusel de imágenes es un elemento común en la mayoría de los sitios web, y puede ser creado fácilmente utilizando HTML y CSS. Aquí tienes un tutorial básico para crear un carrusel de imágenes: Para hacer que tu carrusel funcione de manera automática y añadir funcionalidades adicionales, puedes utilizar JavaScript. Aquí tienes algunos ejemplos … Leer más
Tiempo de lectura: 3 minutos Hola, hoy os traigo algunos trucos útiles para CSS que puedes utilizar en tus proyectos: isMa Ingeniero en Informática, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 APPs publicadas y un libro en Amazon. www.linkedin.com/in/ismael-gonzalez-oviedo/
Tiempo de lectura: 2 minutos ¡Hola! En este tutorial, te enseñaré cómo crear una animación con CSS en WordPress. Las animaciones con CSS pueden agregar dinamismo y vida a tu sitio web, y son relativamente fáciles de implementar. Para empezar, necesitarás acceder a tu panel de WordPress y crear un nuevo post o página. Una vez que hayas accedido a … Leer más
Tiempo de lectura: < 1 minuto Buenos dias, para crear un «spinner» (un indicador de carga giratorio) con HTML y CSS, puedes seguir estos pasos: En primer lugar creamos un div vacío al que luego daremos apariencia de spinner (indicador de carga) para añadir a nuestros proyectos En el CSS, agregamos estilos al elemento div para darle la apariencia de un … Leer más
Tiempo de lectura: 2 minutos Sí queremos cumplir los criterios de accesibilidad de la norma WCAG 2.2 podemos utilizar distintas herramientas para ayudarnos. Una herramienta muy útil es WAVE disponible en web y en plug-in para el navegador (Firefox/Chrome). Nos permite analizar la web en busca de errores de accesibilidad, es una herramienta muy completa que ofrece lo siguiente: Evalúa … Leer más
