160. Перевод React, вёрстка, логический CSS, SVG-фильтры, цветные шрифты, инструменты

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев Гости: Юля Бухвалова Темы 00:00:00 Интро 00:01:07 События 00:09:44 Перевод документации React 00:14:52 Статьи про вёрстку 00:33:27 Логический CSS 00:42:48 SVG-фильтры 00:54:16 Цветные шрифты 01:01:16 Полезные инструменты События • Я ❤ Frontend в Москве 9 февраля https://events.yandex.ru/events/meetings/yalovefrontend/ • OdessaFrontend #10 в Одессе 20 февраля https://odessafrontend.com/ • PiterJS №34 в Питере 20 февраля https://medium.com/p/34-ae918ba36b34 • MoscowJS 44 в Москве 21 февраля https://www.moscowjs.ru/event/moscowjs-44 • Zlit: Страх и ненависть в IT в Киеве, 23 февраля https://www.facebook.com/events/344797292768145/ • EPAM JavaScript Meetup в Питере 26 февраля https://events.epam.com/events/js-meetup-1-2019 • Стачка в Ульяновске 26–27 апреля https://nastachku.ru/ Перевод документации React • Перевод документации по React https://github.com/reactjs/ru.reactjs.org/issues/1 Статьи про вёрстку • My CSS Grid Wishlist https://css-irl.info/my-css-grid-wishlist/ • Адаптивная галерея https://codepen.io/yoksel/full/ZyqLGv/ • A Year of Utility Classes https://css-irl.info/a-year-of-utility-classes/ • Organise CSS properties like a Christmas Tree https://twitter.com/GaryPendergast/status/1093714037563510786 Логический CSS • Новые логические свойства в CSS! https://medium.com/p/c5046c563640 SVG-фильтры • Outline Text with feMorphology https://tympanus.net/codrops/2019/01/22/svg-filter-effects-outline-text-with-femorphology/ • Poster Image Effect with feComponentTransfer https://tympanus.net/codrops/2019/01/29/svg-filter-effects-poster-image-effect-with-fecomponenttransfer/ • Duotone Images with feComponentTransfer https://tympanus.net/codrops/2019/02/05/svg-filter-effects-duotone-images-with-fecomponenttransfer/ • Слайды доклада «SVG-фильтры» https://yoksel.github.io/svg-filters-02-2018/ • Демка Юли «Мозги» https://codepen.io/yoksel/pen/BOjmqj • Демка Габи «Рябь на воде» https://codepen.io/enxaneta/pen/oYMxqe Цветные шрифты • Colorful typography on the web https://pixelambacht.nl/2014/multicolor-fonts/ • The first cross-browser color font format https://webplatform.news/issues/2019-01-24#the-first-cross-browser-color-font-format • Chris Lilley: Everything Changes https://vimeo.com/312700362 Полезные инструменты • Курсы по SVG https://htmlacademy.ru/courses/svg • SVG Filters http://yoksel.github.io/svg-filters/ • SVG Gradient Map Filter http://yoksel.github.io/svg-gradient-map/ • URL-encoder for SVG http://yoksel.github.io/url-encoder/ • Common Words https://github.com/yoksel/common-words • HTML Tree http://yoksel.github.io/html-tree/ • Pixel Glass https://yoksel.github.io/pixel-glass-js/ • Handy Colors https://yoksel.github.io/handy-colors/ • Flexbox Cheatsheet http://yoksel.github.io/flex-cheatsheet/ • Таблица символов юникода http://yoksel.github.io/unicode-table/ • Wave Maker http://yoksel.github.io/wave-maker/ • Shadow Painter http://yoksel.github.io/shadowPainter/ Читайте новости • Telegram https://t.me/webstandards_ru • X https://x.com/webstandards_ru • VK https://vk.com/webstandards_ru • Facebook https://www.facebook.com/webstandardsru/ • Mastodon https://mastodon.social/@webstandards_ru • Bluesky https://bsky.app/profile/web-standards.ru • LinkedIn https://www.linkedin.com/company/web-standards-ru/