Tomás González: Formador y Desarrollador Web
Formador y desarrollador web, compartiendo técnicas, aprendizajes y retos del mundo digital.
¿Necesitas averiguar rápidamente la dirección de subred, la de difusión (broadcast) y cuántos equipos puede albergar una subred determinada? En este artículo te guío paso a paso con un ejemplo práctico: la IP 192.168.27.131 con máscara 255.255.255.192 (/26). 1. Datos iniciales 2. Conversión y análisis de la máscara La máscara /26, expresada en binario, deja así … Leer más
Introducción OpenLDAP es una implementación libre del protocolo LDAP (Lightweight Directory Access Protocol), ampliamente utilizada para gestionar directorios de usuarios y grupos en redes corporativas y entornos educativos. En este tutorial configuraremos: Este ejercicio está pensado para realizarse en dos máquinas virtuales (o físicas): Requisitos previos 1. Mostrar IP y FQDN del servidor En el … Leer más
1 · Navbar fluida con “scroll hide” Objetivo: Grid, clamp() y JS ligero. 2 · Galería de productos con “scroll‑snap” y miniaturas sincronizadas Objetivo: scroll-snap, atributos aria-selected y eventos click. 3 · Web Component “x‑alert” personalizable Objetivo: Custom Elements, Shadow DOM y atributos observados. 4 · Visor CSV en tabla sortable Objetivo: fetch, parseo de texto y ordenación de columnas. 5 · PWA “notas rápidas” Objetivo: manifest, Service Worker y … Leer más
1 · Tarjetas de perfil «clippath» Objetivo: practicar clip-path, Grid y variables CSS. 2 · Tabla de gastos con filtros Objetivo: thead/tbody/tfoot, atributos data-* y pseudoclases avanzadas. 3 · Formulario de reseña con estrellas Objetivo: inputs tipo radio ocultos, accesibilidad y validación propia HTML5. 4 · Slider de testimonios automático Objetivo: Flexbox, scroll-snap y JS para navegación. 5 · Conmutador de temas con CSS Custom … Leer más
1 · Hero «responsive» con <picture> y capa de color Objetivo: imágenes adaptativas (srcset), semántica y superposición con CSS variables. hero.html 2 · Acordeón solo con CSS (checkbox hack) Objetivo: interactividad sin JS usando atributos id/for y transiciones. acordeon.html 3 · Interruptor de modo oscuro/claro con variables y localStorage Objetivo: custom properties, prefers‑color‑scheme y pequeño script de persistencia. dark‑mode.html 4 · Lista de pasos con indicador de progreso Objetivo: Flexbox, … Leer más
1 · Banner “cookies” accesible y persistente Objetivo: dialog, atributos ARIA y localStorage. cookies.html 2 · Tabla filtrable con la pseudoclase :is() Objetivo: selectores modernos y estilo condicional sin JS. tabla‑filtrable.html 3 · Ventana modal centrada solo con CSS Objetivo: práctica de :target, Flexbox y propiedades backdrop-filter. modal.html 4 · Calendario mini con CSS Grid Objetivo: practicar grid-template-areas y variables personalizables. calendario.html 5 · Comparador de imágenes “antes/después” Objetivo: usar … Leer más
Cada ejercicio aparece seguido del archivo resuelto – no necesitas buscarlos aparte.Valídalos en https://validator.w3.org y comprueba que no surjan errores. 1. Menú hamburguesa responsive Objetivo: Flexbox, media queries y un pequeño script para mostrar/ocultar el menú en pantallas estrechas. menu.html (ejercicio + solución) 2. Tarifa de precios con selector de plan Objetivo: usar radio buttons ocultos y la … Leer más
⚠️ Todos los ejemplos son autosuficientes; basta crear los archivos con el nombre indicado.Valídalos en https://validator.w3.org y comprueba que no aparezcan errores. 1. Maqueta de noticia (noticia.html) 2. Formulario de reserva de pista (reserva.html) 3. Tabla de horarios de trenes (horarios.html) 4. Galería responsiva (galeria.html) 5. Vídeo con subtítulos (video.html) 6. Página 404 con animación (404.html) … Leer más
Parece que el usuario quiere un post sobre ejercicios de nivel medio, probablemente con enfoque en lo que podría caer en un examen. Podría ser para un blog o redes sociales. No puedo extraer texto de los archivos, pero puedo crear ejercicios generales del nivel solicitado sin depender de contenido específico. Estaré atento a asegurarme … Leer más
Bienvenidos al primer directo de Creepy Tale 3: Ingrid Penance, una aventura oscura y llena de misterio, con estilo artístico único y ambientación inquietante.
Acompáñame mientras exploramos los primeros pasos de Ingrid en un mundo retorcido, donde nada es lo que parece.
🎮 Juego indie en español
👁️ Narrativa tenebrosa y puzzles
🕷️ Estilo creepy pero fascinante
¡Nos adentramos en una historia tan extraña como hermosa!
#CreepyTale3 #IngridPenance #JuegoIndie #DirectoEnVivo #AventuraOscura