Crear un carrusel de imágenes con visor usando HTML, CSS y Javascript

Crear un carrusel de imágenes con visor usando HTML, CSS y Javascript

Tiempo de lectura: 2 minutosUn 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

Trucos útiles para CSS

Trucos útiles para CSS

Tiempo de lectura: 3 minutosHola, hoy os traigo algunos trucos útiles para CSS que puedes utilizar en tus proyectos: isMa Ingeniero en Informática, Investigador, 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.quierolibros.com

Cómo crear una animación CSS en WordPress

Cómo crear una animación CSS en WordPress

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

Creando un Spinner con HTML y CSS

Creando un Spinner con HTML y CSS

Tiempo de lectura: < 1 minutoBuenos 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

Cómo validar tu web para cumplir los criterios de accesibilidad WCAG 2.2

Cómo validar tu web para cumplir los criterios de accesibilidad WCAG 2.2

Tiempo de lectura: 2 minutosSí 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

Divs animados efecto botones aplastados HTML y CSS

Divs animados efecto botones aplastados HTML y CSS

Tiempo de lectura: < 1 minutoBuenas tardes a todos, en el nuevo post para hoy os voy a dejar una animación bastante chula, para que veáis lo que es posible hacer, con unos simples divs. Os muestro el resultado, como lo podéis apreciar, lo que ocurre es que al hacer un hover, sobre los id de cada elemento hace una … Leer más

Visor de imágenes automático con JavaScript HTML y CSS

Visor de imágenes automático con JavaScript HTML y CSS

Tiempo de lectura: < 1 minutoBuenos días, hoy os voy a dejar este tutorial sobre como hacer un visor de imágenes automático, con HTML, CSS y JavaScript. En primer lugar, os voy a mostrar la estructura del proyecto, yo uso como entorno de desarrollo Visual Studio Code, os dejo el enlace para descargarlo. Pero cualquiera que uséis es válido. A … Leer más

Menú responsive con HTML y CSS

Menú responsive con HTML y CSS

Tiempo de lectura: 2 minutosUn menú responsive quiere decir que este, es visible tanto en pc, como en tables y móviles, se trata de marcar los puntos de ruptura donde quieres que cambie la vista sin que se descoloque el contenido. A continuación os dejo un ejemplo: Esto es todo, espero que os sirva, pero sobre todo que lo … Leer más