? Dibujando con CSS una carta de ajuste de televisión TV Test Card

Buenas a todos! Hoy sábado retomamos nuestra actividad habitual en Twitch y hemos hecho una clásica carta de ajuste de televisión utilizando casi sólo CSS.
Hemos hecho un poco de Javascript inteligente para añadir detalles interesantes aunque el diseño en sí sigue siendo sólo de CSS.
Creo que ha sido un ejercicio bastante entretenido! Cualquier detalle pueden dejarlo en comentarios estaré pendiente! - Directo Twitch 24Jul2021 - 00:00 Inicio 05:45 Quote of the day 06:50 Cheese moment ? 08:15 Arrancando stream y saludando 13:00 Un poco de promo sobre el canal 18:45 Vale la pena aprender Wordpress? ? 21:00 Ronda de preguntas Unity WebComponents JS PHP bootcamps... 55:00 Comenzando proyecto Carta de ajuste 1:22:58 Ir al rincón de pensar ? 1:24:00 Seguimos planteando el esquema 1:32:00 Grid general de fondo 1:44:00 Excepciones grid con CSS 1º intento 2:12:37 Pausa para café 2:29:10 Reanudamos el stream 2:31:45 Excepciones grid con JSAtomic CSS 2º intento ? 3:09:45 Huecos inferiores en el grid del fondo 3:25:00 Orangebox en honor a Half-life 3:34:00 Círculo interior 3:44:00 Bloques interiores color y grises 3:54:00 Amenizando la velada cctwson ? 3:59:25 Colocando bloques 4:07:00 Creando bloques de gradientes BN 4:20:55 Cruces centrales 4:40:25 Texto Manz.dev 4:50:50 Últimos detalles y comentando temas 5:24:30 Despedida créditos y cierre No te olvides de seguirme en Youtube y en Twitch! Y también en Telegram! AGRADECIMIENTOS: - A jartoqueque ryneel9 y sergiogmr por sus suscripciones! - A todos los que estuvieron en el chat del directo acompañándome. LINKS: ? Si tienes dudas con CSS...
esta es tu página! ? Repo: ? Demo: --- Sígueme! ? Twitch: ? YouTube: Telegram: ? Twitter: ? Música:

Источник: rutube.ru