Когда gen-AI начал появляться, я изучал HTML/CSS. Я увидел все это и сказал: подождите, я мог бы использовать CSS и сделать комикс с помощью какого-нибудь инструмента искусственного интеллекта. В целом я не ошибся, за исключением того, что я предсказывал, что это займет у меня пару недель, а оказалось, что это займет у меня 4 месяца. Тем не менее, результат вполне приличный, я горжусь своей работой и МНОГОму научился, выполняя ее. Итак, позвольте мне рассказать вам почему и попробовать как я это сделал:

1-БЕСПЛАТНЫЕ ИНСТРУМЕНТЫ: за исключением случаев, когда вы решите использовать платный генератор искусственного интеллекта, который я рекомендую, все остальное вам понадобится бесплатно.
В моем случае я использовал код VS и ничего, кроме HTML и CSS. Нет необходимости в большем. Все шрифты, ресурсы и инструменты можно найти бесплатно.
Не умножайте вещи без необходимости. Это два СУПЕРМОЩНЫХ инструмента. Освоить его, и хватит на некоторое время, чтобы это сделать.

2-АВТОМАТИЗАЦИЯ: когда вы создаете комикс с использованием HTML и CSS, вы, по сути, кодируете комикс. Затем вы сможете использовать возможности автоматизации.
Речевые пузырьки, опечатки, макет... все можно сделать в масштабе одним щелчком мыши или парой строк кода. Я не знаю, будет ли расширяться использование веб-технологий для этой цели, подозреваю, что это очень своеобразная вещь с моей стороны. Однако результаты впечатляют.
Дальше — вид обложки моего комикса в коде VS. С DevTools вы можете контролировать практически все. Как будто они созданы для этого.

3-ПЕРЕВОД: это большой вопрос. Потому что даже если вы используете одну из этих платформ без кода для создания комикса, вы теряете всю мощь автоматизации.

Насколько я знаю (поправьте меня, если я ошибаюсь), на всех этих платформах вы создаете по сути какой-то экспортируемый файл — PDF, JPG, DOC... — поэтому, если наступит момент, когда вы захотите перевести свой комикс на другие языки вам придется повторять этот процесс снова и снова. В моем комиксе около 264 страниц, и поверьте мне, даже кажущаяся простой задача — скопировать/вставить весь текст на другом языке — становится НЕПРЕОДОЛИМОЙ после… 20 страниц? Не говоря уже о том, что вы создадите сотни.

Если вы используете веб-технологии для создания комиксов, вы можете использовать возможности своего браузера для автоматического перевода одним щелчком мыши. Почти волшебство.

Мой совет двоякий. Во-первых, для переводов лучшим браузером на сегодняшний день является chrome, потому что в него встроен переводчик Google и он поддерживает практически любой язык, который вы можете себе представить (есть даже сумасшедшие...). Во-вторых, даже если это происходит автоматически, вы хотите проверить каждую страницу на предмет контроля качества. Это связано с тем, что некоторые языки гораздо более многословны, чем другие, и это может сильно различаться в длине речевых пузырьков, а также в том, что размеры и положения, которые вы не установили, разрушают стиль страницы.
Пример страницы комикса, переведенной на традиционный китайский язык:

Отличный атрибут — это перевод, который позволяет вам установить значение ДА или НЕТ. Допустим, вы не хотите переводить определенные слова или предложения. Вы можете установить НЕТ, и браузер не будет выполнять перевод.
4- ОНЛАЙН-ПУБЛИКАЦИЯ: Что делать, если вы не хотите отправлять комикс посреднику и публиковать его в Интернете, скажем, в своей личной сети?

Это отличный вариант. Один из опытов, которые я получил, делая это и публикуя свой комикс, заключается в том, что платформы действуют как стражи ворот — разумно и даже предсказуемо, — но НЕ НЕОБХОДИМО. И это одна из прелестей Интернета: децентрализованная среда: вы можете создать свою собственную сеть/платформу и публиковать там свой комикс, не проходя через фильтры, которые вам навязывают другие — и поверьте мне, фильтров очень много. даже на платформах, которые кажутся свободными от идеологии, таких как Amazon.
Я использовал расширение Live Server в коде VS для визуализации процесса на локальном сервере.

5-ПРАКТИКА HTML/CSS: это была моя главная цель при этом.
Я хотел попрактиковаться в HTML и CSS, особенно освоить CSS GRID, и это была действительно эффективная идея. Создание комиксов с использованием этих веб-языков дало повод использовать если не все, то большую часть того, что эти языки могут предложить. В CSS я использовал переменные, свойства, макет, стили текста... объем того, что я узнал, огромен, и самое приятное то, что это был увлекательный процесс, потому что я делал проект, который мне нравится.
CSS GRID заслуживает особого упоминания. С момента появления CSS как языка стилизация HTML для создания сложных макетов была настоящей болью: позиционирование, трюки с полями, таблицы макетов... НЕТ БОЛЬШЕ. Создание этого комикса — действительно доказательство мощи CSS Grid и того, что с ним можно сделать.
Когда я начал учиться, то быстро понял, что этот инструмент как будто создан для создания комиксов. Уровень точности, низкий контроль, который дает вам, потрясающий, и он кажется естественным и подходящим. Поначалу ему придется нелегко научиться, но после того, как вы освоите его, в долгосрочной перспективе оно действительно того стоит. Я бы сказал, что это центральная часть создания веб-комикса в простейшей манере и отличное вложение навыков.
Вот как выглядит CSS-код обложки комикса. Я выбираю класс .page-1 и указываю позицию, используя сокращение шаблона сетки. Я установил черный фон страницы и стиль всех изображений, которые я загрузил в HTML-файл.

Это было действительно великолепное и веселое приключение (даже несмотря на то, что оно заняло у меня больше времени, чем я ожидал). Теперь я немного устал от фронтенда. Хотите продолжить работу с серверной частью и сделать крутой полнофункциональный проект.

Посмотрите комикс здесь