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

Простой способ сказать нам «спасибо» и попасть в закрытый чат:


• Бусти (https://boosty.to/webstandards_ru)
• Патреон (  / 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/meeti...)
• OdessaFrontend #10 в Одессе 20 февраля (https://odessafrontend.com/)
• PiterJS №34 в Питере 20 февраля (  / 34  )
• MoscowJS 44 в Москве 21 февраля (https://www.moscowjs.ru/event/moscowj...)
• Zlit: Страх и ненависть в IT в Киеве, 23 февраля (  / 344797292768145  )
• EPAM JavaScript Meetup в Питере 26 февраля (https://events.epam.com/events/js-mee...)
• Стачка в Ульяновске 26–27 апреля (https://nastachku.ru/)



Перевод документации React


• Перевод документации по React (https://github.com/reactjs/ru.reactjs...)



Статьи про вёрстку


• My CSS Grid Wishlist (https://css-irl.info/my-css-grid-wish...)
• Адаптивная галерея (https://codepen.io/yoksel/full/ZyqLGv/)
• A Year of Utility Classes (https://css-irl.info/a-year-of-utilit...)
• Organise CSS properties like a Christmas Tree (  / 1093714037563510786  )



Логический CSS


• Новые логические свойства в CSS! (  / c5046c563640  )



SVG-фильтры


• Outline Text with feMorphology (https://tympanus.net/codrops/2019/01/...)
• Poster Image Effect with feComponentTransfer (https://tympanus.net/codrops/2019/01/...)
• Duotone Images with feComponentTransfer (https://tympanus.net/codrops/2019/02/...)
• Слайды доклада «SVG-фильтры» (https://yoksel.github.io/svg-filters-...)
• Демка Юли «Мозги» (https://codepen.io/yoksel/pen/BOjmqj)
• Демка Габи «Рябь на воде» (https://codepen.io/enxaneta/pen/oYMxqe)



Цветные шрифты


• Colorful typography on the web (https://pixelambacht.nl/2014/multicol...)
• The first cross-browser color font format (https://webplatform.news/issues/2019-...)
• 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-...)
• 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/)