css2020.yml

locale: ru-RU
translations:
  ###########################################################################
  # Introduction
  ###########################################################################

  - key: introduction.css2020
    t: |

      <span class="first-letter">З</span>абудьте всё, что вы знаете о CSS. Или, по крайней мере, приготовьтесь пересмотреть свои представления о CSS. Если вы, как и я, пишете CSS уже более десяти лет, то в 2020 году CSS уже совсем не тот, каким мы привыкли его видеть.

      Вместо контрольных точек мы теперь можем использовать CSS-гриды, чтобы создавать динамические, отзывчивые раскладки, которые адаптируются к любому размеру вьюпорта и при этом написав меньше кода. Вместо использования глобальных таблиц стилей, теперь с помощью паттерна CSS-in-JS мы можем писать стили прямо в коде компонентов и создавать различные дизайн-темы.

      Но больше всего поразило, как Tailwind CSS ворвался на сцену с CSS-подходом utility-first, и заставил нас переосмыслить традиционную догму о семантических названий классов.

      Вне зависимости от того, захотите ли вы написать хвалебный пост в блоге или гневную критику в Twitter, мы собрались здесь, чтобы показать вам собранные данные, осветить тенденции и, как мы рассчитываем, провести вас через очередной насыщенный событиями год в мире CSS!

      ### Команда

      Опрос State of CSS создан и поддерживается:

      - [Сашей Грайф (Sacha Greif)](https://twitter.com/sachagreif): Дизайн, текст, код
      - [Рафаэлем Бенитт (Raphaël Benitte)](https://twitter.com/benitteraphael): Анализ данных, визуализация данных

      ### Загрузка данных

      Вы можете [скачать JSON-исходник с данными по этому опросу](https://www.kaggle.com/sachag/state-of-css). Дайте нам знать, если вы сделайте собственные визуализации этих данных!

      ### Интересные ссылки

      - [Главная страница State of CSS](https://stateofcss.com)
      - [Опрос State of JS](https://stateofjs.com)

      ### Благодарности

      Спасибо всем, кто помог нам сделать этот опрос, особенно [Чэнь Хуэй Цзин (Chen Hui-Jing)](http://chenhuijing.com/), [Филипу Ягенштедту (Philip Jägenstedt)](https://blog.foolip.org/), [Адаму Аргайлу (Adam Argyle)](https://nerdy.dev/), [Ахмаду Шадиду (Ahmad Shadeed)](https://www.ishadeed.com/), [Роберту Флэку (Robert Flack)](https://github.com/flackr), [Доминику Нгуену (Dominic Nguyen)](https://www.chromatic.com/), [Элике Фантазай (Fantasai)](http://fantasai.inkedblade.net/) и [Килиану Валкхофу (Kilian Valkhof)](https://kilianvalkhof.com/).

      Отдельная благодарность [Алексею Пыльцыну (Alexey Pyltsyn)](https://github.com/lex111) за помощь над переводами.

      ### Дополнительная информация

      Сайт использует шрифт IBM Plex Mono. Есть вопрос? Хотите поделиться своим мнением? [Напишите нам!](mailto:hello@stateofjs.com)

      А теперь давайте посмотрим, каким был CSS в этом году!

      <span class="conclusion__byline">– Саша и Рафаэль</span>

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

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

  - key: sections.tshirt.description
    t: |
      ## Поддержите наш опрос и при этом выглядите стильно!

      Небольшое объявление перед результатами опроса. Представляем вашему вниманию нашу собственную 🎈🎉👕 футболку State of CSS 👕🎉🎈!

      Она станет единственной вещью в гардеробе, которая научит вас реальным методам работы с CSS.

      Неважно, куда вы идете — на конференцию, собеседование или просто на работу, — эта футболка продемонстрирует ваше мастерство в CSS лучше любой другой одежды!

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

  - key: tshirt.description
    t: |
      На футболке изображен логотип State of CSS вместе с фрагментами CSS-кода, используемого для создания каждого элемента. Кто знает, возможно вы даже узнаете что-то новенькое для себя!

      Наша футболка сделана из высококачественной супер-мягкой ткани, состоящей из трёх материалов (трибленд).
      Эта футболка небольшого размера, поэтому, если вы предпочитаете более свободную одежду, мы рекомендуем заказать на один размер больше вашего обычного (на фотографиях я в футболке размера М).

  - key: tshirt.getit
    t: Купить

  - key: tshirt.price
    t: 24 доллара (без доставки)

  ###########################################################################
  # Sections Introductions
  ###########################################################################

  - key: sections.user_info.description
    t: |
      В этом году в опросе поучаствовало 11492 человека из 102 стран. Впервые в этом году
      мы смогли перевести опрос на несколько языков благодаря замечательной команде волонтёров.

  - key: sections.features.description
    t: |
      В последние годы наблюдается значительный рост CSS-возможностей, поэтому неудивительно, что
      их повсеместное использование немного затягивается, так как сообществу нужно время, чтобы привыкнуть к новым свойствам.

  - key: sections.units_selectors.description
    t: |
      Мы готовы поспорить, что в этом разделе вы найдете что-то новое для себя!

  - key: sections.technologies.description
    t: |
      Экосистема CSS переживает своего рода возрождение, поскольку более крупные и старые проекты вроде Bootstrap,
      теперь должны приспосабливаться к новым, таким как Tailwind CSS. Не говоря уже о целом движении CSS-in-JS,
      которое хотя ещё не стало массовым, тем не менее довольно активно развивается.

  - key: sections.other_tools.description
    t: |
      Здесь нет ничего интересного, но стоит отметить появление браузеров, созданных специально для разработки
      (например, Polyplane и Sizzy), которые поднимают привычные инструменты разработки на более высокий уровень.

  - key: sections.environments.description
    t: |
      Способность работать в различных окружениях — одна из сильных сторон CSS, однако по разным
      причинам большинство разработчиков не уделяют внимание написанию стилей для принтера и почтовых клиентов.
      Как знать, может быть, они станут следующим рубежом в CSS...?

  - key: sections.resources.description
    t: |
      Другие ответы в этом разделе подчёркивают богатство и разнообразие CSS-сообщества,
      а также содержат множество прекрасных блогов и подкастов, которые мы думаем добавить в опрос следующего года!

  - key: sections.opinions.description
    t: |
      Эти ответы показывают нам, что язык становится не только более зрелым, но и более сложным.
      А может даже чуть менее приятным, по крайней мере из-за того, как мы стараемся уследить за всеми новыми изменениями?

  ###########################################################################
  # Notes
  ###########################################################################

  - key: blocks.gender.note
    t: |
      Если вас интересуют подробности гендерной динамики опроса, мы [написали пост в блоге об этом](https://dev.to/sachagreif/is-our-survey-biased-against-women-49oj).
  - key: blocks.css_missing_features.note
    t: |
      С полным наборам ответов на этот вопрос можно ознакомиться в [нашем специальном проекте](https://whatsmissingfromcss.com/).
  - key: blocks.source.note
    t: >

      Эта диаграмма объединяет набор ссылок, URL-параметры и ответы в свободной форме (на английском языке).

      - State of JS:  почтовая рассылка [State of JS](https://stateofjs.com).

      - State of CSS: почтовая рассылка State of CSS; сюда относятся ответы, содержащие `email`, `by email` и т.д.

      - Work: ответы, включающие `work`, `colleagues`, `coworkers` и т.д.

  ###########################################################################
  # Awards
  ###########################################################################

  - key: award.feature_adoption_delta_award.comment
    t: С отрывом **{value}** в 2020 году, CSS-гриды перешли из категории новых возможностей в повседневные.

  - key: award.tool_usage_delta_award.comment
    t: Ни один другой инструмент даже близко не подошёл к тому высокому росту (**{value}**), который показал Tailwind CSS за последний год.

  - key: award.tool_satisfaction_award.comment
    t: Высокая степень удовлетворённости (**{value}**) PostCSS показывает, что пока никто не может сравниться с этим действительно хорошим инструментом.

  - key: award.tool_interest_award.comment
    t: CSS-модули вызвали наибольший интерес (**{value}**) среди разработчиков в этом году.

  - key: award.most_write_ins_award.comment
    t: На многие вопросы можно ответить в свободной форме, и PhpStorm указали **{value}** раз, сделав его самым популярным вариантом.

  ###########################################################################
  # Conclusion
  ###########################################################################

  - key: sections.conclusion.description
    t: |
      Если JavaScript-разработчик написал строчку CSS-кода, то можно ли его назвать CSS-разработчиком?

      Этот айтишный *коан* демонстрируют отчётливую тенденцию в мире веб-разработки: по мере того, как всё больше и больше CSS-разработчиков изучают JavaScript, сами разработчики JavaScript начинают понимать, что CSS — это нечто большее, чем просто `font-weight: bold;`.

      Поэтому опрос о состоянии CSS крайне сложно проводить: вы получите совершенно разные ответы, в зависимости от того, кто вам будет отвечать! А как узнать, кто из них прав?

      А как вам такой коан: правильный ответ — это когда, нет *никакого* правильного ответа. Каждый из многочисленных упомянутых инструментов, методологий, фреймворков и библиотек имеет своё место в обширной экосистеме фронтенда.

      Разрабатываете сложное React-приложение? Библиотека styled-components точно вам пригодится. Создаёте статический лендинг? Используйте Sass — точно не ошибётесь! И даже несмотря на то, что Bootstrap несколько утратил былую популярность, ему не равных в том огромном количестве тем и плагинов, которые сделаны на его основе.

      И пока мы пристально следим за теми новенькими штуками, которе появляются на GitHub каждую неделю, прежде всего давайте не будем забывать о тех инструментах, техниках и людях, которые продолжают вносить свою лепту в развитие CSS. Нам нужно объединиться и действовать сообща, если мы хотим, чтобы CSS становится лучше в 2021 году и не только!

  ###########################################################################
  # Picks
  ###########################################################################

  - key: picks.my_2020_pick
    t: "Мой выбор в 2020 году: "
  - key: picks.intro
    t: Мы попросили участников CSS-сообщества поделиться своим ”выбором года”.

  - key: picks.shadeed9.bio
    t: Автор debuggingcss.com
  - key: picks.shadeed9.description
    t: |
      Медиавыражения от контейнера — это долгожданная для всех нас возможность, и я в восторге, что команда Chrome работает над её нативной поддержкой!

  - key: picks.argyleink.bio
    t: Пишет CSS в Google
  - key: picks.argyleink.description
    t: |
      Скромная блочная модель CSS с каждым годом становится все динамичнее, и для меня 2020 год был годом логических аспектов, нежели физических. Контекстный поток контента, учитывающий разные языки? Вот вам, пожалуйста, используйте.

  - key: picks.sachagreif.bio
    t: Создатель этого опроса
  - key: picks.sachagreif.description
    t: |
      В своём посте блога Амелия Уоттенбергер (Amelia Wattenberger) сделала просто невероятную работу! При помощи анимации и викторины вы точно, наконец, узнаете, как работает CSS-каскад.

  - key: picks.christianoliff.bio
    t: Фронтенд-разработчик в Trimble MAPS
  - key: picks.christianoliff.description
    t: |
      Purge CSS — единственная библиотека, которую я активно начал использовать в этом году. Это отличный инструмент для удаления неиспользуемого CSS-кода. Он может значительно уменьшить размер вашего CSS-файла, и к тому же сделать это быстро и просто.

  - key: picks.kilianvalkhof.bio
    t: Веб-разработчик и создатель Polypane
  - key: picks.kilianvalkhof.description
    t: |
      Свойство `content-visibility` уже сейчас существенно повышает производительность моих веб-приложений, однако вместе с этим я считаю, что такой оптимизацией должны заниматься браузеры, а не разрабы.
  - key: picks.walterstephanie.bio
    t: Дизайнер и любитель CSS
  - key: picks.walterstephanie.description
    t: |
      Видеоролики на YouTube, которые объясняют все новые крутые CSS-возможности для создания современных дизайнов.

  - key: picks.piccalilli_.bio
    t: Дизайнер-фрилансер и автор сайта piccalil.li
  - key: picks.piccalilli_.description
    t: |
      Этот блог — настоящий кладезь знаний по CSS. Мишель — легенда в CSS, а каждый его пост или руководство содержит полезную информацию.
  - key: picks.sarasoueidan.bio
    t: Независимый инженер-проектировщик
  - key: picks.sarasoueidan.description
    t: |
      Мой выбор — это человек, а именно Рейчел Эндрю (Rachel Andrew). Она обучила CSS-гридам целое поколение разработчиков.
  - key: picks.5t3ph.bio
    t: Программист в Microsoft
  - key: picks.5t3ph.description
    t: |
      В своём докладе на конференции Мануэль Матузович (Manuel Matuzovic) приводит тщательно проработанные,
      интересные и доступные примеры.

  - key: picks.hugogiraudel.bio
    t: Небинарный сторонник доступности и социокультурного многообразия
  - key: picks.hugogiraudel.description
    t: |
      Fela — удивительный инструмент.
      Он довольно мощный, достаточно простой в использовании и при этом очень эффективный.
  - key: picks.foolip.bio
    t: Программист в Google
  - key: picks.foolip.description
    t: |
      Сержио недавно исправил множество багов Flexbox в реализации WebKit и кое-что в Chromium,
      в частности, он добавил поддержку отступов между элементами в Flexbox для WebKit.
      Скоро эта возможность появится во всех современных браузерах.

  - key: picks.jina.bio
    t: Дизайн-менеджер и специалист-практик
  - key: picks.jina.description
    t: |
      Это медиавыражение, предназначенное для сокращения использования анимаций и переходов, специально для тех, кому это не по душе.