Crear un menú de navegación horizontal usando CSS

Crear un menú de navegación horizontal usando CSS

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

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

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

Aplicar responsive a una web HTML, CSS, Javascript

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

Crear un modal con Boostrap

Crear un modal con Boostrap

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

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 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

Trucos útiles para CSS

Trucos útiles para CSS

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/

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 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

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 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

Divs animados efecto botones aplastados HTML y CSS

Divs animados efecto botones aplastados HTML y CSS

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