Favorite anime

I like anime, computer games and cutest things

Don`t give up!

Improve yourself while you`re still alive

@Chelovedus

Favorite anime: |

Links:
Education video about HTML 5
Education video about JS
Check on warnings in my HTML5 syntax

Что было изучено и применено при создании сайта:

Семантическая разметка HTML5. Использование header, nav, main, section, footer, template, корректная структура документа, meta-теги, lang, alt, title.
Адаптивная вёрстка. Meta viewport, медиазапросы @media, относительные единицы (clamp, %, vw, vh, aspect-ratio).
CSS-архитектура и организация стилей. Логическое разделение стилей по блокам (reset, typography, layout, components), использование CSS-переменных (:root).
Современные возможности CSS. flexbox, gap, backdrop-filter, filter, aspect-ratio, :has(), псевдоэлементы ::before / ::after, transition, animation, @keyframes.
Работа с изображениями. background-image, background-size, preload, оптимизация отображения под разные экраны.
Работа со шрифтами. Подключение Google Fonts, использование нескольких гарнитур, fallback-шрифты.
Модульный JavaScript. Подключение скрипта как type="module".
Работа с DOM. DOMContentLoaded, querySelector, cloneNode, appendChild, работа с template.
Асинхронный JavaScript. async / await, fetch, загрузка.
Работа с JSON. Обработка JSON-данных для генерации тайлов.
Разделение данных и логики. Хранение данных в JSON-файлах, генерация интерфейса на основе данных.
Архитектура JS-кода. Разделение на функции с чёткой ответственностью (load, selectLanguage, process, createElement).
Определение языка пользователя. Использование navigator.language / navigator.languages и переключение ресурсов в зависимости от языка.
Анимации и визуальные эффекты. Анимация текста, градиентных рамок, hover-эффекты, плавные переходы, blur-эффекты, динамическое изменение фона.