state_of_css.yml

locale: ua-UA
namespace: css
translations:
  ###########################################################################
  # General
  ###########################################################################

  - key: general.state_of_css.intro
    t: |
      CSS розвивається швидше ніж будь-коли.

      Гнучкі, сіткові, багатоколонкові макети… Не кажучи вже про цілковито нові парадигми, як-ось CSS-in-JS.

      Після успішного проведення щорічного опитування "Стан JavaScript" ми вирішили увійти у світ стилів і селекторів. Ми сподіваємося з вашою допомогою визначити актуальні тенденції, а також з'ясувати, що треба вивчати і використовувати в майбутньому!

  - key: general.state_of_css.description
    t: Щорічне опитування розробників про останні тенденції в CSS

  ###########################################################################
  # Tshirt
  ###########################################################################

  - key: sections.tshirt.title
    t: Футболка

  - key: sections.tshirt.description
    t: |
      ## Підтримайте опитування за допомогою футболки "Стан CSS"

      Погана якість відео, громіздкі касети та необхідність перемотування назад — здається, ніхто не сумує за чимось з епохи VHS. Але нам *все-таки* не вистачає одного — дивовижних зображень 90-х, які раніше прикрашали порожні VHS-касети.

      І тепер завдяки талановитому Christopher Kirk-Nielsen ви можете насолоджуватися добірним ретро, водночас відзначаючи свою любов до CSS!і

  - key: tshirt.about
    t: Про футболку

  - key: tshirt.description
    t: |
      Ми використовуємо високоякісну, надм'яку футболку приталеного крою із тканини з трьох типів волокна (tri-blend), надруковану нашими партнерами з Cotton Bureau.

  - key: tshirt.getit
    t: Отримати

  - key: tshirt.price
    t: USD $29 + доставляння

  - key: tshirt.designer.heading
    t: Про дизайнера

  - key: tshirt.designer.name
    t: Christopher Kirk-Nielsen

  - key: tshirt.designer.bio
    t: |
      Chris родом із Франції, але тепер проживає у Сполучених Штатах; він не лише чудовий розробник клієнтської частини, а й талановитий ілюстратор, який спеціалізується на зображеннях у стилі ретро. Ми радимо вам переглянути [інші дизайни його футболок](https://chriskirknielsen.com/designs)!

  ###########################################################################
  # Sections
  ###########################################################################

  - key: sections.layout.title
    t: Компонування
  - key: sections.layout.description
    t: Як ви розміщуєте елементи на екрані?

  - key: features.layout_pain_points
    t: Проблеми компонування
  - key: features.layout_pain_points.question
    t: Які CSS-проблеми компонування найбільше вас розчаровують?

  - key: sections.shapes_graphics.title
    t: Форма та графіка
  - key: sections.shapes_graphics.description
    t: Управління формою і відображенням елементів.

  - key: features.shapes_graphics_pain_points
    t: Проблеми форми та графіки
  - key: features.shapes_graphics_pain_points.question
    t: Які CSS-проблеми форми та графіки найбільше вас розчаровують?

  - key: sections.interactions.title
    t: Взаємодія
  - key: sections.interactions.description
    t: Контроль взаємодії користувача зі сторінкою.

  - key: features.interactions_pain_points
    t: Проблеми взаємодії
  - key: features.interactions_pain_points.question
    t: Які CSS-проблеми взаємодії найбільше вас розчаровують?

  - key: sections.typography.title
    t: Типографія
  - key: sections.typography.description
    t: Параметри та компонування тексту.

  - key: features.typography_pain_points
    t: Проблеми типографії
  - key: features.typography_pain_points.question
    t: Які CSS-проблеми типографії найбільше вас розчаровують?

  - key: sections.animations_transforms.title
    t: Анімація та перетворення
  - key: sections.animations_transforms.description
    t: Анімування та перетворення елементів.

  - key: features.animations_transforms_pain_points
    t: Проблеми анімації та перетворення
  - key: features.animations_transforms_pain_points.question
    t: Які CSS-проблеми анімування та перетворення найбільше вас розчаровують?

  - key: sections.accessibility.title
    t: Доступність
  - key: sections.accessibility.description
    t: Функції і техніки доступності.

  - key: features.accessibility_pain_points
    t: Проблеми доступності
  - key: features.accessibility_pain_points.question
    t: Які CSS-проблеми доступності найбільше вас розчаровують?

  - key: sections.media_queries.title
    t: Медіазапити
  - key: sections.media_queries.description
    t: Способи адаптації сайту до пристрою користувача або його налаштувань.

  - key: sections.selectors.title
    t: Селектори
  - key: sections.selectors.description
    t: Селектори CSS.

  - key: sections.colors.title
    t: Кольори
  - key: sections.colors.description
    t: Функції, пов'язані з кольором.

  - key: features.colors_pain_points
    t: Проблеми кольорів
  - key: features.colors_pain_points.question
    t: Які CSS-проблеми кольорів найбільше вас розчаровують?

  - key: sections.javascript_apis.title
    t: API у JavaScript
  - key: sections.javascript_apis.description
    t: API у JavaScript для маніпуляцій із чи доповнення CSS.

  - key: sections.other_features.title
    t: Інші функції
  - key: sections.other_features.description
    t: Інші функції CSS.

  - key: features.other_features_pain_points
    t: Проблеми інших функцій
  - key: features.other_features_pain_points.question
    t: Які CSS-проблеми наведених вище функцій найбільше вас розчаровують?

  - key: sections.math_features.title
    t: Математика
  - key: sections.math_features.description
    t: Математичні функції.

  - key: features.math_features_pain_points
    t: Проблеми математики
  - key: features.math_features_pain_points.question
    t: Які CSS-проблеми математичних функцій найбільше вас розчаровують?

  - key: sections.units_selectors.title
    t: Одиниці виміру та селектори
  - key: sections.units_selectors.description
    t: Перевірте свої знання одиниць виміру і селекторів CSS.

  - key: sections.pre_post_processors.title
    t: Пре-/постпроцесори
  - key: sections.pre_post_processors.description
    t: Допоміжні програми для розширення чи доповнення CSS.

  - key: sections.pre_post_processors_others.title
    t: Інші пре-/постпроцесори

  - key: sections.css_frameworks.title
    t: Фреймворки CSS
  - key: sections.css_frameworks.description
    t: Фреймворки та бібліотеки з заготованими компонентами чи стилями.

  - key: sections.css_frameworks_others.title
    t: Інші фреймворки CSS

  - key: sections.css_methodologies.title
    t: Методології CSS
  - key: sections.css_methodologies.description
    t: Систематизовані способи написання зрозумілішого CSS-коду.

  - key: sections.css_methodologies_others.title
    t: Інші методології CSS.

  - key: sections.css_in_js.title
    t: CSS-in-JS
  - key: sections.css_in_js.description
    t: Бібліотеки для написання CSS у JavaScript-коді.

  - key: sections.css_in_js_others.title
    t: Інші бібліотеки для CSS-in-JS.

  - key: sections.tools_others.title
    t: Інші інструменти
  - key: sections.tools_others.description
    t: Інші інструменти CSS.

  - key: sections.environments.title
    t: Середовище
  - key: sections.environments.description
    t: Які проблеми середовища і доступності ви враховуєте під час написання CSS?

  - key: sections.usage_css.title
    t: Використання CSS
  - key: sections.usage_css.description
    t: Як ви використовуєте CSS.

  - key: sections.resources_css.title
    t: Джерела
  - key: sections.resources_css.description
    t: До яких джерел щодо СSS ви звертаєтеся?

  ###########################################################################
  # Other Tools
  ###########################################################################

  - key: sections.other_tools.title
    t: Інші інструменти
  - key: sections.other_tools.description
    t: Інші інструменти, пов'язані із CSS.

  ###########################################################################
  # Pain Points
  ###########################################################################

  # layout
  - key: features.flexbox_issues
    t: Проблеми гнучкої рамки (Flexbox)
  - key: features.height_issues
    t: Проблеми висоти
  - key: features.overflow_issues
    t: Проблеми overflow
  - key: features.positioning_issues
    t: Проблеми позиціонування
  - key: features.alignment_issues
    t: Проблеми вирівнювання
  - key: features.centering_issues
    t: Проблеми центрування
  - key: features.hard_to_memorize
    t: Запам'ятовування правильного синтаксису
  - key: features.z_index_issues
    t: Проблеми z-index
  - key: features.scrolling_issues
    t: Проблеми гортання
  - key: features.table_layouts_issues
    t: Проблеми макету із таблиць

    # shapes & graphics
  - key: features.shape_issues
    t: Проблеми малювання фігур
  - key: features.svg_issues
    t: Проблеми SVG
  - key: features.gradient_issues
    t: Проблеми градієнтів
    aliases:
      - features.gradients_issues

    # colors
  - key: features.theming_issues
    t: Проблеми теми
  - key: features.contrast_issues
    t: Проблеми контрасту
  - key: features.dark_mode_issues
    t: Проблеми темного режиму
  - key: features.color_spaces_issues
    t: Проблеми колірних просторів
  - key: features.color_variables_issues
    t: Проблеми змінних кольору
  - key: features.color_manipulation_issues
    t: Проблеми маніпуляції кольором
  - key: features.color_syntax_issues
    t: Проблеми синтаксису кольорів
  - key: features.new_color_spaces_adoption_issues
    t: Повільне впровадження нових колірних просторів

  # interactions
  # - key: features.scrolling_issues
  #   t: Scrolling issues
  - key: features.scrollbar_issues
    t: Проблеми смуги гортання

  # typography
  - key: features.line_height_issues
    t: |
      Проблеми `line-height`
  - key: features.font_sizing_issues
    t: Проблеми кеглю шрифтів

  # math
  - key: features.handling_units
    t: Поводження з одиницями вимірювання
  - key: features.math_is_hard
    t: Труднощі математики
  - key: features.lack_of_random_function
    t: |
      Відсутність функції `random()`

  # other_features
  # - key: features.
  #   t:

  - key: features.excessive_tailwind_use
    t: Надмірне використання Tailwind

  ###########################################################################
  # Options
  ###########################################################################

  # CSS for print
  - key: options.css_for_print.0
    t: (Майже) ніколи не додаю стилі для друку
  - key: options.css_for_print.0.short
    t: Ніколи

  - key: options.css_for_print.1
    t: Іноді додаю стилі для друку
  - key: options.css_for_print.1.short
    t: Іноді

  - key: options.css_for_print.2
    t: У більшості проєктів додаю стилі для друку
  - key: options.css_for_print.2.short
    t: Часто

  - key: options.css_for_print.3
    t: Насамперед додаю CSS для друку
  - key: options.css_for_print.3.short
    t: Переважно

  # CSS for email
  - key: options.css_for_email.0
    t: (Майже) ніколи не додаю CSS для поштових клієнтів
  - key: options.css_for_email.0.short
    t: Ніколи

  - key: options.css_for_email.1
    t: Іноді додаю CSS для поштових клієнтів
  - key: options.css_for_email.1.short
    t: Іноді

  - key: options.css_for_email.2
    t: У більшості проєктів додаю CSS для поштових клієнтів
  - key: options.css_for_email.2.short
    t: Часто

  - key: options.css_for_email.3
    t: Насамперед додаю CSS для поштових клієнтів
  - key: options.css_for_email.3.short
    t: Переважно

  # what do you use CSS for?
  - key: options.what_do_you_use_css_for.marketing_sites
    t: Сайти для продажу та сторінки-вітрини
  - key: options.what_do_you_use_css_for.design_systems
    t: Дизайн-системи
  - key: options.what_do_you_use_css_for.blogs
    t: Блоги чи інші сайти з великою кількістю тексту
  - key: options.what_do_you_use_css_for.web_apps
    t: Вебзастосунки
  - key: options.what_do_you_use_css_for.mobile_apps
    t: Застосунки для мобільних пристроїв
  - key: options.what_do_you_use_css_for.css_art
    t: Творчість та ілюстрації в CSS
  - key: options.what_do_you_use_css_for.emails
    t: Електронні листи
  - key: options.what_do_you_use_css_for.printed_documents
    t: Документи для друку
  - key: options.what_do_you_use_css_for.pdf_documents
    t: PDF-документи
  - key: options.what_do_you_use_css_for.desktop_apps
    t: Застосунки для настільних комп'ютерів

  - key: options.what_do_you_use_css_for.e_commerce
    t: Електронна комерція
  - key: options.what_do_you_use_css_for.websites
    t: Вебсайти
  - key: options.what_do_you_use_css_for.games
    t: Ігри
  - key: options.what_do_you_use_css_for.portfolio
    t: Портфоліо
  - key: options.what_do_you_use_css_for.extensions
    t: Розширення браузера
  - key: options.what_do_you_use_css_for.desktop
    t: Настільні комп'ютери

  # CSS pain points
  - key: options.css_pain_points.browser_interoperability
    t: Сумісність між браузерами
  - key: options.css_pain_points.browser_interoperability.description
    t: Різниця між Chrome, Safari, Firefox тощо.
  - key: options.css_pain_points.interactions
    t: Взаємодія
  - key: options.css_pain_points.interactions.description
    t: Відповідь на введення або інші події (гортання, наведення тощо), викликані користувачем.
  - key: options.css_pain_points.architecture
    t: Архітектура та підтримування
  - key: options.css_pain_points.architecture.description
    t: Організування файлів, видалення невикористаного коду, рефакторинг тощо.
  - key: options.css_pain_points.layout_positioning
    t: Компонування та позиціонування
  - key: options.css_pain_points.layout_positioning.description
    t: Компонування та розміщення елементів у бажаному місці.
  - key: options.css_pain_points.scoping_specificity
    t: Область видимості та специфічність
  - key: options.css_pain_points.scoping_specificity.description
    t: Робота з каскадом, перевизначенням стилів тощо.
  - key: options.css_pain_points.responsive_design
    t: Чуйний (responsive) дизайн
  - key: options.css_pain_points.responsive_design.description
    t: Зміна компонування елементів і дизайнів відповідно до формфактору пристрою.
  - key: options.css_pain_points.form_elements_styling
    t: Стилі для елементів форми
  - key: options.css_pain_points.form_elements_styling.description
    t: Налаштування вигляду та поведінки елементів форми.
  - key: options.css_pain_points.performance_issues
    t: Проблеми продуктивності
  - key: options.css_pain_points.performance_issues.description
    t: Робота з ненадійним гортанням, створення більш плавних анімацій тощо.

  - key: options.css_pain_points.accessibility
    t: Доступність
  - key: options.css_pain_points.accessibility.description
    t: Забезпечення доступності вмісту
  - key: options.css_pain_points.animations
    t: Анімація
  - key: options.css_pain_points.animations.description
    t: Створення анімацій та переходів

  # CSS missing features (same as features section)
  - key: options.css_missing_features.nesting
    t: Вкладеність
  - key: options.css_missing_features.nesting.description
    t: Змога вкладати стилі один в одного в нативному CSS-коді.
  - key: options.css_missing_features.parent_selector
    t: Селектор батьківського елемента
  - key: options.css_missing_features.parent_selector.description
    t: Змога вибирати батьківський елемент за його безпосереднім нащадком.
  - key: options.css_missing_features.browser_support
    aliasFor: features.browser_support
  - key: options.css_missing_features.browser_support.description
    t: Краще підтримування браузерами наявних функцій.
  - key: options.css_missing_features.mixins
    t: Домішки (mixins)
  - key: options.css_missing_features.mixins.description
    t: Динамічне групування та перевикористання визначень.
  - key: options.css_missing_features.color_functions
    aliasFor: features.color_functions
  - key: options.css_missing_features.color_functions.description
    aliasFor: features.color_functions.description
  - key: options.css_missing_features.container_queries
    t: Контейнерні запити
  - key: options.css_missing_features.container_queries.description
    t: Змога писати стилі, зважаючи на розміри батьківського контейнера.
  - key: options.css_missing_features.scoping
    t: Область видимості
  - key: options.css_missing_features.scoping.description
    t: Змога уточнювати місце застосування ваших стилів.
  - key: options.css_missing_features.subgrid
    t: Вкладена сітка (Subgrid)
  - key: options.css_missing_features.subgrid.description
    t: Вкладення сіток нижчого рівня у батьківську сітку.

  - key: options.css_missing_features.native_visually_hidden
    t: Візуально прихований вміст
  - key: options.css_missing_features.native_visually_hidden.description
    t: Вбудоване підтримання візуально прихованого вмісту.

  - key: options.css_missing_features.generated_content_alt_text
    t: Alt-текст для згенерованого контенту
  - key: options.css_missing_features.generated_content_alt_text.description
    t: Додавання альтернативного тексту до згенерованого (`::before`, `::after`) контенту.

  - key: options.css_missing_features.animate_to_auto
    t: Анімування зі значенням `auto`
  - key: options.css_missing_features.animate_to_auto.description
    t: Анімування розмірів елемента зі значенням `auto`.

  - key: options.css_missing_features.anchored_positioning
    t: Якірне позиціонування
  - key: options.css_missing_features.anchored_positioning.description
    t: Позиціонування елементів відносно країв іншого довільного елемента.

  - key: options.css_missing_features.wrapping_detection
    t: Виявлення перенесення елемента
  - key: options.css_missing_features.wrapping_detection.description
    t: Виявлення того, що гнучкий або сітковий елемент був перенесений (wrapped) на наступну лінію.

  - key: options.css_missing_features.more_pseudo_elements
    t: Більше псевдоелементів
  - key: options.css_missing_features.more_pseudo_elements.description
    t: Більш ніж два псевдоелемента на елемент.

  - key: options.css_missing_features.svg_in_css
    t: SVG-in-CSS
  - key: options.css_missing_features.svg_in_css.description
    t: Підтримування синтаксису SVG всередині CSS-коду (наприклад, `background`).

  - key: options.css_missing_features.grid_lines_styling
    t: Стилі для ліній-розділювачів сітки
  - key: options.css_missing_features.grid_lines_styling.description
    t: Можливість додавання стилів для невидимих ліній, які розділяють сітку.

  - key: options.css_missing_features.media_queries_variables
    t: Змінні в медіазапитах
  - key: options.css_missing_features.media_queries_variables.description
    t: Можливість використання змінних всередині медіазапитів.

  - key: options.css_missing_features.masonry_layout
    t: Компонування masonry
  - key: options.css_missing_features.masonry_layout.description
    t: Вбудоване підтримання сітки вільного плину для компонування у стилі Pinterest.

  - key: options.css_missing_features.css_toggle
    t: Перемикач (Toggle) у CSS
  - key: options.css_missing_features.css_toggle.description
    t: Спосіб зіставлення "значення, що може перемикатися", з елементом.

  ###########################################################################
  # Features
  ###########################################################################

  # layout

  - key: features.regions
    t: Регіони в CSS (CSS Regions)
  - key: features.multi_column
    t: Багатоколонковість у CSS
  - key: features.writing_modes
    t: Напрямки письма в CSS
  - key: features.exclusions
    t: Області обтікання в CSS (CSS Exclusions)

  - key: features.flexbox_gap
    t: "Властивість `gap` для гнучкої рамки (Flexbox)"

  - key: features.viewport_percentage_length_units
    t: Одиниці вимірювання на основі малої, великої та динамічної області перегляду
  - key: features.viewport_percentage_length_units.question
    aliasFor: features.viewport_percentage_length_units
  - key: features.at_container
    t: "Запити `@container`"
  - key: features.at_container.description
    t: Включно з вибором за розмірами та стилями

  # shapes & graphics
  - key: features.shapes
    t: Фігури та форми в CSS
  - key: features.masks
    t: Маскування CSS
  - key: features.filter_effects
    t: Ефекти фільтрів CSS

  - key: features.linear_easing_function
    t: "Функція плавності `linear()`"
  - key: features.linear_easing_function.question
    aliasFor: features.linear_easing_function
  - key: features.blend_modes
    t: Режими накладання та змішування
  - key: features.blend_modes.question
    aliasFor: features.blend_modes
  - key: features.intrinsic_sizing
    t: Ключові слова для природного розміру (intrinsic sizing)
  - key: features.gradient_color_spaces
    t: Простори колірної інтерполяції
  - key: features.gradient_color_spaces.question
    aliasFor: features.gradient_color_spaces

  # typography
  - key: features.web_fonts
    t: Шрифти у вебі (`@font-face`)
  - key: features.variable_fonts
    t: Варіативні шрифти
  - key: features.line_breaking
    t: Властивості перенесення тексту
  - key: features.direction.description
    t: Включно з HTML-атрибутом `dir`.

  # animations & transforms
  - key: features.transitions
    t: Переходи CSS
  - key: features.transforms
    t: Перетворення CSS
  - key: features.animations
    t: Анімації CSS

  - key: features.discrete_properties_animations
    t: Анімування дискретних властивостей

  - key: features.discrete_properties_animations.description
    t: Просте анімування входу та виходу для елементів, які можна закрити, наприклад, діалогових і спливних вікон.

  # media queries/accessibility
  - key: features.tabindex
    t: "Атрибут HTML `tabindex`"

  - key: features.aria_attributes
    t: ARIA-атрибути HTML
  - key: features.aria_attributes.description
    t: "`role`, `aria-label` тощо"

  # other features
  - key: features.variables
    t: Змінні CSS (Власні властивості)
  - key: features.containment
    t: Утримання CSS (CSS Containment)

  - key: features.css_nesting.description
    t: Вбудована вкладеність CSS без пре-/постпроцесорів.

  - key: features.trigonometric_functions
    t: Тригонометричні функції
  - key: features.trigonometric_functions.question
    aliasFor: features.trigonometric_functions
  - key: features.exponential_functions
    t: Експоненційні функції
  - key: features.sign_related_functions
    t: Функції для роботи зі знаком
  - key: features.stepped_value_functions
    t: Кусково-задані функції
  - key: features.css_nesting
    t: Вкладеність CSS
  - key: features.shadow_dom_css
    t: Функції тіньового DOM
  - key: features.individual_transform_properties
    t: Окремі властивості перетворення
  - key: features.individual_transform_properties.question
    aliasFor: features.individual_transform_properties
  - key: features.comparison_functions
    t: Функції порівняння в CSS
  - key: features.comparison_functions.question
    aliasFor: features.comparison_functions
  - key: features.math_functions
    t: Математичні функції в CSS
  - key: features.viewport_units
    t: Одиниці на основі області перегляду (`vh`, `vw`)
  - key: features.cascade_layers
    t: Каскадні шари
  - key: features.cascade_layers.question
    aliasFor: features.cascade_layers

  # missing features (see also options)
  - key: features.nesting
    t: Вкладеність
  - key: features.nesting.description
    t: Змога вкладати стилі один в одного в нативному CSS-коді.
  - key: features.parent_selector
    t: Селектор батьківського елемента
  - key: features.parent_selector.description
    t: Змога вибирати батьківський елемент за його безпосереднім нащадком.
  - key: features.browser_support
    t: Підтримання браузерами
  - key: features.browser_support.description
    t: Краще підтримування браузерами наявних функцій.
  - key: features.mixins
    t: Домішки (mixins)
  - key: features.mixins.description
    t: Динамічне групування та перевикористання визначень.
  - key: features.color_functions
    t: Функції кольору
  - key: features.color_functions.description
    t: Функції для маніпулювання значеннями кольорів (`color()`, `color-mix()`, `contrast-color()` тощо).
  - key: features.container_queries
    t: Контейнерні запити
  - key: features.container_queries.description
    t: Змога писати стилі, зважаючи на розміри батьківського контейнера.
  - key: features.scoping
    t: Область видимості
  - key: features.scoping.description
    t: Змога уточнювати місце застосування ваших стилів.

  ###########################################################################
  # Units & Selectors
  ###########################################################################

  - key: features_others.units
    t: Одиниці вимірювання
  - key: features_others.units.description
    t: Які з-поміж цих одиниць вимірювання в CSS ви використовували?

  - key: options.units.px
    t: px
  - key: options.units.pt
    t: pt
  - key: options.units.percent
    t: "%"
  - key: options.units.em
    t: em
  - key: options.units.rem
    t: rem
  - key: options.units.vh_vw
    t: vh, vw
  - key: options.units.vmin_vmax
    t: vmin, vmax
  - key: options.units.ch
    t: ch
  - key: options.units.ex
    t: ex
  - key: options.units.mm
    t: mm
  - key: options.units.cm
    t: cm
  - key: options.units.in
    t: in

  - key: features_others.pseudo_elements
    t: Псевдоелементи
  - key: features_others.pseudo_elements.description
    t: Які з-поміж цих псевдоелементів CSS ви використовували?

  - key: options.pseudo_elements.before
    t: "::before"
  - key: options.pseudo_elements.after
    t: "::after"
  - key: options.pseudo_elements.first_line
    t: "::first-line"
  - key: options.pseudo_elements.first_letter
    t: "::first-letter"
  - key: options.pseudo_elements.selection
    t: "::selection"
  - key: options.pseudo_elements.placeholder
    t: "::placeholder"
  - key: options.pseudo_elements.marker
    t: "::marker"
  - key: options.pseudo_elements.backdrop
    t: "::backdrop"

  - key: features_others.combinators
    t: Комбінатори
  - key: features_others.combinators.description
    t: Які з-поміж цих комбінаторів селекторів CSS ви використовували?

  - key: options.combinators.descendant
    t: div span (нащадок)
  - key: options.combinators.child
    t: div > span (безпосередній нащадок)
  - key: options.combinators.next_sibling
    t: div + div (наступний сестринський елемент)
  - key: options.combinators.subsequent_sibling
    t: div ~ div (усі сестринські елементи опісля)

  - key: features_others.tree_document_structure
    t: Структура дерева / документа
  - key: features_others.tree_document_structure.description
    t: Які з-поміж цих CSS-селекторів, пов'язаних зі структурою, ви використовували?

  - key: options.tree_document_structure.root
    t: :root
  - key: options.tree_document_structure.empty
    t: :empty
  - key: options.tree_document_structure.not
    t: :not()
  - key: options.tree_document_structure.nth_child
    t: :nth-child()
  - key: options.tree_document_structure.nth_last_child
    t: :nth-last-child()
  - key: options.tree_document_structure.first_child
    t: :first-child
  - key: options.tree_document_structure.last_child
    t: :last-child
  - key: options.tree_document_structure.only_child
    t: :only-child
  - key: options.tree_document_structure.nth_of_type
    t: :nth-of-type()
  - key: options.tree_document_structure.nth_last_of_type
    t: :nth-last-of-type()
  - key: options.tree_document_structure.first_of_type
    t: :first-of-type
  - key: options.tree_document_structure.last_of_type
    t: :last-of-type
  - key: options.tree_document_structure.only_of_type
    t: :only-of-type
  - key: options.tree_document_structure.lang
    t: :lang()
  - key: options.tree_document_structure.is
    t: :is()
  - key: options.tree_document_structure.where
    t: :where()
  - key: options.tree_document_structure.has
    t: :has()

  - key: features_others.attributes
    t: Атрибути
  - key: features_others.attributes.description
    t: Які з-поміж цих CSS-селекторів атрибутів ви використовували?

  - key: options.attributes.presence
    t: div[foo] (Має заданий атрибут)
  - key: options.attributes.equality
    t: div[foo="bar"] (Те саме значення)
  - key: options.attributes.starts_with
    t: div[foo^="bar"] (Починається з чого)
  - key: options.attributes.ends_with
    t: div[foo$="bar"] (Закінчується чим)
  - key: options.attributes.contains_word
    t: div[foo~="bar"] (Містить слово)
  - key: options.attributes.contains_substring
    t: div[foo*="bar"] (Містить текст)

  - key: features_others.links_urls
    t: Посилання/URL
  - key: features_others.links_urls.description
    t: Які з-поміж цих CSS-селекторів, пов'язаних із посиланнями та URL, ви використовували?

  - key: options.links_urls.any_link
    t: :any-link
  - key: options.links_urls.link_visited
    t: :link та :visited
  - key: options.links_urls.local_link
    t: :local-link
  - key: options.links_urls.target
    t: :target

  - key: features_others.interaction
    t: Взаємодія
  - key: features_others.interaction.description
    t: Які з-поміж цих CSS-селекторів взаємодії ви використовували?

  - key: options.interaction.hover
    t: :hover
  - key: options.interaction.active
    t: :active
  - key: options.interaction.focus
    t: :focus
  - key: options.interaction.focus_within
    t: :focus-within
  - key: options.interaction.focus_visible
    t: :focus-visible

  - key: features_others.form_controls
    t: Елементи керування формою
  - key: features_others.form_controls.description
    t: Які з-поміж цих CSS-селекторів, пов'язаних із формами, ви використовували?

  - key: options.form_controls.enabled_disabled
    t: :enabled та :disabled
  - key: options.form_controls.read_only_write
    t: :read-only та :read-write
  - key: options.form_controls.placeholder_shown
    t: :placeholder-shown
  - key: options.form_controls.default
    t: :default
  - key: options.form_controls.checked
    t: :checked
  - key: options.form_controls.indeterminate
    t: :indeterminate
  - key: options.form_controls.valid_invalid
    t: :valid та :invalid
  - key: options.form_controls.user_invalid
    t: :user-invalid
  - key: options.form_controls.in_out_range
    t: :in-range та :out-of-range
  - key: options.form_controls.required_optional
    t: :required та :optional

  # slider
  - key: options.css_js_balance.0
    t: 100% CSS
  - key: options.css_js_balance.1
    t: "|"
  - key: options.css_js_balance.2
    t: "|"
  - key: options.css_js_balance.3
    t: "|"
  - key: options.css_js_balance.4
    t: 50%–50%
  - key: options.css_js_balance.5
    t: "|"
  - key: options.css_js_balance.6
    t: "|"
  - key: options.css_js_balance.7
    t: "|"
  - key: options.css_js_balance.8
    t: 100% JS

  ###########################################################################
  # Other Tools
  ###########################################################################

  - key: tools.css_frameworks
    t: Фреймворки CSS
  - key: tools.css_frameworks.question
    t: Які фреймворки CSS ви використовуєте?
  - key: tools.css_frameworks.prompt
    t: Фреймворки або бібліотеки з заготованими компонентами чи стилями.

  - key: options.css_frameworks.custom_framework
    t: Власний/внутрішній фреймворк
    aliases:
      - tools.custom_framework

  - key: tools.css_in_js
    t: CSS-in-JS
  - key: tools.css_in_js.question
    t: Які бібліотеки CSS-in-JS ви використовуєте?

  - key: tools_others.pre_post_processors
    aliasFor: sections.pre_post_processors.title
  - key: other_tools.pre_post_processors
    aliasFor: sections.pre_post_processors.title
  - key: tools_others.pre_post_processors.question
    t: Які пре-/постпроцесори ви регулярно використовуєте?
  - key: other_tools.pre_post_processors.description
    aliasFor: tools_others.pre_post_processors.question
  - key: tools_others.pre_post_processors.others
    aliasFor: sections.pre_post_processors_others.title
  - key: other_tools.pre_post_processors.others
    aliasFor: sections.pre_post_processors_others.title
  - key: other_tools.pre_post_processors_freeform
    aliasFor: sections.pre_post_processors_others.title

  - key: tools.pre_post_processors
    aliasFor: sections.pre_post_processors.title
  - key: tools.pre_post_processors.question
    aliasFor: tools_others.pre_post_processors.question

  - key: tools_others.utilities
    t: Інструменти
  - key: tools_others.utilities.question
    t: Які допоміжні програми чи інструменти ви часто використовуєте?
  - key: tools_others.utilities.others
    t: Інші інструменти
  - key: tools_others.utilities.others.description
    t: Інше (поле відповіді довільної форми).

  - key: tools.utilities
    aliasFor: tools_others.utilities
  - key: tools.utilities.question
    aliasFor: tools_others.utilities.question

  - key: other_tools.utilities
    aliasFor: tools_others.utilities
  - key: other_tools.utilities.description
    aliasFor: tools_others.utilities.question
  - key: other_tools.utilities.others
    aliasFor: tools_others.utilities.others
  - key: other_tools.utilities.others.description
    aliasFor: tools_others.utilities.others.description
  - key: other_tools.utilities_freeform
    aliasFor: tools_others.utilities.others

  - key: tools.utilities
    aliasFor: tools_others.utilities
  - key: tools.utilities.question
    aliasFor: tools_others.utilities.question

  - key: tools_others.browsers
    t: Браузери
  - key: tools_others.browsers.question
    t: У якому браузері ви переважно працюєте під час початку розробки?
  - key: tools_others.browsers.others
    t: Інші браузери
  - key: tools_others.browsers.others.description
    t: Інше (поле відповіді довільної форми).

  - key: tools.browsers
    aliasFor: tools_others.browsers
  - key: tools.browsers.question
    aliasFor: tools_others.browsers.question

  - key: other_tools.browsers
    aliasFor: tools_others.browsers
  - key: other_tools.browsers.description
    aliasFor: tools_others.browsers.question
  - key: other_tools.browsers.others
    aliasFor: tools_others.browsers.others
  - key: other_tools.browsers.others.description
    aliasFor: tools_others.browsers.others.description

  ###########################################################################
  # Environments
  ###########################################################################

  - key: environments.browsers
    t: Браузери
  - key: environments.browsers.description
    t: У яких браузерах ви тестуєте

  - key: environments.form_factors
    t: Середовища тестування
  - key: environments.form_factors.question
    t: Для яких формфакторів чи у яких середовищах ви тестуєте?
  - key: environments.form_factors.others
    t: Інші середовища тестування
  - key: environments.form_factors.others.description
    t: Інші формфактори або середовища, у яких ви тестуєте.

  - key: usage.form_factors
    aliasFor: environments.form_factors
  - key: usage.form_factors.question
    aliasFor: environments.form_factors.question
  - key: usage.form_factors.others
    aliasFor: environments.form_factors.others
  - key: usage.form_factors_freeform
    aliasFor: environments.form_factors.others
  - key: usage.form_factors.others.description
    aliasFor: environments.form_factors.others.description

  - key: environments.accessibility_features
    t: Функції доступності
  - key: environments.accessibility_features.question
    t: Які функції доступності ви зазвичай реалізовуєте?
  - key: environments.accessibility_features.others
    t: Інші функції доступності
  - key: environments.accessibility_features.others.description
    t: Інші функції доступності, які ви зазвичай реалізовуєте

  - key: environments.css_for_print
    t: CSS для друку
  - key: environments.css_for_print.question
    t: Ви пишете стилі для режиму друку?

  - key: environments.css_for_email
    t: CSS для поштових клієнтів
  - key: environments.css_for_email.question
    t: Ви пишете CSS для поштових клієнтів?

  - key: environments.what_do_you_use_css_for
    t: Використання CSS
  - key: environments.what_do_you_use_css_for.question
    t: Для якого виду проєктів ви зазвичай використовуєте CSS?
  - key: environments.what_do_you_use_css_for.others
    t: Інші види проєктів

  - key: usage.what_do_you_use_css_for
    aliasFor: environments.what_do_you_use_css_for
  - key: usage.what_do_you_use_css_for.question
    aliasFor: environments.what_do_you_use_css_for.question

  - key: usage.what_do_you_use_css_for
    aliasFor: environments.what_do_you_use_css_for
  - key: usage.what_do_you_use_css_for.others
    aliasFor: environments.what_do_you_use_css_for.others
  - key: usage.what_do_you_use_css_for_freeform
    aliasFor: environments.what_do_you_use_css_for.others

  - key: charts.axis_legends.css_for_print
    t: Частотність
  - key: charts.axis_legends.css_for_email
    t: Частотність

  - key: tools_others.tool_evaluation
    t: Оцінка бібліотек
  - key: tools_others.tool_evaluation.description
    t: У кожній парі виберіть пріоритетніший для вас фактор під час оцінювання нової бібліотеки.

  ###########################################################################
  # Opinions
  ###########################################################################

  - key: opinions.css_easy_to_learn
    t: Вивчати CSS легко
  - key: opinions.css_easy_to_learn.title
    t: Крива вивчення

  - key: opinions.css_evolving_slowly
    t: CSS розвивається надто повільно
  - key: opinions.css_evolving_slowly.title
    t: Швидкість змін

  - key: opinions.utility_classes_to_be_avoided
    t: Потрібно уникати допоміжних (несемантичних) класів (.center, .large-text тощо)
  - key: opinions.utility_classes_to_be_avoided.title
    t: Несемантичні класи

  - key: opinions.selector_nesting_to_be_avoided
    t: Потрібно уникати вкладеності селекторів (.foo .bar ul li {...})
  - key: opinions.selector_nesting_to_be_avoided.title
    t: Вкладеність селекторів

  - key: opinions.css_is_programming_language
    t: CSS — це мова програмування
  - key: opinions.css_is_programming_language.title
    t: Мова програмування

  - key: opinions.enjoy_writing_css
    t: Мені подобається писати CSS
  - key: opinions.enjoy_writing_css.title
    t: Насолода

  - key: usage.css_pace_of_change
    t: Темп змін
  - key: usage.css_pace_of_change.question
    t: Як добре ви зазвичай стежите за новими функціями CSS, як-от ті, що згадані в цьому опитуванні?

  - key: options.css_pace_of_change.1
    t: Не знали/не випробували більшість функцій
    aliases:
      - options.js_pace_of_change.1
  # - key: options.css_pace_of_change.0.description
  # t: I haven't learned about or tried out most features

  - key: options.css_pace_of_change.2
    t: Дізналися про деякі функції, але не випробували їх
    aliases:
      - options.js_pace_of_change.2
  # - key: options.css_pace_of_change.1.description
  # t: I've learned about some of the features; but haven't tried them out

  - key: options.css_pace_of_change.3
    t: Дізналися про деякі функції та випробували їх
    aliases:
      - options.js_pace_of_change.3
  # - key: options.css_pace_of_change.2.description
  # t: I've learned about and tried out some of the features

  - key: options.css_pace_of_change.4
    t: Дізналися про більшість функцій та випробували деякі з них
    aliases:
      - options.js_pace_of_change.4
  # - key: options.css_pace_of_change.3.description
  # t: I've learned about most of the features and tried out some of them

  - key: options.css_pace_of_change.5
    t: Дізналися про більшість функцій та випробували їх
    aliases:
      - options.js_pace_of_change.5
  # - key: options.css_pace_of_change.4.description
  #   t: I've learned about and tried out most of the features

  # Browser interoperability question
  - key: opinions_others.browser_interoperability_features.others
    t: Несумісність між браузерами
  - key: opinions_others.browser_interoperability_features.others.description
    t: >
      Якими наявними функціями CSS ви не можете користуватися (або взагалі уникаєте)
      через недостатнє підтримування або відмінності між браузерами?

  - key: usage.css_interoperability_features
    aliasFor: opinions_others.browser_interoperability_features.others
  - key: usage.css_interoperability_features.question
    aliasFor: opinions_others.browser_interoperability_features.others.description

  - key: usage.css_interoperability_features_freeform
    aliasFor: opinions_others.browser_interoperability_features.others
  - key: usage.interoperability_features_freeform
    aliasFor: opinions_others.browser_interoperability_features.others
  - key: usage.interoperability_features_freeform.others
    aliasFor: opinions_others.browser_interoperability_features.others

  - key: usage.interoperability_features_freeform.description
    aliasFor: opinions_others.browser_interoperability_features.others.description
  - key: usage.interoperability_features_freeform.others.description
    aliasFor: opinions_others.browser_interoperability_features.others.description

  - key: options.css_interoperability_features.math_functions
    aliasFor: features.math_functions
  - key: options.css_interoperability_features.css_nesting
    aliasFor: features.css_nesting
  - key: options.css_interoperability_features.at_container
    aliasFor: features.at_container

  - key: options.css_interoperability_features.color_functions
    aliasFor: features.color_functions
  - key: options.css_interoperability_features.color_functions.description
    aliasFor: features.color_functions.description
  - key: options.css_interoperability_features.cascade_layers
    aliasFor: features.cascade_layers
  - key: options.css_interoperability_features.scrollbar
    t: Стилі для смуги гортання

  - key: options.css_interoperability_features.safari_unsupported_features
    t: Проблеми Safari

  - key: options.css_interoperability_features.na
    t: Нічого

  # Pain Points
  - key: opinions.css_pain_points
    t: Проблеми CSS
  - key: opinions.css_pain_points.description
    t: У кожній парі виберіть аспект CSS, з яким вам найтяжче працювати.

  - key: usage.other_pain_points_freeform
    t: Ще якісь проблеми, пов'язані з написанням CSS?
  - key: usage.other_pain_points_freeform.others
    aliasFor: usage.other_pain_points_freeform

  - key: opinions_others.css_pain_points.others
    t: Інші проблеми CSS

  - key: usage.css_pain_points
    aliasFor: opinions_others.css_pain_points.others
  - key: usage.css_pain_points.question
    aliasFor: usage.other_pain_points_freeform
  - key: usage.css_pain_points_freeform
    aliasFor: usage.other_pain_points_freeform

  - key: usage.css_general_pain_points
    aliasFor: opinions_others.css_pain_points.others
  - key: usage.css_general_pain_points.question
    aliasFor: usage.other_pain_points_freeform

  - key: options.css_pain_points.na
    t: Нічого

  - key: options.css_general_pain_points.layout_and_positioning_issues
    t: Компонування та позиціонування
  - key: options.css_general_pain_points.excessive_tailwind_use
    t: Надмірне використання Tailwind
  - key: options.css_general_pain_points.hard_to_memorize
    t: Складний для запам'ятовування синтаксис

  # Missing Features
  - key: opinions.css_missing_features
    t: На вашу думку, чого наразі не вистачає у CSS?
  - key: opinions.css_missing_features.description
    t: У кожній парі виберіть те, що, за можливості, ви найбільше хотіли б використовувати у CSS сьогодні.

  - key: usage.missing_features_freeform
    t: На вашу думку, яких функцій наразі взагалі не вистачає у CSS?
  - key: usage.missing_features_freeform.others
    aliasFor: usage.missing_features_freeform
  - key: usage.missing_features_freeform
    aliasFor: usage.missing_features_freeform

  - key: usage.css_missing_features
    t: Відсутні функції
  - key: usage.css_missing_features.question
    aliasFor: usage.missing_features_freeform

  - key: opinions_others.css_missing_features.others
    t: Інші відсутні функції

  - key: options.css_missing_features.na
    t: Нічого

  # - key: opinions_others.css_missing_features.others.note
  #   t: >
  #       These results were normalized based on the contents of a freeform field.
  #       To view the raw, unprocessed responses check out [whatsmissingfromcss.com](http://whatsmissingfromcss.com/).

  - key: opinions.sum_up_one_word_css
    t: CSS одним словом
  - key: opinions.sum_up_one_word_css.description
    t: Як ви б висловили свою думку про CSS одним словом?

  - key: happiness.pre_post_processors
    t: Наскільки ви задоволені поточним станом пре-/постпроцесорів?
  - key: happiness.css_in_js
    t: Наскільки ви задоволені поточним станом бібліотек CSS-in-JS?
  - key: css_in_js.css_in_js_happiness
    aliasFor: happiness.css_in_js
  - key: happiness.css_frameworks
    t: Наскільки ви задоволені поточним станом фреймворків CSS?
  - key: css_frameworks.css_frameworks_happiness
    aliasFor: happiness.css_frameworks

  - key: happiness.state_of_the_web
    t: Стан вебтехнологій
  - key: happiness.state_of_the_web.description
    t: Наскільки ви задоволені станом вебтехнологій загалом?
  - key: usage.state_of_the_web_happiness
    aliasFor: happiness.state_of_the_web
  - key: usage.state_of_the_web_happiness.question
    aliasFor: happiness.state_of_the_web.description

  - key: options.state_of_the_web_happiness.0
    aliasFor: options.happiness.0
  - key: options.state_of_the_web_happiness.1
    aliasFor: options.happiness.1
  - key: options.state_of_the_web_happiness.2
    aliasFor: options.happiness.2
  - key: options.state_of_the_web_happiness.3
    aliasFor: options.happiness.3
  - key: options.state_of_the_web_happiness.4
    aliasFor: options.happiness.4

  - key: happiness.state_of_css
    t: Стан CSS
  - key: happiness.state_of_css.question
    t: Наскільки ви задоволені станом CSS загалом?
  - key: usage.state_of_css_happiness
    aliasFor: happiness.state_of_css
  - key: usage.state_of_css_happiness.question
    aliasFor: happiness.state_of_css.question

  - key: options.state_of_css_happiness.0
    aliasFor: options.happiness.0
  - key: options.state_of_css_happiness.1
    aliasFor: options.happiness.1
  - key: options.state_of_css_happiness.2
    aliasFor: options.happiness.2
  - key: options.state_of_css_happiness.3
    aliasFor: options.happiness.3
  - key: options.state_of_css_happiness.4
    aliasFor: options.happiness.4

  # pain points/currently missing (results)
  - key: css_pain_points.css_pain_points_wins
    t: Проблеми CSS
  - key: css_pain_points.css_pain_points_wins.description
    t: Від яких аспектів CSS вам найтяжче? Результати ранжуються за кількістю виграних раундів турніру.

  - key: css_pain_points.css_pain_points_matchups
    t: Проблеми CSS (Попарно)
  - key: css_pain_points.css_pain_points_matchups.description
    t: Від яких аспектів CSS вам найтяжче? Відсоток раундів, що виграні елементом ліворуч проти елемента зверху.

  - key: css_missing_features.css_missing_features_wins
    t: Відсутні функції у CSS
  - key: css_missing_features.css_missing_features_wins.description
    t: Яку функцію, за можливості, ви найбільше хотіли б використовувати у CSS сьогодні? Результати ранжуються за кількістю виграних раундів турніру.

  - key: css_missing_features.css_missing_features_matchups
    t: Відсутні функції у (Попарно)
  - key: css_missing_features.css_missing_features_matchups.description
    t: Яку функцію, за можливості, ви найбільше хотіли б використовувати у CSS сьогодні? Відсоток раундів, що виграні елементом ліворуч проти елемента зверху.

  # usage
  - key: usage.css_js_balance
    t: Співвідношення CSS і JavaScript
  - key: usage.css_js_balance.question
    t: Скільки часу ви пишете CSS (включно з верстанням HTML) і скільки — JavaScript-код?

  - key: usage.css_usage_type
    t: Використання CSS
  - key: usage.css_usage_type.question
    t: Для чого ви переважно використовуєте CSS?
  - key: usage.css_usage_type.others
    t: Інші варіанти використання CSS

  - key: usage.usage_type
    aliasFor: usage.css_usage_type
  - key: usage.usage_type.question
    aliasFor: usage.css_usage_type.question
  - key: usage.usage_type.others
    aliasFor: usage.css_usage_type.others

  # design_methodology
  - key: usage.design_methodology
    t: Дизайн-методологія
  - key: usage.design_methodology.question
    t: Що з цього найкраще описує, як ви здебільшого проєктуєте за допомогою CSS?
  - key: options.design_methodology.implement_other_peoples_designs
    t: Реалізую дизайни інших
  - key: options.design_methodology.design_in_design_apps
    t: Створюю власні дизайни у відповідних програмах, а потім реалізую їх у CSS
  - key: options.design_methodology.design_in_css
    t: Реалізую власні дизайни безпосередньо в CSS

  # baseline_awareness
  - key: usage.baseline_awareness
    t: Впізнаваність бази сумісності
  - key: usage.baseline_awareness.question
    t: Вікторина! Індикатор бази сумісності вебплатформи (Web Platform Baseline) — це…

  - key: options.baseline_awareness.text_formatting
    t: Набір нових функцій компонування тексту
  - key: options.baseline_awareness.performance_testing_tool
    t: Інструмент для тестування швидкодії в браузері
  - key: options.baseline_awareness.supported_apis
    t: Набір функцій та API вебу, що підтримуються всіма основними браузерами
  - key: options.baseline_awareness.code_examples
    t: Набір прикладів коду для повторного використання в різних проєктах
  - key: options.baseline_awareness.no_idea
    t: Не маю уявлення

  # favorite_new_feature
  - key: usage.favorite_new_features
    t: Улюблена нова функція
  - key: usage.favorite_new_features.question
    t: Які ваші улюблені нові функції CSS ви почали використовувати цього року?

  # gamechanger_feature
  - key: usage.gamechanger_feature
    t: Функція, яка змінила все
  - key: usage.gamechanger_feature.question
    t: Протягом останніх 5 років, яка функція мала найбільший вплив на те, як ви пишете CSS?

  ###########################################################################
  # Resources
  ###########################################################################

  - key: resources.first_steps_css
    t: Перші кроки у CSS
  - key: resources.first_steps_css.description
    t: Які джерела ви використовували для вивчення CSS, коли тільки починали?

  - key: resources.learning_methods_css
    t: Методи навчання CSS
  - key: resources.learning_methods_css.description
    t: Які джерела ви використовували для вивчення CSS?

  # sites & courses
  - key: resources.sites_courses_css
    aliasFor: resources.sites_courses
  - key: resources.sites_courses_css.description
    t: Які пов'язані із CSS сайти або курси ви використовували для вивчення CSS?

  # blogs_news_magazines
  - key: resources.blogs_news_magazines.question
    t: Які блоги, журнали або розсилки ви читаєте, щоб слідкувати за новинами щодо CSS?

  # courses
  - key: resources.courses.question
    t: Які курси ви проходили або якими навчальними матеріалами (відео, книги тощо) користувалися для вивчення CSS?

  # podcasts
  - key: resources.podcasts_css
    aliasFor: resources.podcasts
  - key: resources.podcasts_css.description
    t: Які подкасти про CSS ви слухаєте?

  # people
  - key: resources.people_css.others
    aliasFor: resources.people.others
  - key: resources.people_css.others.description
    t: Особистості в екосистемі CSS — кого ви читаєте, за ким слідкуєте чи просто хочете виокремити.

  - key: resources.people.question
    t: З-поміж особистостей в екосистемі CSS — кого ви читаєте, за ким слідкуєте чи просто хочете виокремити?

  ###########################################################################
  # Survey Help
  ###########################################################################

  - key: features.features_intro_css
    t: |
      Ласкаво просимо до опитування! Ця перша частина присвячена тому, 
      щоб з'ясувати, які *функції* СSS ви знаєте. 

      До речі, якщо ви бажаєте розповісти нам більше про будь-який із ваших виборів, просто натисніть на маленьку іконку "коментар"!

  - key: tools.tools_intro_css
    t: |
      Наступні кілька розділів присвячені **бібліотекам** та **фреймворкам**, 
      які складають екосистему CSS. Розкажіть, від чого ви в захваті!

  - key: options.features_categories.layout
    aliasFor: sections.layout.title
  - key: options.features_categories.shapes_graphics
    aliasFor: sections.shapes_graphics.title
  - key: options.features_categories.interactions
    aliasFor: sections.interactions.title
  - key: options.features_categories.typography
    aliasFor: sections.typography.title
  - key: options.features_categories.accessibility
    aliasFor: sections.accessibility.title
  - key: options.features_categories.other_features
    aliasFor: sections.other_features.title
  - key: options.features_categories.colors
    aliasFor: sections.colors.title
  - key: options.features_categories.selectors
    aliasFor: sections.selectors.title
  - key: options.features_categories.math_features
    aliasFor: sections.math_features.title

  - key: features.layout
    aliasFor: sections.layout.title
  - key: features.layout.description
    aliasFor: sections.layout.description

  - key: features.shapes_graphics
    aliasFor: sections.shapes_graphics.title
  - key: features.shapes_graphics.description
    aliasFor: sections.shapes_graphics.description

  - key: features.interactions
    aliasFor: sections.interactions.title
  - key: features.interactions.description
    aliasFor: sections.interactions.description

  - key: features.typography
    aliasFor: sections.typography.title
  - key: features.typography.description
    aliasFor: sections.typography.description

  - key: features.accessibility
    aliasFor: sections.accessibility.title
  - key: features.accessibility.description
    aliasFor: sections.accessibility.description

  - key: features.other_features
    aliasFor: sections.other_features.title
  - key: features.other_features.description
    aliasFor: sections.other_features.description

  - key: features.colors
    aliasFor: sections.colors.title
  - key: features.colors.description
    aliasFor: sections.colors.description

  - key: features.selectors
    aliasFor: sections.selectors.title
  - key: features.selectors.description
    aliasFor: sections.selectors.description

  - key: features.math_features
    aliasFor: sections.math_features.title
  - key: features.math_features.description
    aliasFor: sections.math_features.description

  # CSS

  - key: faq.data_used_css
    t: Як ці дані будуть використані?
  - key: faq.data_used_css.description
    t: >
      Усі зібрані дані будуть оприлюднені та відкриті для будь-якого розробника чи компанії. 
      Постачальники браузерів також [використовують ці дані](https://web.dev/interop-2023/), щоб визначати пріоритетні напрями розробки та сформувати свої "дорожні карти".

  - key: faq.who_should_take_survey_css
    t: Хто може взяти участь у цьому опитуванні?
  - key: faq.who_should_take_survey_css.description
    t: >
      Це відкрите опитування для всіх, хто використовує CSS, незалежно від того, регулярно ви це робите або час від часу, 
      у межах своєї роботи, як студент або задля розваги!

  - key: faq.survey_goals_css
    t: Яка мета цього опитування?
  - key: faq.survey_goals_css.description
    t: >
      Мета опитування — відстежити еволюцію майбутніх функцій та бібліотек 
      і допомогти розробникам вирішити, на яких нових технологіях зосередитися.

  ###########################################################################
  # Entities repo - https://github.com/Devographics/entities
  ###########################################################################

  # features/css_features/css_animations_and_transforms.yml

  - key: entities.discrete_properties_animations.name # features.discrete_properties_animations
    t: Анімування дискретних властивостей
  - key: entities.discrete_properties_animations.description # DIFFERS FROM features.discrete_properties_animations.description
    t: >
      Анімування від і до властивостей, як-от `display: none`

  # features/css_features/css_layout.yml

  - key: entities.grid.name
    t: Сітка
  - key: entities.subgrid.name # options.css_missing_features.subgrid
    t: Вкладена сітка (Subgrid)
  - key: entities.flexbox.name
    t: Гнучка рамка (Flexbox)
  - key: entities.logical_properties.name
    t: Логічні властивості CSS
  - key: entities.media_queries_range_contexts.name
    t: Діапазони в медіазапитах
  - key: entities.at_container_size.name
    t: Контейнерні запити за розмірами
  - key: entities.at_container_style.name
    t: Контейнерні запити за стилями

  # features/css_features/css_colors.yml

  - key: entities.wide_gamut_colors.name
    t: Кольори широкої гами (Wide Gamut)
  - key: entities.relative_colors.name
    t: Відносні кольори

  # features/css_features/css_interactions.yml

  - key: entities.scroll_snap.name
    t: Гортання із фіксуванням (Scroll Snap)
  - key: entities.scroll_driven_animations.name
    t: Анімації, керовані гортанням
  - key: entities.scroll_state.name
    t: Контейнерні запити за станом гортання
  - key: entities.css_carousels.name
    t: Каруселі у CSS

  # features/css_features/css_other.yml

  - key: entities.css_custom_properties.name # features.variables
    t: Змінні CSS (Власні властивості)
  - key: entities.display_contents.description
    t: |
      Задає елементу відображення лише його вмісту, а не самого елемента
  - key: entities.cascade_layers.name # features.cascade_layers
    t: Каскадні шари
  - key: entities.comparison_functions.name #features.comparison_functions
    t: Функції порівняння в CSS
  - key: entities.css_nesting.name # features.css_nesting
    t: Вкладеність CSS
  - key: entities.css_nesting.description # features.css_nesting.description
    t: Вбудована вкладеність CSS без пре-/постпроцесорів. # NO DESCRIPTION IN ENTITIES
  - key: entities.anchor_positioning.name # options.css_missing_features.anchored_positioning
    t: Якірне позиціонування
  - key: entities.nth_child_of_s.description
    t: Попереднє фільтрування набору дочірніх елементів перед застосуванням до нього nth-child.
  - key: entities.advanced_attr_function.name
    t: Покращений `attr()`
  - key: entities.advanced_attr_function.description
    t: Підтримання інших властивостей, крім `content`.

  # TODO: move common pain points to results.yml?
  # tokens/pain_points/common_pain_points/common_pain_points.yml

  - key: entities.animation_issues.name
    t: Анімації
  - key: entities.animation_issues.description
    t: Проблеми анімування

  - key: entities.browser_support.name
    t: Підтримання браузерами
  - key: entities.browser_support.description
    t: Проблеми підтримання браузерами, сумісності та відповідності
  
  - key: entities.state_management.name
    t: Управління станом

  - key: entities.speed_of_change.name
    t: Швидкість змін
  - key: entities.speed_of_change.description
    t: Функції, бібліотеки та API змінюються занадто швидко

  - key: entities.too_many_choices.name
    t: Перевантаження вибором
  - key: entities.too_many_choices.description
    t: Надмірна кількість опцій і варіантів

  - key: entities.excessive_complexity.name
    t: Надмірна складність
  - key: entities.excessive_complexity.description
    t: Завелика складність

  - key: entities.performance.name
    t: Швидкодія
  - key: entities.performance.description
    t: Проблеми швидкодії

  - key: entities.debugging.name
    t: Налагодження
  - key: entities.debugging.description
    t: Проблеми налагодження

  - key: entities.responsive_design.name #options.css_pain_points.responsive_design
    t: Чуйний (responsive) дизайн

  - key: entities.focus_management.name
    t: Управління фокусом
  - key: entities.focus_management.description
    t: Управління фокусом користувача

  # tokens/missing_features/css_missing_features.yml

  - key: entities.better_scoping.name # features.scoping
    t: Область видимості
  - key: entities.conditional_logic.name
    t: Умовна логіка
  - key: entities.form_elements.name # options.css_pain_points.form_elements_styling
    t: Стилі для елементів форми
  - key: entities.random.name
    t: "Функція `random()`"
  - key: entities.loops.name
    t: Цикл for
  - key: entities.masonry_layout.name # options.css_missing_features.masonry_layout
    t: Компонування masonry
  - key: entities.masonry_layout.name # options.css_missing_features.masonry_layout.description
    t: Вбудоване підтримання сітки вільного плину для компонування у стилі Pinterest.
  - key: entities.media_queries_variables.name # options.css_missing_features.media_queries_variables
    t: Змінні в медіазапитах
  - key: entities.media_queries_variables.description # options.css_missing_features.media_queries_variables.description
    t: Можливість використання змінних всередині медіазапитів.
  - key: entities.better_animations.name
    t: Покращене анімування

  # tokens/other/use_cases.yml

  - key: entities.e_commerce_sites.name
    t: Сайти електронної комерції

  # tokens/other/how_can_we_improve.yml

  - key: entities.accessibility.name # options.css_pain_points.accessibility
    t: Доступність
  - key: entities.accessibility.description # DIFFERS FROM options.css_pain_points.accessibility.description
    t: Покращення доступності

  # tokens/other/state_of_css.yml

  - key: entities.overflow.name
    t: Переповнення (Overflow)

  # entities/features/html_features/html_main.yml - css 2025 results

  - key: entities.popover_api.name 
    t: "Атрибут `popover` (API спливного вікна)"
  - key: entities.popover_api.description
    t: Синтаксис HTML та API у JS, що забезпечують спливні вікна, як-от накладні елементи (overlays), поп-апи, меню тощо.