11 февраля 2019
Выпуск №160
3
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 https://tympanus.net/codrops/2019/01/22/svg-filter-effects-outline-text-with-femorphology/ Poster Image Effect with https://tympanus.net/codrops/2019/01/29/svg-filter-effects-poster-image-effect-with-fecomponenttransfer/ Duotone Images with 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/shadowPainter/ Shadow Painter — http://yoksel.github.io/shadowPainter/
Плейлист
Веб-стандарты
25 февраля 2020 — Вадим Макеев — Никита Дубко — Ольга Алексашенко — Глафира Жур 00:00:48 События 00:09:06 Опять гриды 00:17:25 Градиенты всё лучше 00:22:22 Блокирующий CSS 00:27:47 Веб-компонент...
25 февраля 2020
0
18 февраля 2020 — Вадим Макеев — Никита Дубко — Маша Просвирнина 00:00:51 События 00:06:24 Новинки Firefox 73 00:09:08 Angular 9 с новым сборщиком 00:14:29 Container Queries 00:24:13 Web We Want 00:...
18 февраля 2020
4
11 февраля 2020 — Вадим Макеев — Филипп Рябчун 00:00:49 Ручной SVG 00:10:22 Puppeteer 2.1 с Firefox 00:15:51 И снова Yarn 2 00:23:52 Что такое TeamCity 00:33:15 Фронтенд TeamCity 00:39:05 Компоненты...
11 февраля 2020
2
4 февраля 2020 — Вадим Макеев — Никита Дубко — Андрей Мелихов 00:01:18 События 00:06:52 Перфоманс: сначала или потом 00:22:01 Воркеры сложнее чем кажутся 00:39:17 Интерфейс для офлайна 00:48:36 Можн...
04 февраля 2020
13
28 января 2020 — Вадим Макеев — Никита Дубко 00:00:46 Подкасты 00:07:24 События 00:10:44 Новинки Safari TP 00:16:05 Новый браузер Flow 00:19:26 Уходит эра IE 00:28:56 Новости от CSSWG 00:43:39 Зачем...
28 января 2020
8
20 января 2020: Microsoft Edge, прощание с User-Agent, ограничение сторонних кук, коротко про Babel 7.8.0, причины хостить Google Fonts, зачем всё-таки HTTP/2. — Вадим Макеев — Никита Дубко Содержан...
20 января 2020
7
13 января 2020: Новинки Firefox 72, Shadow Parts в Firefox, новые формы в новом Edge, шаблоны в сервис-воркерах, плиточная раскладка на гридах, ментальная модель JavaScript. — Вадим Макеев — Мария Пр...
13 января 2020
12
9 января 2020: Софт-скилы, футбол и жизнь без фронтенда, веб-компоненты и React, гриды или флексы, когда перфоманс, дайвёрсити и Веб-стандарты 2020. — Ольга Алексашенко — Вадим Макеев — Мария Просвир...
09 января 2020
12
31 декабря 2019: Console.log или debug, вариативные шрифты, принципы доступности, новогодние акции, одноразовый код. — Вадим Макеев — Алексей Симоненко — Катя Климович — Александр Малинин Содержание...
31 декабря 2019
11
24 декабря 2019: Отсутствие событий, что не так с HTML и что можно с этим сделать, Школа разработки интерфейсов Яндекса. — Ольга Алексашенко — Вадим Макеев — Дмитрий Андриянов Содержание 00:01:50 О...
24 декабря 2019
6
16 декабря 2019: События вообще и в Швеции, идея стандарта MapML, снова WebAssembly, зачем фронтендеру Docker, красивый код и быстрый код, жизнь айтишника в Швеции. — Вадим Макеев — Кир Белевич — Мак...
16 декабря 2019
9
9 декабря 2019: 10 лет фронтенда на графике, новинки Firefox 71, WASM 4-й язык веба, лёгкая вставка YouTube, доступный кастомный селект, экономия трафика в CSS, ненавязчивая реклама, WSD всё. — Вадим...
09 декабря 2019
9
4 декабря 2019: Новый браузер Flow, Lighthouse CI, сабгриды, лишний CSS, элемент details, State of JS 2019, use strict, JS кусается. — Ольга Алексашенко — Вадим Макеев — Мария Просвирнина Содержание...
04 декабря 2019
8
25 ноября 2019: Исправление в Safari TP, будущее сервис-воркеров, Node.js с ES-модулями, Async === Promise, Optional Chaining, кастомные CSS-свойства. — Вадим Макеев — Мария Просвирнина Содержание...
25 ноября 2019
11
18 ноября 2019: Chrome Dev Summit, GitHub Universe, снимок веба 2019, большой релиз GSAP 3, семейство Visual Studio. — Вадим Макеев — Олег Соломка Содержание 00:01:47 События 00:05:24 Chrome Dev Su...
18 ноября 2019
12
11 ноября 2019: Готовность к Edge, WebKit 2020, доступность и закон, проверка доступности, WeakMap и GC. — Ольга Алексашенко — Вадим Макеев — Мария Просвирнина Содержание 00:05:12 События 00:08:24...
11 ноября 2019
7
4 ноября 2019: Релиз Node.js и модули, новые формы в Edge, ленивая загрузка в Chrome, Safari и delegatesFocus, состояние и будущее веб-компонентов. — Вадим Макеев — Сергей Куликов Содержание 00:01:...
04 ноября 2019
8
November 1st: Web standards work, CSS multi-column, CSS for printing, new display values, contributing. — Vadim Makeev — Rachel Andrew Topics 00:05:52 Web standards work 00:15:41 CSS multi-column 0...
01 ноября 2019
5
October 28th: CSS passion, Every Layout, why Sass, owls or gaps?, Container Queries, BEM variations. — Vadim Makeev — Andy Bell Topics 00:03:52 CSS passion 00:12:27 Every Layout 00:16:22 Why Sass 0...
28 октября 2019
3
October 22nd, 2019: GeckoView, Firefox DevTools, Firefox on mobile, Mozilla vs Opera, why not Chromium, why Firefox. — Vadim Makeev — Andreas Bovens Topics 00:03:09 GeckoView 00:20:39 Firefox DevTo...
22 октября 2019
6
16 октября 2019: Sass оказывается жив, динамические компоненты без JS, новый взгляд на сброс стилей, очень странный CSS. — Ольга Алексашенко — Вадим Макеев Содержание 00:01:15 Мета 00:04:46 События...
16 октября 2019
10
October 10th, 2019: FrontendConf, accessible Web Components, AOM, ARIA challenges, browser support, dialogs and date pickers. — Vadim Makeev — Léonie Watson Listen: iTunes — https://itunes.apple.com...
10 октября 2019
3
October 8th, 2019: Chromakey, live demos, Argentinian front-end community, Accessibility and SEO, HTML or ARIA. — Vadim Makeev — Eva Ferreira — Ian Pouncey Topics 00:00:19 Eva Ferreira 00:22:36 Ian...
08 октября 2019
3
30 сентября 2019: Бета Chrome 78 и iOS 13, сгибание на React, экономная оптимизация, вариативные Google Fonts, прокси и jQuery. — Ольга Алексашенко — Вадим Макеев — Мария Просвирнина Содержание 00:...
30 сентября 2019
4
September 25th, 2019: CSS 13 years later, The definitive guide, modern CSS, slow pace of Web standards, reinventing CSS, CSS mindset, the burden of cascade, CSS preprocessors. — Vadim Makeev — Eric M...
25 сентября 2019
6
16 сентября 2019: Новинки Chrome 77, Can I use + MDN, Can I email, митап по доступности. — Вадим Макеев — Света Шарипова — Татьяна Фокина Содержание 00:01:17 Мета 00:04:09 События 00:10:08 Новинки...
16 сентября 2019
3
10 сентября 2019: Новинки Firefox 69, советы WebKit по перфомансу, File API и чего не хватает, якорь к контенту. Что такое Chatix, трансляция экрана и будущее проекта. — Вадим Макеев — Дмитрий Сазоно...
10 сентября 2019
2
2 сентября 2019: Конкурсы, бета Edge, Vue и Material Design, доступность, реклама в npm, от сварщика до программиста. — Ольга Алексашенко — Вадим Макеев — Евгений Плотников Содержание 00:02:47 Итал...
02 сентября 2019
4
28 августа 2019: Google и приватность, JavaScript в вузах, WebAssembly, люди из TC39, участие в со здании ES. — Вадим Макеев — Дмитрий Махнёв — Сергей Рубанов Содержание 00:01:17 События 00:11:25 G...
28 августа 2019
5
19 августа 2019: MathML в Chrome, ленивые картинки в Chrome, поворот картинки в CSS, нативные CSS-модули, БЭМ или CSS-in-JS, зачем нужны основы, манифест приватности, CSS-Minsk-JS. — Мария Просвирнин...
19 августа 2019
2