Cuando gen-AI comenzó a surgir, estaba aprendiendo HTML/CSS. Vi todo esto y dije: espera un minuto, podría usar CSS para hacer un cómic con alguna herramienta de inteligencia artificial. En general no me equivoqué, excepto que predije que me llevaría un par de semanas y resultó que me llevó 4 meses. Sin embargo, el resultado es bastante decente, estoy orgulloso del trabajo y aprendí MUCHO haciéndolo. Entonces, déjame decirte por qué y una muestra de cómo lo hice:

1-HERRAMIENTAS GRATUITAS: excepto si eliges usar un generador de IA pago, que recomiendo, todo el resto que necesitarás es gratis.
En mi caso, utilicé código VS y nada más que HTML y CSS. No hay necesidad de más. Todas las fuentes, recursos y herramientas se pueden encontrar de forma gratuita.
No multipliquéis las cosas sin necesidad. Estas son dos herramientas SÚPER POTENTES. Domínalo, y bastaría por un tiempo para hacerlo.

2-AUTOMATIZACIÓN: cuando haces un cómic usando html y css, básicamente estás codificando un cómic. Entonces podrás aprovechar el poder de la automatización.
Bocadillos, errores tipográficos, diseño... todo se puede hacer a escala con un clic o un par de líneas de código. No sé si el uso de tecnologías web para este propósito va a crecer, sospecho que es algo muy idiosincrásico de mi parte. Sin embargo, los resultados son espectaculares.
La siguiente es una vista de la portada de mi cómic en código VS. Con DevTools puedes controlar casi cualquier cosa. Es como si estuvieran hechos para esto.

3-TRADUCCIÓN: esta es importante. Porque incluso si usas una de estas plataformas sin código para hacer tu cómic, estás perdiendo este poder de automatización.

Hasta donde yo sé (corrígeme si me equivoco), en todas estas plataformas creas esencialmente algún archivo exportable —PDF, JPG, DOC...— por lo tanto, si llega el momento en que quieras traducir tu cómic a otros idiomas tendrás que repetir el proceso una y otra vez. Mi cómic tiene unas 264 páginas, y créanme, incluso la tarea aparentemente simple de copiar y pegar todo el texto en otro idioma comienza a ser INSUPERABLE más allá de… ¿20 páginas? Por no decir si creas cientos.

Si utilizas tecnologías web para crear tu cómic, puedes aprovechar el poder de tu navegador para realizar traducciones automáticas con un simple clic. Casi magia.

Mi consejo aquí es doble. Primero, para las traducciones, el mejor navegador con diferencia es chrome porque tiene integrado el traductor de Google y admite casi cualquier idioma que puedas imaginar (hay algunos locos...). En segundo lugar, incluso si es automático, desea verificar cada página para controlar la calidad. Esto se debe a que hay idiomas mucho más detallados que otros, y esto puede variar drásticamente la longitud de los bocadillos y forzar tamaños y posiciones que no estableciste y que destruyan el estilo de la página.
Un ejemplo de una página del cómic traducida al chino tradicional:

Un gran atributo que debes conocer es la traducción, que te permite establecerla en SÍ o NO. Digamos que no quieres traducir ciertas palabras u oraciones. Puede configurarlo en NO y el navegador no realizará la traducción.
4- PUBLICACIÓN ONLINE: ¿Qué pasa si no quieres enviárselo al intermediario y publicar tu cómic online, digamos, en tu web personal?

Esa es una gran opción. Una de las experiencias que tengo al hacer esto y publicar mi cómic es que las plataformas actúan como guardianes —razonables e incluso predecibles— pero NO NECESARIOS. Y esta es una de las bellezas de la web, un medio descentralizado, puedes hacer tu propia web/plataforma y publicar allí tu cómic sin tener que pasar los filtros que otros te imponen —y créeme, hay muchos filtros, incluso en plataformas que parecen libres de ideologías como amazon.
Utilicé la extensión Live Server en código VS para visualizar el proceso en un servidor local.

5-PRÁCTICA HTML/CSS: este estaba entre mis objetivos principales al hacer esto.
Quería practicar html y css, especialmente dominar CSS GRID, y fue realmente una idea efectiva. Hacer el cómic utilizando estos lenguajes web dio la excusa para utilizar, si no todo, mucho de lo que estos lenguajes pueden ofrecer. En CSS utilicé variables, propiedades, diseño, estilo de texto... lo que aprendí es enorme y lo mejor es que fue un proceso divertido porque estaba haciendo este proyecto que me gusta.
CSS GRID merece una mención especial. Desde los inicios de CSS como lenguaje, diseñar el HTML para realizar diseños complejos era un verdadero dolor de cabeza: posicionamiento, trucos de márgenes, tablas de diseño... NO MÁS. Hacer este cómic es realmente una prueba del poder de CSS Grid y lo que puedes hacer con él.
Cuando comencé a aprender, rápidamente me di cuenta de que esta herramienta es como si estuviera hecha para hacer cómics. El nivel de precisión y bajo control que te brinda es asombroso y se siente natural y adecuado. Tiene una curva de aprendizaje pronunciada al principio, pero una vez que lo dominas, a la larga realmente vale la pena. Yo diría que es la pieza central para hacer un cómic basado en la web de la manera más sencilla y es una gran inversión en habilidades.
Así es como queda el código CSS de la portada del cómic. Estoy seleccionando la clase .page-1 y dando una posición usando la taquigrafía de la plantilla de cuadrícula. Configuré el fondo de la página en negro y el estilo de todas las imágenes que he subido en el archivo HTML.

Fue una aventura realmente genial y divertida (incluso cuando me llevó más tiempo del esperado). Ahora estoy un poco cansado del front-end. Quiere continuar con el back-end y crear un proyecto completo interesante.

Mira el cómic aquí