Выпуск №160
11 февраля 2019: Перевод документации React, статьи про вёрстку, логический CSS, SVG-фильтры, цветные шрифты, полезные инструменты.
— Вадим Макеев
— Юля Бухвалова
Содержание
00:01:07 События
00:09:44 Перевод документации React
00:14:52 Статьи про вёрстку
00:33:27 Логический CSS
00:42:48 SVG-фильтры
00:54:16 Цветные шрифты
01:01:16 Полезные инструменты
Слушайте:
iTunes — https://itunes.apple.com/podcast/id1080500016
ВКонтакте — https://vk.com/podcasts-32017543
Яндекс.Музыка — https://music.yandex.ru/album/6245956
Spotify — https://open.spotify.com/show/3rzAcADjpBpXt73L0epTjV
Ютуб — https://www.youtube.com/playlist?list=PLMBnwIwFEFHcwuevhsNXkFTcadeX5R1Go
SoundCloud — https://soundcloud.com/web-standards
RSS — https://web-standards.ru/podcast/feed/
Читайте:
Твиттер — https://twitter.com/webstandards_ru
ВКонтакте — https://vk.com/webstandards_ru
Фейсбук — https://www.facebook.com/webstandardsru
Телеграм — https://t.me/webstandards_ru
Поддержите:
Патреон — https://www.patreon.com/webstandards_ru
Яндекс.Деньги — https://money.yandex.ru/to/41001119329753
PayPal — https://www.paypal.me/pepelsbey
Обсуждайте: http://slack.web-standards.ru/
События
Я ❤ 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/