Яркое событие сообщества: Чэнь Хуэй Цзин

Чэнь Хуэй Цзин — дизайнер-самоучка и разработчик, живущая в Сингапуре. Я говорил с ней о CSS и, в частности, о неанглоязычных системах письма.

Этот пост является частью Designcember . Праздник веб-дизайна от web.dev.

Чэнь Хуэй Цзин выступает на сцене перед большим экраном, показывающим слайды.

Чэнь Хуэй Цзин — дизайнер и разработчик-самоучка, живущая в Сингапуре, с чрезмерной любовью к CSS, о чем свидетельствуют ее блог (в основном посвященный CSS) и ее твиты (в основном посвященные типографике и Интернету). Раньше она постоянно играла в баскетбол и начала свою карьеру в Интернете во время перерывов между тренировками и надеется, что однажды сможет лазить на открытом воздухе. Я говорил с ней о CSS и, в частности, о неанглийских системах письма.

Рэйчел: Каким был ваш путь в веб-дизайн и разработку?

Хуэй Цзин: Когда я жил в общежитии и постоянно играл в баскетбол, у меня было немного больше опыта работы с компьютерами, чем у моих сверстников, и мой тренер (благослови его) думал, что я могу сделать что-то с веб-сайтом нашей ассоциации, чего раньше не было. обновлялся годами. Я понятия не имел, что такое веб-разработка, но думал, что у меня достаточно свободного времени, чтобы разобраться в этом. Это было более приятно, чем я ожидал, и спустя много лет я все еще здесь.

Рэйчел: А как вы конкретно увлеклись CSS?

Хуэй Цзин: По натуре я очень визуальный человек, и есть что-то особенное в возможности давать «инструкции» браузеру и сразу же видеть их отражение на экране, что мне очень понравилось. Мне это показалось гораздо более интуитивным, чем логика программирования для приложений. Я серьезно занялся Интернетом в то время, когда разработки в мире CSS начали набирать обороты, поэтому существовало множество экспериментальных свойств, которые не получили широкого распространения. Было очень интересно открывать для себя новые функции, о которых мало кто знал.

Работа с режимами вертикального письма

Рэйчел: Вы много писали о режимах вертикального письма в CSS и о забавных ошибках, которые вы обнаруживаете при работе с вертикальным письмом. Есть ли у вас какие-нибудь любимые жуки, на которых нам всем стоит пойти и сыграть главную роль?

Хуэй Цзин: Когда я проверял в мае этого года , их было несколько, но большинство из них были решены, за исключением одного: у Chromium возникла проблема с наложением Devtools в режиме вертикальной записи . Я думаю, это свидетельство того, как этот вечнозеленый цикл обновлений браузера действительно продвигает веб-разработку вперед.

Рэйчел: Приятно слышать, что эти проблемы решаются. Считаете ли вы, что игра в режиме письма имеет больше вариантов использования, чем просто набор вертикального текста?

Хуэй Цзин: О да, определенно. Несмотря на то, что набор восточноазиатских шрифтов является основным вариантом использования режима письма, я думаю, что другие системы письма могут использовать режим письма для реализации вертикальной компоновки, например, стиля, который мы часто видим в печатных журналах. На мой взгляд, именно комбинации свойств CSS делают CSS таким мощным, поэтому режим письма вместе с флексбоксом и сеткой дают нам довольно большое количество вариантов направлений макета, от блоков уровня страницы до отдельных символов в тексте. Я думаю, что это открывает возможности и больше креативности, поскольку люди осознают масштабы возможного продвижения веб-дизайна вперед. Я надеюсь увидеть в сети макеты и дизайны, которые я не мог себе представить всего несколько лет назад.

Рэйчел: Меня часто спрашивают, считаю ли я, что теперь всем следует использовать логические свойства и значения, или это станет стандартом по умолчанию. Как бы вы на это ответили?

Хуэй Цзин: Лично я надеюсь, что это станет значением по умолчанию, потому что с практической точки зрения это значительно упростит разработку веб-сайтов с несколькими скриптами. Что касается того, станет ли он значением по умолчанию, ответить гораздо сложнее.

Проблема с логическими свойствами заключается в том, что они «заменяют» устоявшийся синтаксис, который использовался в течение многих лет, а также тот факт, что поддержка сценариев, которые не являются стандартными, с горизонтальным движением сверху вниз, в последние годы стала намного лучше. . Контент в Интернете по-прежнему преимущественно на английском языке, поэтому аргументы в пользу использования логических свойств в этом контексте менее убедительны. Я думаю, что более активное подталкивание тех, кто не говорит по-английски, к созданию контента для Интернета на своих языках будет способствовать этому делу. Кроме того, если поддержка нескольких языков станет более приоритетной, ценность использования логических свойств станет еще более очевидной.

Новые возможности CSS

Рэйчел: Какую функцию или функцию вы хотели бы видеть в CSS?

Хуэй Цзин: Я некоторое время слежу за работой Мириам Сюзанны над контейнерными запросами, и те части спецификации, которые еще не разработаны для функций контейнера Style и State, весьма интересны, потому что они действительно расширяют концепцию адаптивного дизайна. . Потенциально мы можем заставить наши проекты и макеты реагировать не только на размер области просмотра. Поэтому я надеюсь, что в отношении модуля сдерживания смогут прийти к соглашению различные производители браузеров, и мы сможем получить более широкую поддержку в ближайшем будущем.

Вдохновляем людей следовать

Рэйчел: Кто еще сейчас занимается в сети по-настоящему интересной, веселой или творческой работой?

Хуэй Цзин: Меня всегда тянуло к людям, которые занимаются CSS-искусством. И есть люди, поклонниками которых я являюсь уже много лет, например Юань Чуан и его генеративные творения CSS, Бен Эванс , который действительно сногсшибателен в CSS-графике, и Ана Тюдор с ее глубоким погружением в действительно умные методы. Недавно я наткнулся на Codepens от Джулии Миоцен и Джеки Дзен , у которых также есть красивая CSS-анимация.

Рэйчел: Вы можете прочитать больше о Чэнь Хуэй Цзин на ее сайте chenhuijing.com .