Alle afleveringen

550 afleveringen, van nieuw naar oud

150. Edge теперь Chrome, Flutter для веба, доступность

10 december 2018 · 49 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Ольга Алексашенко, Вадим Макеев, Мария Просвирнина

Темы

00:00:00 Интро
00:00:24 События
00:03:26 Edge теперь Chrome
00:35:49 Flutter для веба
00:42:07 Доступность

События

• 10 видео с WSD в Минске https://www.youtube.com/playlist?list=PLMBnwIwFEFHeD-j52BjuO2HMMw63fnBav
• Market Frontend Meetup в Москве 11 декабря https://events.yandex.ru/events/meetings/11-dec-2018/
• OdessaFrontend #9 в Одессе 12 декабря https://odessafrontend.com/
• SPB Frontend в Питере 12 декабря https://spb-frontend-events.timepad.ru/event/866381/
• MinskCSS Meetup 5 в Минске 13 декабря https://minskcss.timepad.ru/event/842790/
• Tver.io Anniversary Meetup в Твери 13 декабря https://www.meetup.com/tverio/events/256405945/
• GDG DevFest Belarus в Минске 16 декабря https://2018.devfest.by/
• KazanJS 5 в Казани 18 декабря https://twitter.com/webstandards_ru/status/1069954521412132865

Edge теперь Chrome

• Release Notes for Safari TP 71 https://webkit.org/blog/8517/release-notes-for-safari-technology-preview-71/
• New in Chrome 71 https://developers.google.com/web/updates/2018/12/nic71
• Microsoft Edge and Chromium Open Source https://github.com/MicrosoftEdge/MSEdge
• Today’s Edge announcements tl;dr https://twitter.com/bterlson/status/1070754781822574592
• EdgeHTML: a bad demise nobody much noticed https://thereshouldbenored.com/posts/edgehtml-demise/
• The State of Web Browsers https://ferdychristant.com/the-state-of-web-browsers-f5a83a41c1cb
• Windows 7–10 + Mac vs Windows 10 only https://twitter.com/patrickkettner/status/1070763801664991237
• Goodbye, EdgeHTML https://blog.mozilla.org/blog/2018/12/06/goodbye-edge/
• Yandex Hill https://coub.com/view/2p11u
• Puppeteer for Firefox https://github.com/GoogleChrome/puppeteer/tree/master/experimental/puppeteer-firefox

Flutter для веба

• Hummingbird: Building Flutter for the Web …
149. Rolling Scopes, доступность, фигуры и шрифты, графика, React, опасный опенсорс

3 december 2018 · 1 uur 24 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев

Гости: Егор Гуринович, Егор Мясников, Павел Юхнович

Темы

00:00:00 Интро
00:01:12 События
00:08:39 Rolling Scopes
00:29:48 Доступность
00:46:34 Фигуры и шрифты
00:50:05 Прогрессивная графика
01:00:58 Как же без React
01:12:57 Опасный опенсорс

События

• WSD в Минске 1 декабря https://wsd.events/2018/12/01/
• Frontend-Con в Варшаве 3-4 декабря https://frontend-con.io/
• Sofia Vue.js Meetup #1 в Софии 4 декабря https://www.meetup.com/Sofia-Vue-js-Meetup/events/256621310/
• Storm the Front Meetup #3 в Гомеле 8 декабря https://communities.by/events/storm-the-front-meetup-3
• Rolling Scopes 52 в Минске 12 декабря https://minsk.rollingscopes.com/
• MinskCSS #5 в Минске 13 декабря https://www.facebook.com/events/318613948869852/
• Юбилейный митап Tver.io в Твери 13 декабря https://www.meetup.com/tverio/events/256405945/
• GDG DevFest в Минске 16 декабря https://devfest.by/
• CSSconf EU в Берлине 31 мая https://2019.cssconf.eu/call-for-speakers/
• JSConf EU в Берлине 1–2 июня https://2019.jsconf.eu/call-for-speakers/
• React.Amsterdam в Амстердаме 12 апреля https://react.amsterdam/

Rolling Scopes

• Rolling Scopes https://rollingscopes.com/

Доступность

• Правила доступности, которые останутся в памяти https://medium.com/p/b16dd2f77685
• A11y in Russia? https://twitter.com/katyaprigara/status/1068559415119413249
• Доступность в Википедии https://ru.wikipedia.org/wiki/%D0%94%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%BD%D0%BE%D1%81%D1%82%D1%8C

Фигуры и шрифты

• Making Future Interfaces: Unusual Shapes https://youtu.be/eCHt8zsbCT4
• Should I Use JavaScript to Load My Web Fonts? https://www.filamentgroup.com/lab/js-web-fonts.html

Прогрессивная графика

• Генерируем красивые SVG-плейсхолдеры на Node.js https://habr.com/post/431232/
• Why and how to use WebP images today https://bitsofco.de/why-and-how-…
148. Без AMP и PWA, Google Search, Чатра, хромой фулстек, HTM вместо JSX, Mortal Kombat вживую

26 november 2018 · 1 uur 50 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина

Гости: Артём Поликарпов

Темы

00:00:00 Интро
00:01:37 События
00:08:05 Хорошо без AMP и PWA
00:19:40 Основы веба
00:22:24 Как Google Search видит
00:32:12 Сторонние скрипты и Чатра
01:05:32 Хромой фулстек и вакансия
01:33:42 HTM как замена JSX
01:40:33 Mortal Kombat вживую

Интро

• Артём Поликарпов в Бюро Горбунова https://bureau.ru/burosfera/artem-polikarpov
• Технолог — тоже дизайнер https://artpolikarpov.ru/2012/01/10/1/
• Фоторама http://fotorama.io/

События

• DevFest SPB в Питере 27 ноября https://devfest-spb.com/
• Moscow GraphQL Meetup в Москве 27 ноября https://rambler-co-e-org.timepad.ru/event/858007/
• Frontend Mix в Питере 28 ноября https://events.yandex.ru/events/meetings/28-november-2018/
• WSD в Минске 1 декабря https://wsd.events/2018/12/01/
• Chernivtsi.min.js #4 в Черновцах 1 декабря https://chernivtsi.js.org/min/
• Moscowcss 10 в Москве 4 декабря https://moscowcss.timepad.ru/event/856816/
• Market Frontend Meetup в Москве 11 декабря https://events.yandex.ru/events/meetings/11-dec-2018/
• SPB Frontend в Питере 13 декабря https://twitter.com/spb_frontend
• YGLF Vilnius в Вильнюсе 16–17 мая https://www.yougottalovefrontend.com/

Хорошо без AMP и PWA

• You need neither PWA nor AMP to make your website load fast http://tonsky.me/blog/pwa/
• Моё разочарование в софте https://habr.com/post/423889/

Основы веба

• From URL to Interactive https://alistapart.com/article/from-url-to-interactive
• Server to Client https://alistapart.com/article/server-to-client
• Tags to DOM https://alistapart.com/article/tags-to-dom
• Braces to pixels https://alistapart.com/article/braces-to-pixels

Как Google Search видит

• Deliver search-friendly web applications https://eprev.org/2018/11/22/deliver-search-friendly-web-applications/
• Deliver search-friendly JS-powered w…
147. Chrome Dev Summit, API к персональным данным, HTTP/3 на UDP, веб-компоненты

19 november 2018 · 1 uur 30 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Алексей Симоненко

Темы

00:00:00 Интро
00:00:28 События
00:06:51 Chrome Dev Summit
00:36:43 API к персональным данным
00:52:10 HTTP уже 3
01:13:26 Веб-компоненты

События

• Pitercss_meetup №26 в Питере 20 ноября https://medium.com/p/b820502538c0
• SPB Frontend Meetup в Питере 21 ноября https://spb-frontend-events.timepad.ru/event/848267/
• MoscowJS 43 в Москве 22 ноября https://www.moscowjs.ru/event/moscowjs-43
• DevFest Siberia в Новосибирске 23–25 ноября https://gdg-siberia.com/
• Panda-Meetup №9 в Самаре 24 ноября http://panda-meetup.ru/frontend-samara-2018-11-24
• DevFest Voronezh в Воронеже 24 ноября https://gdg-voronezh.timepad.ru/event/845720/
• NodeSchool SPb №28 в Питере 24 ноября https://github.com/nodeschool/spb/issues/73
• JSNN #11 в Нижнем Новгороде 24 ноября https://www.it52.info/events/2018-11-24-jsnn-11
• HolyJS в Москве 24–25 ноября https://holyjs-moscow.ru/
• DevFest SPB в Питере 27 ноября https://devfest-spb.com/
• WSD в Минске 1 декабря https://wsd.events/2018/12/01/
• JS Tgn Weekend meetup #12 в Таганроге 1 декабря https://it61.info/events/2018-12-01-mitap-js-tgn-weekend-12-316
• DartUP в Питере 1 декабря https://dartup.ru/

Chrome Dev Summit

• Видео с Chrome Dev Summit https://www.youtube.com/playlist?list=PLNYkxOF6rcIDjlCx1PcphPpmf43aKOAdF
• Портал web.dev https://web.dev/
• Imagemin Gulp https://web.dev/fast/use-imagemin-to-compress-images/codelab-imagemin-gulp
• WebP CLI https://web.dev/fast/serve-images-webp/codelab-serve-images-webp
• PageSpeed Insights https://developers.google.com/speed/pagespeed/insights/
• Squoosh https://squoosh.app/
• VisBug https://github.com/GoogleChromeLabs/ProjectVisBug

API к персональным данным

• Intent to Implement: Contacts API https://groups.google.com/a/chromium.org/d/msg/blink-dev/brKChSa9_d0/GmzVbvYcAAAJ
• Explainer: Conta…
146. Веб-приложения на десктопе, фронтопсы, Test262, Babel и Webpack, вопросы к HolyJS

12 november 2018 · 1 uur 58 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Алексей Симоненко

Гости: Алексей Золотых, Стас Курилов

Темы

00:00:00 Интро
00:00:58 События
00:12:48 Веб-приложения на десктопе
00:38:35 Безопасность и фронтопсы
01:14:28 Test262, Babel и Webpack
01:35:22 Вопросы к HolyJS

События

• Chrome Dev Summit в Сан-Франциско 12–13 ноября https://developer.chrome.com/devsummit/
• Google Developer Experts https://developers.google.com/experts/all/technology/web-technologies
• HolyJS в Москве 24 ноября https://holyjs-moscow.ru/
• WSD в Минске 1 декабря https://wsd.events/2018/12/01/
• DartUP в Питере 1 декабря https://dartup.ru/
• Storm the Front meetup #3 в Гомеле 8 декабря https://vk.com/storm_the_front
• CFP на CSSConf в Берлине 31 мая https://2019.cssconf.eu/call-for-speakers/
• CFP на JSConf в Берлине 1–2 июня https://2019.jsconf.eu/call-for-speakers/

Веб-приложения на десктопе

• Google Chrome Labs: Carlo https://github.com/GoogleChromeLabs/carlo
• WebUSB API https://wicg.github.io/webusb/
• Language Server Protocol https://microsoft.github.io/language-server-protocol/
• BopPad https://www.keithmcmillen.com/products/boppad/
• BopPad Editor https://files.keithmcmillen.com/products/boppad/editor/

Безопасность и фронтопсы

• Laboratory: CSP Toolkit https://addons.mozilla.org/en-US/firefox/addon/laboratory-by-mozilla/
• Девшахта 53: DevOops 2018 https://soundcloud.com/devschacht/devschacht-53

Test262, Babel и Webpack

• Announcing Test262 Report https://bocoup.com/blog/announcing-test262-report
• Babel 7 Released https://babeljs.io/blog/2018/08/27/7.0.0

Вопросы к HolyJS

• HolyJS в Москве 24 ноября https://holyjs-moscow.ru/
• Скидка 1000 ₽ при покупке билета с промокодом wst

Читайте новости

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/web…
145. Тёмный режим, WebAssembly, новинки и сортировка CSS, вариативные шрифты, дизайнеры, React-хуки

5 november 2018 · 1 uur 9 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Ольга Алексашенко, Вадим Макеев, Мария Просвирнина

Темы

00:00:00 Интро
00:00:39 События
00:06:23 Тёмный режим в Safari
00:15:28 WebAssembly в Chrome
00:21:10 Что нового в CSS
00:29:08 Сортировка CSS-свойств
00:38:45 Вариативные шрифты с фолбэком
00:46:42 Почему у дизайнеров не получается
00:55:06 Хуки, или React по-новому

События

• Kottans: курс по фронтенду в Киеве https://github.com/kottans/frontend
• DevFest Siberia 23-25 ноября, Новосибирск https://gdg-siberia.com/
• Fronthub в Ульяновске 27 ноября http://fronthub.ru/
• WSD в Минске 1 декабря https://wsd.events/2018/12/01/

Тёмный режим в Safari

• Safari TP 68 https://webkit.org/blog/8475/release-notes-for-safari-technology-preview-68/
• Using dark mode in CSS with MacOS Mojave https://paulmillr.com/posts/using-dark-mode-in-css/
• Prefers-color-scheme in a picture https://twitter.com/steve228uk/status/1055181620997689344

WebAssembly в Chrome

• WebAssembly Threads ready to try in Chrome 70 https://developers.google.com/web/updates/2018/10/wasm-threads
• Origin Trials in Chrome https://github.com/GoogleChrome/OriginTrials/blob/gh-pages/developer-guide.md

Что нового в CSS

• The CSS Working Group At TPAC: What’s New In CSS? https://www.smashingmagazine.com/2018/10/tpac-css-working-group-new/
• Square that grows to hold all content https://twitter.com/jensimmons/status/1057725174097895425
• Стандартизация стилей элементов форм http://css-live.ru/vecssti-s-polej/svojstvo-appearance-i-standartizaciya-stilej-elementov-form-novaya-nadezhda.html

Сортировка CSS-свойств

• Keys to maintainable CSS: Order https://pyx.space/post/keys-to-maintainable-css-order

Вариативные шрифты с фолбэком

• Implementing a variable font with fallback web fonts https://www.zeichenschatz.net/typografie/implementing-a-variable-font-with-fallback-web-fonts.html

Почему у…
144. Берлин, веб-компоненты, PWA на десктопе, Styleguidist и JSS, CSS-in-JS

29 oktober 2018 · 1 uur 19 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев

Гости: Олег Исонен, Артём Сапегин

Темы

00:00:00 Интро
00:02:42 События в Берлине
00:05:05 Веб-компоненты
00:18:52 PWA на десктопе
00:36:33 Styleguidist и JSS
00:42:40 CSS-in-JS

События в Берлине

• React Day https://reactday.berlin/
• React Girls Berlin https://www.meetup.com/ReactJS-Girls-Berlin/

Веб-компоненты

• Firefox 63 Tricks and Treats! https://hacks.mozilla.org/2018/10/firefox-63-tricks-and-treats/
• React vs Web Components https://youtu.be/plt-iH_47GE

PWA на десктопе

• Chrome Desktop PWA: Windows https://twitter.com/firt/status/1054442657567727616
• Chrome Desktop PWA: Linux https://twitter.com/firt/status/1054801501653221378

Styleguidist и JSS

• Styleguidist https://react-styleguidist.js.org/
• Storybook https://storybook.js.org/
• JSS http://cssinjs.org/

CSS-in-JS

• Styled-components v4 https://medium.com/p/fa4d83398a77
• Create React App + astroturf https://twitter.com/sitnikcode/status/1047184700555644928
• Linaria https://github.com/callstack/linaria
• Astroturf https://github.com/4Catalyzer/astroturf
• CSS Modules https://github.com/css-modules/css-modules

Читайте новости

• 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/
143. Chrome и WebKit, резина, GitHub Actions, Adobe Fonts, слабые стороны ES6, фронтенд в Одессе

22 oktober 2018 · 1 uur 18 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев

Гости: Николай Птущук

Темы

00:00:00 Интро
00:01:20 События
00:07:07 Chrome 70 и WebKit 2019
00:20:21 Пропорциональная резина
00:24:24 GitHub Actions
00:28:20 Adobe Fonts
00:32:11 Слабые стороны ES6
00:51:14 Фронтенд в Одессе

События

• VuePiterJS №2 в Питере 25 октября https://medium.com/p/bf0d493272aa
• KyivJS #20 в Киеве 26 октября http://kyivjs.org/
• WSD в Киеве 27 октября https://wsd.events/2018/10/27/
• Hacktoberfest Lviv во Львове 27 октября https://www.facebook.com/events/2180407068873890/
• ITsubbotnik Tech Mix в Москве 27 октября https://events.epam.com/events/itsubbotnik-technological-mix
• Я.Субботник в Москве 27 октября https://events.yandex.ru/events/yasubbotnik/27-oct-2018/
• ReactiveConf в Праге 29–31 октября https://reactiveconf.com/
• LvivCSS во Львове 10 ноября https://www.facebook.com/events/793560460837495/

Браузеры

• New in Chrome 70 https://developers.google.com/web/updates/2018/10/nic70
• WebKit Feature Focus for 2018-2019 https://trac.webkit.org/wiki/WebKitFeatureFocus2018-2019
• CSS Intrinsic & Extrinsic Sizing L4 https://drafts.csswg.org/css-sizing-4/

Новости

• GitHub Actions https://github.com/features/actions
• Introducing GitHub Actions https://css-tricks.com/introducing-github-actions/
• GitHub Actions: built by you, run by us https://blog.github.com/2018-10-17-action-demos/
• Adobe Fonts https://fonts.adobe.com/

JavaScript

• JavaScript ES6: слабые стороны https://medium.com/p/a0612c9fecf0
• Вредная элитарная точка зрения. Обсудим? https://twitter.com/pepelsbey/status/1051957956621811715
• How To Serve Legacy Code Only To Legacy Browsers https://www.smashingmagazine.com/2018/10/smart-bundling-legacy-code-browsers/
• Polyfill.io https://polyfill.io/

Одесса

• Odessa Frontend https://odessafrontend.com/
• OdessaJS http://odessajs.org/
• Hillel https…
142. Safari и Edge, перфоманс, новые теги в HTML, киевское сообщество, Котаны

16 oktober 2018 · 1 uur 18 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев

Гости: Катя Поршнева, Сергей Фролов

Темы

00:00:00 Интро
00:01:58 События
00:07:06 Safari и Edge
00:15:35 Бюджет на перфоманс
00:26:44 Новые теги в HTML
00:40:51 Киевское сообщество
01:06:03 Кто такие Котаны?

События

• Я ❤ Frontend в Москве 9 февраля https://yandex.ru/promo/yandex4developers/yalovefrontend
• Вадим Макеев на Ютубе https://www.youtube.com/pepelsbey
• SPB Frontend в Питере 16 октября https://spb-frontend-events.timepad.ru/event/827835/
• OdessaFrontend в Одессе 18 октября https://odessafrontend.com/
• NodeSchool SPb в Питере 20 октября https://github.com/nodeschool/spb/issues/71
• KyivJS в Киеве 26 октября http://kyivjs.org/
• WSD в Киеве 27 октября https://wsd.events/2018/10/27/
• Pitercss_class в Питере 27 октября https://twitter.com/pitercss_class/status/1051789838238838784
• Kyiv Vue.js Meetup в Киеве 1 ноября https://www.meetup.com/Kyiv-Vue-js-Meetup/
• BeerJS PubTalk в Киеве 17 ноября https://www.facebook.com/events/1133996603419493/

Safari и Edge

• Safari TP 67 https://webkit.org/blog/8419/release-notes-for-safari-technology-preview-67/
• Edge: Custom Elements https://developer.microsoft.com/en-us/microsoft-edge/platform/status/customelements/
• Edge: Shadow DOM https://developer.microsoft.com/en-us/microsoft-edge/platform/status/shadowdom/
• Edge: HTML Modules https://github.com/w3c/webcomponents/issues/645#issuecomment-427205519

Бюджет на перфоманс

• Start Performance Budgeting https://medium.com/p/dabde04cf6a3
• Владимир Агафонкин https://agafonkin.com/
• Иван Акулов https://iamakulov.com/

Новые теги в HTML

• Почему мы не добавим в HTML элемент чудесный? http://css-live.ru/faq/pochemu-my-ne-dobavim-v-html-element.html

Киевское сообщество

• KyivJS http://kyivjs.org/
• React Kyiv https://twitter.com/reactkyiv
• BeerJS Kyiv http://fb.com/beerjskyiv
• Goodn…
141. Браузеры и расширения, Vue.js 3.0, цветная прокрутка, фронтенд в Харькове

8 oktober 2018 · 58 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев

Гости: Влад Антипенко, Артём Захарченко

Темы

00:00:00 Интро
00:01:07 События
00:03:15 Браузеры и расширения
00:14:44 Планы Vue.js 3.0
00:21:23 Цветная прокрутка
00:26:35 Фронтенд в Харькове

События

• Pitercss_meetup в Питере 10 октября https://medium.com/p/739f3120b158
• EmberFest в Амстердаме 11–12 октября https://emberfest.eu/
• WSD в Киеве 27 октября https://wsd.events/2018/10/27/

Браузеры и расширения

• What’s new in EdgeHTML 18 https://aka.ms/devguide_edgehtml_18
• WebP in Edge 18: Supported https://developer.microsoft.com/en-us/microsoft-edge/platform/status/webpimageformat/
• Trustworthy Chrome Extensions, by default https://blog.chromium.org/2018/10/trustworthy-chrome-extensions-by-default.html

Планы Vue.js 3.0

• Планы на следующую версию Vue.js https://habr.com/post/425213/

Цветная прокрутка

• Первый черновик для оформления прокрутки http://css-live.ru/vecssti-s-polej/css-scrollbars-fpwd.html

Фронтенд в Харькове

• KharkivJS https://kharkivjs.org/
• Kharkiv Frontend https://kharkivfrontend.org/

Читайте новости

• 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/
140. Safari, TypeScript, разработчики в W3C, Redux не нужен, ES всё ломает, новые стрелки в JS

1 oktober 2018 · 40 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина

Темы

00:00:00 Интро
00:00:23 События
00:05:06 Пара новинок Safari
00:06:49 Семантика и TypeScript
00:12:13 Разработчики в W3C
00:21:52 Redux не нужен
00:27:54 Новый ES всё сломал
00:37:02 Новые стрелки в JS

События

• JavaScript Party в Новосибирске 3 октября https://events.yandex.ru/events/meetings/03-october-2018/
• Fronteers в Амстердаме 4–5 октября https://fronteers.nl/congres/2018
• Frontend Conf в Москве 4–5 октября https://frontendconf.ru/moscow/2018
• KharkivJS в Харькове 6–7 октября https://kharkivjs.org/
• Я.Субботник в Москве 27 октября https://events.yandex.ru/events/yasubbotnik/27-oct-2018/
• ITsubbotnik Tech Mix в Москве 27 октября https://events.epam.com/events/itsubbotnik-technological-mix
• WSD в Киеве 27 октября https://wsd.events/2018/10/27/
• UfaDevConf в Уфе 17 ноября http://dc.ufacoder.com/

Пара новинок Safari

• Release Notes for Safari Technology Preview 66 https://webkit.org/blog/8414/release-notes-for-safari-technology-preview-66/

Семантика и TypeScript

• Почему семантический HTML важен, и как TypeScript помогает это понять http://css-live.ru/articles/pochemu-semanticheskij-html-vazhen-i-kak-typescript-pomogaet-eto-ponyat.html

Разработчики в W3C

• Representing Web Developers In The W3C https://www.smashingmagazine.com/2018/09/representing-web-developers-w3c/
• Web Developer Representation in W3C https://alistapart.com/article/web-developer-representation-in-w3c

Redux не нужен

• Прощай, Redux. Почему он нам больше не нужен https://medium.com/p/4f11cc3c6af5
• Make frontend «backend» again https://habr.com/p/421789/

Новый ES всё ломает

• Highcharts.js line labels disappear with Array#flat enabled https://bugs.chromium.org/p/chromium/issues/detail?id=888128#c15
• ES Proposal: Global https://github.com/tc39/proposal-global
• Global break…
139. CSS-Minsk-JS speakers Bram Stein, Patrick Lauke, Hui Jing Chen, Anna Migas

25 september 2018 · 1 uur 41 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Vadim Makeev

Гости: Bram Stein, Patrick Lauke, Hui Jing Chen, Anna Migas

Темы

00:00:00 Интро
00:00:34 Bram Stein
00:17:07 Patrick Lauke
00:48:31 Hui Jing Chen
01:16:58 Anna Migas

Bram Stein

• Bram on Twitter https://twitter.com/bram_stein
• Webfont Handbook https://abookapart.com/products/webfont-handbook
• Adobe Typekit https://typekit.com/

Patrick Lauke

• Patrick on Twitter https://twitter.com/patrick_h_lauke
• Getting Touchy https://patrickhlauke.github.io/getting-touchy-presentation/
• An introduction to ARIA https://patrickhlauke.github.io/aria/presentation/

Hui Jing Chen

• Hui Jing on Twitter https://twitter.com/hj_chen
• Hui Jing’s blog https://www.chenhuijing.com/

Anna Migas

• Anna on Twitter https://twitter.com/szynszyliszys
• Repaintless.css http://szynszyliszys.github.io/repaintless/
• Starability.css http://lunarlogic.github.io/starability/

Читайте новости

• 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/
138. 10 лет Chrome, URL, каскад, курсор, микробенчмаркинг, DOM в воркерах, JS 2018

17 september 2018 · 1 uur 13 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина

Гости: Алекс Канунников

Темы

00:00:00 Интро
00:01:13 События
00:06:33 10 лет Chrome
00:24:55 Кому нужен URL
00:32:08 Что такое каскад
00:39:28 Курсор на кнопках
00:45:39 Микробенчмаркинг
00:49:29 DOM в воркерах
01:09:18 JS 2018

События

• SPB Frontend в Питере 18 сентября https://spb-frontend-events.timepad.ru/event/804943/
• JavaScript Open Day в Питере 19 сентября https://events.epam.com/events/javascript-open-day
• OdessaFrontend #7 в Одессе 19 сентября https://odessafrontend.com/
• NodeSchool SPb №26 в Питере 22 сентября https://github.com/nodeschool/spb/issues/70
• DevFest Siberia в Новосибирске 23–25 ноября https://gdg-siberia.com/
• Grow Paris в Париже 12-16 ноября http://www.grow.paris/

10 лет Chrome

• 10 Years of Chrome DevTools https://blog.chromium.org/2018/09/10-years-of-chrome-devtools.html
• Расширение Web Developer https://chrispederick.com/work/web-developer/features/
• What’s New in DevTools https://www.youtube.com/playlist?list=PLNYkxOF6rcIBDSojZWBv4QJNoT4GNYzQD
• 10 years of Speed in Chrome https://blog.chromium.org/2018/09/10-years-of-speed-in-chrome_11.html
• Chrome 70 beta https://blog.chromium.org/2018/09/chrome-70-beta-shape-detection-web.html

Кому нужен URL

• Google хочет убить URL https://habr.com/p/422895/

Что такое каскад

• The Cascade and Other Essential Unessentials https://timkadlec.com/remembers/2018-09-10-the-cascade-and-other-essential-unessentials/
• Никто не знает CSS: специфичность — не каскад http://css-live.ru/css/nikto-ne-znaet-css-specifichnost-ne-kaskad.html

Курсор на кнопках

• Pointer Cursor: RESOLVED https://github.com/w3c/csswg-drafts/issues/1936#issuecomment-420722704

Микробенчмаркинг

• Adventures in Microbenchmarking https://medium.com/p/86dfce4e8c0e

DOM в воркерах

• WorkerDOM https://github.com/ampproject/w…
137. Chrome 69 и Firefox 62, JS на медленных сетях, ссылки в ссылках и доступность

10 september 2018 · 1 uur 9 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев

Гости: Валерия Курмак

Темы

00:00:00 Интро
00:02:51 События
00:12:14 Новости браузеров
00:19:56 Ссылки в ссылках
00:25:43 Доступность интерфейсов

События

• Pitercss_meetup в Питере 11 сентября https://medium.com/p/eeda48fbbf3b
• Tver.io 0x100 DevDay в Твери 13 сентября https://www.meetup.com/tverio/events/254375421/
• AstanaJS в Астане 13 сентября https://www.facebook.com/events/304756690289447/
• SPB Frontend в Питере 18 сентября https://spb-frontend-events.timepad.ru/event/804943/
• Node.js SPb Meetup в Питере 27 сентября https://eventuer.timepad.ru/event/803253/
• Chrome Dev Summit в Сан-Франциско 12–13 ноября https://developer.chrome.com/devsummit/

Новости браузеров

• New in Chrome 69 https://developers.google.com/web/updates/2018/09/nic69
• Firefox 62 http://tanalin.com/blog/2018/09/firefox-62/
• Chrome’s NOSCRIPT Intervention https://timkadlec.com/remembers/2018-09-06-chromes-noscript-intervention/
• Take A New Look At CSS Shapes https://www.smashingmagazine.com/2018/09/css-shapes/
• Firefox Shape Path Editor https://hacks.mozilla.org/2018/09/make-your-web-layouts-bust-out-of-the-rectangle-with-the-firefox-shape-path-editor/

Ссылки в ссылках

• Nested Links Without Nesting Links https://www.sarasoueidan.com/blog/nested-links/
• HTML Шорты: Ссылки вокруг блоков https://htmlacademy.ru/shorts/1

Доступность интерфейсов

• Как не создавать барьеры для незрячих https://youtu.be/nWJpA5MQx7s
• О доступности интерфейсов из первых уст https://medium.com/p/3284085cee3f
• The A11Y Project https://a11yproject.com/

Читайте новости

• 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-standar…
136. Chrome не такой дерзкий, Firefox против трекеров, опенсорс, OpenType, React DOM

3 september 2018 · 1 uur 31 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина, Алексей Симоненко

Темы

00:00:00 Интро
00:00:39 События
00:11:32 Chrome не такой дерзкий
00:24:03 Firefox против трекеров
00:42:12 Опенсорс и политика
01:04:47 OpenType и полезный каскад
01:19:41 Развитие React DOM

События

• BeerJS PubTalk в Киеве 8 сентября https://www.facebook.com/events/2015566458736171/
• JSNN #10 в Нижнем Новгороде 8 сентября https://www.it52.info/events/2018-09-08-jsnn-10
• RND.JS #7 в Ростове-на-Дону 8 сентября https://it61.info/events/2018-09-08-rnd-js-7-304
• DINS JavaScript meetup #1 в Питере 12 сентября https://dins.timepad.ru/event/787652/
• Ufa Tensor Forum в Уфе 13 сентября http://conf.tensor.ru/
• KyivJS #19 в Киеве 14 сентября http://kyivjs.org/
• Krasnodar Dev Days #3 в Краснодаре 15 сентября https://krddevdays.ru/
• FrontTalks в Екатеринбурге 14–15 сентября https://events.yandex.ru/events/fronttalks/2018/
• CSS-Minsk-JS в Минске 21–22 сентября http://css-minsk-js.by/
• Fronteers в Амстердаме 4–5 октября https://fronteers.nl/congres/2018
• FrontendConf в Москве 4–5 октября http://frontendconf.ru/moscow/2018
• KharkivJS в Харькове 6–7 октября http://kharkivjs.org/
• Фестиваль 404 в Самаре 6–7 октября http://2018.404fest.ru/

Chrome не такой дерзкий

• Charting Browser Interoperability https://blog.chromium.org/2018/08/charting-browser-interoperability.html
• Flexbox is now used by ~82% of web pages https://twitter.com/ebidel/status/1034874571747291136
• BopPad Editor https://files.keithmcmillen.com/products/boppad/editor/
• Web Bluetooth Implementation Status https://github.com/WebBluetoothCG/web-bluetooth/blob/gh-pages/implementation-status.md

Firefox против трекеров

• Cross-site tracking: Let’s unpack that https://blog.mozilla.org/firefox/cross-site-tracking-lets-unpack-that/
• Changing Our Approach to Anti-tracking https://blog.…
135. TLS 1.3, флексы и кастомные свойства, -webkit-мусор, SVG и WebGL, новинки Node.js

28 augustus 2018 · 1 uur 14 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Ольга Алексашенко, Вадим Макеев, Мария Просвирнина, Алексей Симоненко

Темы

00:00:00 Интро
00:00:40 События
00:04:49 Сертификаты и TLS 1.3
00:13:13 Флексы и кастомные свойства
00:34:30 Совместимость и -webkit-мусор
00:48:34 SVG-фильтры и WebGL
01:06:07 Новинки Node.js

События

• Izh Tech Talks #2 по фронтенду в Ижевске 30 августа https://eventskbkontur.timepad.ru/event/792083/
• CodeEvening MeetUP в Нефтекамске 31 августа http://codeevening.ru/
• Refresh Conference в Таллине 7 сентября http://refresh.rocks/
• DINS JavaScript meetup #1 в Питере 12 сентября https://dins.timepad.ru/event/787652/
• FrontTalks в Екатеринбурге 14–15 сентября https://events.yandex.ru/events/fronttalks/2018/
• CSS-Minsk-JS в Минске 21–22 сентября http://css-minsk-js.by/

Сертификаты и TLS 1.3

• Symantec, GeoTrust, RapidSSL, Thawte, Verisign will be distrusted in October 2018 https://www.fxsitecompat.com/en-CA/docs/2018/symantec-geotrust-rapidssl-thawte-verisign-certificates-will-all-be-distrusted-in-october-2018/

Флексы и кастомные свойства

• Firefox Nightly: column-gap and row-gap in Flexbox https://twitter.com/rachelandrew/status/1032561925987737600
• Интерактивные курсы (карточки на гридах) https://htmlacademy.ru/courses
• Custom CSS Properties do not worki inside @page https://bugs.chromium.org/p/chromium/issues/detail?id=763298

Совместимость и -webkit-мусор

• Webkit-prefixed pseudo-elements are always treated valid in WebKit and Blink https://github.com/w3c/csswg-drafts/issues/2156
• CSS Selectors Level 4: Parsing Quirks https://drafts.csswg.org/selectors-4/#compat
• Стандарт для нестандартного http://css-live.ru/articles-css/standart-dlya-nestandartnogo.html

SVG-фильтры и WebGL

• SVG Filters https://yoksel.github.io/svg-filters/
• Глава 3: Размеры в SVG https://htmlacademy.ru/courses/259
• Understanding SVG Coo…
134. DOM, атрибуты для картинок, веб-компоненты в Firefox, новости из леса, хорошая конференция

20 augustus 2018 · 1 uur 21 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина

Гости: Никита Дубко, Саша Шинкевич

Темы

00:00:00 Интро
00:01:56 События
00:11:24 Невидимый DOM и файлы
00:25:10 Новые атрибуты для картинок
00:37:19 Веб-компоненты в Firefox
00:48:48 Новости из леса
00:54:49 Хорошая конференция

События

• WSD в Питере 18 августа https://wsd.events/2018/08/18/
• NodeSchool Novosibirsk №5 в Новосибирске 25 августа https://www.meetup.com/nodeschool_nsk/events/253803425/
• NodeSchool SPb №25 в Питере 25 августа https://github.com/nodeschool/spb/issues/69
• NodeSchool в Тюмени 1 сентября https://vk.com/nodeschooltmn
• TechTrain в Питере 1–2 сентября https://techtrain.ru/
• FrontTalks в Екатеринбурге 14–15 сентября https://events.yandex.ru/events/fronttalks/2018/
• CSS-Minsk-JS в Минске 21–22 сентября http://css-minsk-js.by/

Невидимый DOM и файлы

• Chrome: Intent to Implement Searchable Invisible DOM https://groups.google.com/a/chromium.org/d/msg/blink-dev/Icw_sU6PqVA/8hwXw0jTDwAJ
• Searchable Invisible DOM Explainer https://docs.google.com/document/d/1GYTt6G8G0gNO0U90uHywTi2Fn1YqI9JERyn44f9lmU0/edit
• Chrome: Intent to Implement Writable Files https://groups.google.com/a/chromium.org/d/msg/blink-dev/U4rXcm5CE4Y/3XmVtoAPDwAJ
• Writable Files Explainer https://github.com/WICG/writable-files/blob/master/EXPLAINER.md

Новые атрибуты для картинок

• Chrome Status: Intrinsic size attribute https://www.chromestatus.com/feature/4704436815396864
• Intrinsicsize Attribute on Media Elements Explainer https://github.com/ojanvafai/intrinsicsize-attribute
• A native lazy load for the Web platform https://calibreapp.com/blog/2018-08-16-native-lazy-load/

Веб-компоненты в Firefox

• Intent to Ship: Shadow DOM and Custom Elements https://groups.google.com/d/msg/mozilla.dev.platform/RcanREo7hU0/TCS3Un6aBwAJ

Новости из леса

• Release Notes for Safari T…
133. Chrome 69, семантика для чтения, CSS без каскада и Гудини, API для доступности, выгорание

14 augustus 2018 · 1 uur 13 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев

Гости: Андрей Яманов, Алексей Охрименко

Темы

00:00:00 Интро
00:02:17 События
00:13:16 Новинки Chrome 69
00:23:23 Семантика для чтения
00:29:54 CSS без каскада
00:42:58 API для доступности
01:01:06 Выгорание

События

• Pitercss_meetup №23 в Питере 13 августа https://medium.com/pitercss-meetup/pitercss-meetup-23-a69ff41683a4
• PiterJS №28 в Питере 16 августа https://medium.com/piterjs/piterjs28-ac927334e7b4
• WSD в Питере 18 августа https://wsd.events/2018/08/18/
• FreeCodeCamp №22 в Москве 19 августа https://events.yandex.ru/events/yagosti/19-aug-2018/
• MoscowJS в Москве 23 августа https://www.moscowjs.ru/
• FrontendConf в Москве 4–5 октября http://frontendconf.ru/moscow/2018
• LvivCSS во Львове 10–11 ноября https://www.facebook.com/events/793560460837495/
• Скидка 10% по wst@LvivCSS2018 https://2event.com/events/1466074

Новинки Chrome 69

• Chrome 69 Beta: CSS tricks, and more https://blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html

Семантика для чтения

• Building websites for Safari Reader Mode and other reading apps https://medium.com/p/1562913c86c9

CSS без каскада и Гудини

• Styling language that looks like CSS but has no cascade https://twitter.com/TheLarkInn/status/1025525546896084992
• Houdini API is now candidate recommendation https://www.w3.org/TR/2018/CR-css-paint-api-1-20180809/

API для доступности

• Как не создавать барьеры для незрячих https://youtu.be/nWJpA5MQx7s
• Вёрстка Canvas, Алексей Охрименко https://youtu.be/TxNfcvT9sAg
• Accessibility Object Model https://wicg.github.io/aom/spec/#computed-accessibility-tree

Выгорание

• Как я летала на Марс. История эмоционального выгорания https://askd.livejournal.com/127949.html

Читайте новости

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandard…
132. Уязвимость в React, неправильный пайплайн, подгриды, сложная сетка, веб-компоненты

6 augustus 2018 · 46 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина

Темы

00:00:00 Интро
00:00:25 События
00:03:22 Подкастинг
00:08:11 Новинки браузеров
00:15:39 Уязвимость в React (Preact, Vue)
00:18:31 Неправильный пайплайн
00:25:04 Подгриды готовы
00:27:20 Сложная сетка вручную
00:35:48 Веб-компоненты

События

• Я.Субботник в Питере 11 августа https://events.yandex.ru/events/yasubbotnik/11-aug-2018/
• БЭМап в Питере 12 августа https://events.yandex.ru/events/bemup/12-aug-2018/
• Pitercss_meetup №23 в Питере 13 августа https://medium.com/p/a69ff41683a4
• NodeSchool в Тюмени 1 сентября https://vk.com/nodeschooltmn
• FrontTalks в Екатеринбурге 14–15 сентября https://events.yandex.ru/events/fronttalks/2018/
• Moscowcss 9 в Москве 2 октября https://moscowcss.timepad.ru/

Подкастинг

• Podcasting on WordPress.com https://en.blog.wordpress.com/2018/07/26/podcasting-on-wordpress-com/
• CSSSR: Новости 512 https://itunes.apple.com/ru/podcast/id1370045815
• SPB Frontend Drinkcast https://spb-frontend.ru/podcast

Новинки браузеров

• Firefox 61 http://tanalin.com/blog/2018/08/firefox-61/
• Release Notes for Safari Technology Preview 62 https://webkit.org/blog/8384/release-notes-for-safari-technology-preview-62/
• Blink: Intent to Deprecate and Remove https://groups.google.com/a/chromium.org/d/msg/blink-dev/h-JwMiPUnuU/sl79aLoLBQAJ

Уязвимость в React и не только

• React v16.4.2: Server-side vulnerability fix https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html

Неправильный пайплайн

• I think TC39 is making a mistake… https://twitter.com/jaffathecake/status/1024289220544876544

Подгриды готовы

• CSS Grid Level 2 updated Working Draft https://www.w3.org/blog/CSS/2018/08/04/subgrid-spec-completed/

Сложная галерея Google

• Как мы делали веб-интерфейс для Google Photos http://css-live.ru/articles/kak-my-delali-veb-interfejs-dlya-google-pho…
131. Chrome 68, HTTP, React или jQuery, инлайн-блоки, флексы, английский, Babel, браузеры мешают JS

30 juli 2018 · 1 uur 7 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Ольга Алексашенко, Вадим Макеев, Мария Просвирнина

Темы

00:00:00 Интро
00:00:28 События
00:07:30 Chrome 68
00:11:05 Опасный HTTP
00:17:18 React или jQuery
00:38:12 Вы не знаете инлайн-блоки
00:44:59 Иллюстрированные флексы
00:49:58 Курсы на английском
00:52:33 Опасные пресеты Babel
00:57:52 Браузеры мешают JS

События

• FreeCodeCamp в Москве https://www.facebook.com/groups/free.code.camp.moscow/
• WSD в Питере 18 августа https://wsd.events/2018/08/18/
• Приём докладов до 3 августа https://docs.google.com/forms/d/e/1FAIpQLScYBcHZrsLVtJVHe_CAiIkjFVy9L3uoPGfrNd-va6FVzUAndw/viewform
• Krasnodar Dev Days #3 в Краснодаре 15 сентября https://krddevdays.ru/
• Frontend Conf Moscow в Москве 4–5 октября https://habr.com/p/417457/
• Fronteers в Амстердаме 4–5 октября https://fronteers.nl/congres/2018
• EmberFest в Амстердаме 11–12 октября https://emberfest.eu/

Chrome 68

• New in Chrome 68 https://developers.google.com/web/updates/2018/07/nic68

Опасный HTTP

• A milestone for Chrome security: HTTP as not secure https://www.blog.google/products/chrome/milestone-chrome-security-marking-http-not-secure/

React или jQuery

• Github.com отказывается от jQuery https://habr.com/post/418257/
• React is The New jQuery https://medium.com/p/64ae6d468358
• React — это не новый jQuery https://medium.com/p/5825b3269d2c

Вы не знаете инлайн-блоки

• Удивительный и неизвестный inline-block http://css-live.ru/articles-css/udivitelnyj-i-neizvestnyj-inline-block.html

Иллюстрированные флексы

• The Complete Illustrated Flexbox Tutorial https://medium.com/p/d35c085dbf35
• MDN: justify-self https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self

Курсы на английском

• Hello, animation! https://css-animations.io/
• Все курсы HTML Academy https://htmlacademy.ru/courses/

Опасные пресеты Babel

• Removing Babel’s Stage Prese…
130. Неудобные классы и всякий JS, манифест на лету, гриды с ошибками, плохой лэндинг хорошей ШРИ

23 juli 2018 · 1 uur 13 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина

Гости: Сергей Бережной

Темы

00:00:00 Интро
00:00:39 События
00:03:38 Неудобные классы и всякий JS
00:28:10 Манифест на лету
00:33:19 Гриды с ошибками
00:40:02 Плохой лэндинг хорошей ШРИ

События

• Видео с UralJS в Екатеринбурге 5 июля https://habr.com/p/417427/
• Do moral Code meetup #2 во Львове 27 июля https://www.facebook.com/events/266543077427363/
• Яндекс Субботник в Минске 27 июля https://events.yandex.ru/events/yasubbotnik/28-jul-2018/
• БЭМап в Питере 12 августа https://events.yandex.ru/events/bemup/12-aug-2018/
• WSD в Питере 18 августа https://wsd.events/2018/08/18/

Неудобные классы и всякий JS

• Классы, сложность и функциональное программирование https://www.webpurple.net/blog/2018-07-19-klassy-slozhnost-i-funkcionalnoe-programmirovanie/
• What’s Happening With the Pipeline (|>) Proposal? https://babeljs.io/blog/2018/07/19/whats-happening-with-the-pipeline-proposal
• Guppy: friendly app manager and task runner for React https://github.com/joshwcomeau/guppy
• An introduction to the JavaScript MutationObserver API https://benfrain.com/an-introduction-to-the-javascript-mutationobserver-api/

Манифест на лету

• PWACompat: the Web App Manifest for all browsers https://developers.google.com/web/updates/2018/07/pwacompat

Гриды с ошибками

• 9 Biggest Mistakes with CSS Grid https://youtu.be/0Gr1XSyxZy0
• Should I try to use the IE version of Grid Layout? https://rachelandrew.co.uk/archives/2018/07/17/should-i-try-to-use-the-ie-version-of-grid-layout-revisited-for-2018

Плохой лэндинг хорошей ШРИ

• Школа разработки интерфейсов Яндекса https://yandex.ru/promo/academy/shri2018
• Div class="text" У меня всё https://twitter.com/pepelsbey/status/1018849147242385409
• Ссылки, на которые полезно кликнуть div https://twitter.com/pepelsbey/status/1018852267439591424
…
129. Вирус в npm, Feature Policy, Atom, мёртвый код, разделение ответственности, курсор

16 juli 2018 · 47 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Мария Просвирнина, Алексей Симоненко

Гости: Лера Зелёная

Темы

00:00:00 Интро
00:02:12 События
00:04:36 Вирус в npm
00:10:54 Зачем Feature Policy
00:18:45 Случай в Atom
00:23:36 Мёртвый код
00:30:19 Разделение ответственности
00:36:05 Стрелка или пальчик

События

• SPB Frontend в Питере 17 июля https://spb-frontend-events.timepad.ru/event/760041/
• WSD в Питере 18 августа https://wsd.events/2018/08/18/
• LvivCSS 2018 во Львове 10–11 ноября https://www.facebook.com/events/793560460837495/

Вирус в npm

• Virus in eslint-scope? https://github.com/eslint/eslint-scope/issues/39#issuecomment-404533026

Зачем Feature Policy

• Introduction to Feature Policy https://developers.google.com/web/updates/2018/06/feature-policy

Случай в Atom

• Atom Git-Plus https://atom.io/packages/git-plus

Мёртвый код

• Reduce JavaScript Payloads with Tree Shaking https://developers.google.com/web/fundamentals/performance/optimizing-javascript/tree-shaking/

Разделение ответственности

• Компоненты и разделение ответственности http://css-live.ru/articles/komponenty-i-razdelenie-otvetstvennosti.html

Стрелка или пальчик

• Стрелка и пальчик https://ilyabirman.ru/meanwhile/all/arrow-and-finger/

Читайте новости

• 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/
128. React это JS, вложенность в CSS, отступы, капча, гриды в IE, верстальщик против визивига

9 juli 2018 · 1 uur 2 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Ольга Алексашенко, Вадим Макеев

Темы

00:00:00 Интро
00:00:21 События
00:05:03 React это просто JS
00:10:42 Вложенность в CSS
00:16:34 Система отступов
00:25:06 Недоступная капча
00:29:25 Забудьте про гриды в IE
00:47:39 Верстальщик против визивига

События

• SPB Frontend в Питере 17 июля https://spb-frontend-events.timepad.ru/event/760041/
• Я.Субботник в Минске 28 июля https://events.yandex.ru/events/yasubbotnik/28-jul-2018/
• WSD в Питере 18 августа https://wsd.events/2018/08/18/

React это просто JS

• React is just JavaScript https://medium.com/p/88600553269c
• The Beginner’s Guide to React https://egghead.io/courses/the-beginner-s-guide-to-react

Вложенность в CSS

• Request to pick up the CSS nesting proposal https://github.com/w3c/csswg-drafts/issues/2701
• CSS Nesting Module Level 3 https://tabatkins.github.io/specs/css-nesting/
• А смысл, если есть препроцессоры? https://www.facebook.com/webstandardsru/photos/a.225960300805050.53253.101531286581286/1787318661335865/?type=3&comment_id=1787685937965804

Система отступов

• Spacings and CSS Custom properties https://medium.com/p/bdae00eaf3f1
• Зачем нужны кастомные свойства? https://medium.com/p/b849b88c19cc
• Старая тема Material на Sass https://github.com/shower/material/blob/v1.1.0/styles/_defaults.scss#L125-L147

Недоступная капча

• ReCAPTCHA v3 https://developers.google.com/recaptcha/docs/v3
• Inaccessibility of CAPTCHA, W3C WD https://www.w3.org/TR/turingtest/

Забудьте про гриды в IE

• Debunking Common IE Grid Misconceptions https://css-tricks.com/css-grid-in-ie-debunking-common-ie-grid-misconceptions/
• CSS Grid and the New Autoprefixer https://css-tricks.com/css-grid-in-ie-css-grid-and-the-new-autoprefixer/
• Faking an Auto-Placement Grid with Gaps https://css-tricks.com/css-grid-in-ie-faking-an-auto-placement-grid-with-gaps/
• Анд…
127. BeerJS, графика, шрифты в SVG, исчезающие фреймворки, ES-модули, почему CSS такой

2 juli 2018 · 1 uur 16 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев

Гости: Аня Селезнёва, Иван Акулов

Темы

00:00:00 Интро
00:02:49 События
00:06:51 Доклады на BeerJS
00:25:47 Графика в интернете
00:35:29 Шрифты в SVG
00:43:51 Исчезающие фреймворки
00:49:20 Модули ES2015+
00:55:01 Див не кликается
00:59:49 Почему CSS такой

События

• UralJS в Екатеринбурге 5 июля https://uraljs.timepad.ru/event/751795/
• FreeCodeCamp №21 в Москве 22 июля https://freecodecamp.timepad.ru/event/752289/
• Приём докладов на 404fest в Самаре 6–7 октября https://docs.google.com/forms/d/e/1FAIpQLSfSjYTvK1tDBYosipjjvqZXPmZGvB2lrPwQb_KXDomHCsjNvw/viewform
• CSS-Minks-JS в Минске 21–22 сентября http://css-minsk-js.by/

Доклады на BeerJS

• BeerJS Summit в Минске 30 июня https://www.facebook.com/events/174232359959486/
• Essential Image Optimization https://images.guide/
• Decrease Front-end Size https://developers.google.com/web/fundamentals/performance/webpack/decrease-frontend-size
• Don’t Guess it, Test it! https://aerotwist.com/blog/dont-guess-it-test-it/
• Grammarly https://www.grammarly.com/

Графика в интернете

• Состояние дел в вебе: стратегии оптимизации изображений http://css-live.ru/articles/sostoyanie-del-v-vebe-glavnye-strategii-optimizacii-izobrazhenij.html
• Современный интернет в одном видео https://www.facebook.com/pepelsbey/videos/10157391994829338/

Шрифты в SVG

• Using Custom Fonts With SVG in an Image Tag https://css-tricks.com/using-custom-fonts-with-svg-in-an-image-tag/
• Веб в кривых. Второе рождение SVG https://youtu.be/DDR19L7Lcjw
• SVG vs PNG https://svgvspng.com/#ru

Исчезающие фреймворки

• Исчезающие фреймворки https://habr.com/p/414869/
• Computer, build me an app https://youtu.be/qqt6YxAZoOc

Модули ES2015+

• On Consuming (and Publishing) ES2015+ Packages https://babeljs.io/blog/2018/06/26/on-consuming-and-publishing-es2015+-packages

Див не кли…
126. Web Animations API, вариативные шрифты, Keyframes.app, ARIA, placeholder, доступность

25 juni 2018 · 56 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Ольга Алексашенко, Вадим Макеев

Темы

00:00:00 Интро
00:00:30 Как нас слушать
00:02:59 События
00:08:09 Web Animations API
00:19:33 Вариативные шрифты
00:25:54 Keyframes.app
00:28:59 ARIA: Hidden или None
00:37:27 Плохой placeholder
00:44:52 Доступный React
00:50:57 Спонсор

Как нас слушать

• Google Podcasts для Android https://play.google.com/store/apps/details?id=com.google.android.apps.podcasts
• Apple Podcasts для iOS https://itunes.apple.com/app/podcasts/id525463029
• Фид со всеми выпусками https://web-standards.ru/podcast/feed/
• Плейлист на Ютубе https://www.youtube.com/playlist?list=PLMBnwIwFEFHcwuevhsNXkFTcadeX5R1Go
• Выпуски в Телеграме https://t.me/webstandards_ru
• Выпуски в ВК https://vk.com/webstandards_ru

События

• RamblerFront& #5 в Москве 28 июня https://rambler-co-e-org.timepad.ru/event/747781/
• React SPB Meetup #1 в Питере 4 июля https://www.meetup.com/React-SPB-Meetup/events/252039119/
• Moscow Vue.js Meetup #2 в Москве 5 июля https://corp.mail.ru/ru/press/events/481/
• KharkivFrontend Summer Conference в Харькове 22 июля https://www.facebook.com/events/214334442504365/
• Фестиваль 404 в Самаре 6–7 октября http://2018.404fest.ru/
• Web Standards Days https://wsd.events/
• wst@web-standards.ru mailto:wst@web-standards.ru

Web Animations API

• Release Notes for Safari Technology Preview 59 https://webkit.org/blog/8332/release-notes-for-safari-technology-preview-59/
• Web Animations in WebKit https://webkit.org/blog/8343/web-animations-in-webkit/
• CSS media query for Mojave’s Dark Mode https://twitter.com/Keithamus/status/1007557906378706944
• Responsive Design for Motion https://webkit.org/blog/7551/responsive-design-for-motion/

Вариативные шрифты

• Вариативные шрифты http://css.yoksel.ru/opentype-variable-fonts/

Keyframes.app

• Keyframes.app https://keyframes.app/

ARIA: …
125. Все события до конца года и впечатления с pitercss_conf от организаторов

18 juni 2018 · 59 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Алексей Симоненко

Гости: Мария Аникеева, Сергей Попов

Темы

00:00:00 Интро
00:00:52 Все события до конца года
00:31:40 Впечатления с pitercss_conf

Все события до конца года

• ChernivtsiJS в Черновцах 23 июня https://chernivtsi.js.org/
• MinskCSS Workshop #1: BEM в Минске 24 июня https://www.facebook.com/events/1948882512088707/
• HighLoad++ Siberia в Новосибирске 25–26 июня http://www.highload.ru/siberia/2018/
• NodeSchool №4 в Новосибирске 30 июня https://www.meetup.com/nodeschool_nsk/events/251039023/
• BeerJS Summit в Минске 30 июня https://www.facebook.com/events/174232359959486/
• OdessaJS в Одессе 6–8 июля http://odessajs.org/
• 404 Camp в Самаре, 27–29 июля http://www.404camp.ru
• ULCamp в Ульяновске 27–29 июля https://2018.ulcamp.ru/
• IT Global Meetup #13 в Питере 28 июля http://piter-united.ru/
• Классический ULCamp 2013 https://www.instagram.com/p/b_O2kyszvq/
• Frontend Conference в Цюрихе 30–31 августа https://www.frontendconf.ch/
• IT-фестиваль TechTrain в Питере 1–2 сентября https://techtrain.ru
• Nordic.js в Стокгольме 6–9 сентября http://nordicjs.com/
• FrontTalks в Екатеринбурге 14–15 сентября http://fronttalks.ru/
• Inhuman UI, Vadim Makeev https://youtu.be/1N4t4xpXhmA
• CSS-Minsk-JS в Минске 21–21 сентября http://css-minsk-js.by/
• FrontendConf в Москве 4–5 октября http://frontendconf.ru/moscow/2018
• KharkivJS в Харькове 5–6 октября https://kharkivjs.org/
• Фестиваль 404 в Самаре 6–7 октября http://2018.404fest.ru/
• HolyJS в Москве 24–25 ноября https://holyjs-moscow.ru/
• JSConf AM в Ереване https://jsconf.am/

Впечатления с pitercss_conf

• Pitercss_conf в Питере 8–9 июня https://pitercss.com/
• Community tickets https://pitercss.com/community
• Инстаграм pitercss_conf https://www.instagram.com/pitercss_conf/
• Pitercss_conf в YouTube https://www.youtube.com/cha…
124. Гитхаб продался, Safari в часах, доступность, сложность кода, cssnext и PostCSS

12 juni 2018 · 1 uur 21 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина

Гости: Андрей Ситник

Темы

00:00:00 Интро
00:00:34 События
00:05:31 Гитхаб продался
00:20:44 Safari в часах
00:38:25 Доступные карточки
00:45:43 Разная сложность кода
00:58:45 Конец cssnext

События

• Pitercss_conf в Питере 8–9 июня https://pitercss.com/
• DEVNSK Frontend Meetup №3 в Новосибирске 16 июня https://www.meetup.com/DEVNSK/events/250059820
• WebDev Meetup #4 в Тольятти 16 июня https://wdmeetup.ru/
• BeerJS Summit в Минске 30 июня https://www.facebook.com/events/174232359959486/

Гитхаб продался

• Microsoft + GitHub = Empowering Developers https://blogs.microsoft.com/blog/2018/06/04/microsoft-github-empowering-developers/
• Microsoft has reportedly acquired GitHub https://www.theverge.com/2018/6/3/17422752/microsoft-github-acquisition-rumors
• Microsoft acquiring GitHub is a good thing. Here’s why https://medium.com/p/6a6a57eb83ac
• What is wrong with Microsoft buying GitHub https://jacquesmattheij.com/what-is-wrong-with-microsoft-buying-github
• Microsoft купила GitHub. Это хорошо? Это плохо? Все испортится? Что будет дальше? https://meduza.io/feature/2018/06/07/microsoft-kupila-github-eto-horosho-eto-ploho-vse-isportitsya-chto-budet-dalshe

Safari в часах

• What’s new in Safari 12 https://developer.apple.com/safari/whats-new/
• Designing Web Content for watchOS https://developer.apple.com/videos/play/wwdc2018/239/
• Web Watch https://timkadlec.com/remembers/2018-06-06-web-watch/
• CSS Round Display L1 https://www.w3.org/TR/css-round-display-1/

Доступные карточки

• Inclusive Components: Cards https://inclusive-components.design/cards/

Разная сложность кода

• CSS Subgrid JS polyfill https://rawgit.com/FremyCompany/css-grid-polyfill/houdini-experiment/bin/demo%5Bsubgrid%5D.html
• SPB Frontend Drinkcast: Грустный https://spb-frontend.ru/podcast/26

Коне…
123. YaC и WWDC, новинки браузеров, CSS, шрифты, await и ES-модули, фулстеки, Яндекс Лэндинги

4 juni 2018 · 1 uur 24 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина, Алексей Симоненко

Темы

00:00:00 Интро
00:00:15 События, YaC и WWDC
00:12:52 Новинки Chrome, Edge и Firefox
00:24:45 Вложенность, calc и CSS-хакеры
00:38:26 Как писать код быстро
00:43:16 Вариативные шрифты
00:48:13 Await и ES-модули
00:57:00 Есть ли зверь фулстек
01:09:24 Яндекс Лэндинги

События, YaC и WWDC

• CodeEvening MeetUP в Нефтекамске 2 июня http://meetup.jlabs.pro/
• North-East FrontEnd Talks в Москве 7 июня https://www.meetup.com/North-East-FrontEnd/events/250912365/
• Pitercss_conf в Питере 8–9 июня https://pitercss.com/
• FrontCon в Риге 14–15 июня https://frontcon.lv
• FreeCodeCamp №20 в Москве 17 июня https://freecodecamp.timepad.ru/event/731580/
• Insider Dev Tour в Питере 27 июня https://insiderdevtour.com/stpetersburg
• YaC: Большие новости большой конференции https://yandex.ru/blog/company/bolshie-novosti-bolshoy-konferentsii
• WWDC 2018 4 июня https://www.apple.com/apple-events/june-2018/

Новинки Chrome, Edge и Firefox

• Chrome 67 https://developers.google.com/web/updates/2018/05/nic67
• Chrome 67: What’s New in DevTools https://youtu.be/4EdPq9Nw6uI
• Edge: WebP in development https://twitter.com/MSEdgeUpdates/status/1001644414677250056
• Can I Use: WebP https://caniuse.com/#feat=webp
• Can I Use: WebM https://caniuse.com/#feat=webm
• Shadow DOM in Firefox Nightly https://twitter.com/FirefoxNightly/status/1001104178146611202
• MDN: Using shadow DOM https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM

Вложенность, calc и CSS-хакеры

• Request to pick up the CSS nesting proposal https://github.com/w3c/csswg-drafts/issues/2701
• Майские новинки CSS http://css-live.ru/vecssti-s-polej/algebra-v-calc-novaya-specifichnost-selektorov-4-urovnya-i-drugie-majskie-novinki-css.html
• CSS is so overpowered it can deanonymize Facebook …
122. Кроссбраузерный Google, TC39, SVG, React, якоря, танцующие скелеты, высокоуровневые API

28 mei 2018 · 1 uur 13 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина

Гости: Алексей Швайка

Темы

00:00:00 Интро
00:01:05 События
00:03:41 Кроссбраузерный Google
00:07:43 Что обсуждал TC39
00:17:39 Генерация SVG
00:29:00 Новинки и проблемы React
00:49:24 Якорь по CSS-селектору
00:57:06 Танцующие скелеты
01:00:57 Высокоуровневые API

События

• Frontend Conf в Москве 28–29 мая http://frontendconf.ru/
• AmsterdamJS в Амстердаме 31 мая–1 июня https://amsterdamjs.com/
• CSSconf EU в Берлине 1 июня https://2018.cssconf.eu/
• JSConf EU в Берлине 2–3 июня https://2018.jsconf.eu/
• Pitercss_conf в Питере 8–9 июня https://pitercss.com/

Кроссбраузерный Google

• Firefox is now supported by Google Hangouts and Meet https://blog.mozilla.org/webrtc/firefox-is-now-supported-by-google-hangouts-and-meet/

Что обсуждал TC39

• TC39 64th meeting https://github.com/tc39/agendas/blob/master/2018/05.md
• Don’t go and actively try to make things harder https://twitter.com/bradleymeck/status/999642756208357376

Генерация SVG

• Dynamic Bézier Curves https://www.joshwcomeau.com/posts/dynamic-bezier-curves
• Cubic Bezier http://cubic-bezier.com/
• Easing Functions https://easings.net/
• KaTeX https://github.com/Khan/KaTeX

Новинки и проблемы React

• React v16.4.0: Pointer Events https://reactjs.org/blog/2018/05/23/react-v-16-4.html
• React-pointable https://github.com/MilllerTime/react-pointable
• React: Web Components https://reactjs.org/docs/web-components.html
• Custom Elements Everywhere https://custom-elements-everywhere.com/
• React is the new jQuery https://twitter.com/SaraSoueidan/status/999645120155746304

Якорь по CSS-селектору

• Supporting CSS selectors when navigating to a URL fragment https://github.com/bryanmcquade/scroll-to-css-selector

Танцующие скелеты

• Real-time Human Pose Estimation in the Browser with TensorFlow.js https://medium.com/p…
121. GDPR, браузеры, CSS и дизайн, движение по кривой, NodeList, CSS-in-JS, устаревание, нессылки

21 mei 2018 · 1 uur 31 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина, Алексей Симоненко

Темы

00:00:00 Интро
00:00:17 События
00:12:08 Что за GDPR
00:16:05 Про браузеры
00:33:18 CSS — это дизайн
00:42:58 Движение по кривой
00:49:36 Все пробелы
00:56:49 Динамический NodeList
01:02:38 Критика CSS-in-JS
01:18:12 Синдром устаревания
01:24:27 Спонсор: нессылки

События

• HolyJS в Питере 19–20 мая https://holyjs-piter.ru/
• React Moscow Meetup 4 в Москве 23 мая https://www.meetup.com/React-Moscow-Meetup/events/250894427/
• YGLF в Киеве 24–25 мая http://yglf.com.ua/
• ReasonDojo в Москве 27 мая https://reason.timepad.ru/event/727210/
• Pitercss_conf в Питере 8–9 июня https://pitercss.com/
• Друзья на Фонтанке 10% http://www.friendsplace.ru/druzya-na-fontanke/
• Виталий Фридман в Питере 10 июня https://htmlacademy.timepad.ru/event/723197/

Про браузеры

• Safari Technology Preview 56 https://webkit.org/blog/8296/release-notes-for-safari-technology-preview-56/
• Камень в лесу https://twitter.com/kamen_v_lesu
• New in Firefox 61: Developer Edition https://hacks.mozilla.org/2018/05/new-in-firefox-61-developer-edition/
• Introducing the Microsoft Edge DevTools Protocol https://blogs.windows.com/msedgedev/2018/05/11/introducing-edge-devtools-protocol/#SuB65ewmGbQ0BZXD.97
• Evolving Chrome’s security indicators https://blog.chromium.org/2018/05/evolving-chromes-security-indicators.html
• Reverting the autoplay block for Web Audio https://twitter.com/DasSurma/status/996521366156464133

CSS — это дизайн

• CSS — это дизайн! https://medium.com/p/5a1b32c55d4
• Веб-дизайнеры, начните верстать! https://medium.com/p/c44fa28b6ad9

Движение по кривой

• Движение по траектории в CSS помимо «большой тройки» свойств http://css-live.ru/articles/dvizhenie-po-traektorii-v-css-pomimo-bolshoj-trojki-svojstv.html

Все пробелы

• Пробелы http://kirillbelyaev.com/all/s…
120. Firefox, Google I/O, кодстайл, JS и Prepack, RTL, тяжёлый лэндинг

14 mei 2018 · 1 uur 16 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Ольга Алексашенко, Вадим Макеев, Мария Просвирнина, Алексей Симоненко

Темы

00:00:00 Интро
00:00:17 События
00:04:51 Firefox 60
00:14:51 Google I/O
00:35:55 Авторитарный кодстайл
00:46:33 Оптимизация JS с Prepack
01:02:46 CSS справа налево
01:09:57 Спонсор выпуска

События

• Pitercss_meetup в Питере 16 мая https://pitercss.timepad.ru/event/719233/
• FreeCodeCamp #19 в Москве 20 мая https://www.facebook.com/events/377045849449717/
• ITsubbotnik в Москве 26 мая https://events.epam.com/events/it-subbotnik-2018-spring
• Frontend Conf в Москве 28–29 мая http://frontendconf.ru/
• ITweekend в Самаре 2–3 июня https://events.epam.com/events/it-weekend-samara
• Pitercss_conf в Питере 8–9 июня https://pitercss.com/
• Мастер-класс Виталия Фридмана 10 июня https://htmlacademy.timepad.ru/event/723197/

Firefox 60

• Firefox 60, Марат Таналин http://tanalin.com/blog/2018/05/firefox-60/
• Firefox 60 for Developers https://developer.mozilla.org/en-US/Firefox/Releases/60
• Firefox 60 – Modules and More https://hacks.mozilla.org/2018/05/firefox-60-modules-and-more/

Google I/O

• Google I/O Developer Roundup: What’s New? https://www.smashingmagazine.com/2018/05/google-io-2018/
• Let’s Encrypt Stats https://letsencrypt.org/stats/
• Using Lighthouse To Improve Page Load Performance https://developers.google.com/web/updates/2018/05/lighthouse
• Announcing Lighthouse 3.0 https://developers.google.com/web/updates/2018/05/lighthouse3
• Lighthouse CI https://github.com/ebidel/lighthouse-ci
• Material Design https://material.io/
• Material Design Gallery https://material.io/tools/gallery/

Авторитарный кодстайл

• Карательные инструменты во фронтенде https://medium.com/p/e5dd05b78b97
• Prettier https://prettier.io/

Оптимизация JS с Prepack

• A Gentle Introduction to Prepack https://gist.github.com/gaearon/d85dccba72b809f56a…
119. Dojo 2 и Edge 17, BigInt, Safari, CSS-меню и подгриды, HTTPS, плохой верстальщик

7 mei 2018 · 1 uur 11 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина, Алексей Симоненко

Темы

00:00:00 Интро
00:00:21 События
00:08:26 Возвращение Dojo
00:16:52 BigInt в JS
00:23:54 Safari почти догнал
00:35:40 CSS-меню и подгриды
00:49:36 HTTPS на GitHub Pages
00:59:04 Ошибки дизайнеров

События

• PiterJS №25 в Питере 10 мая https://medium.com/p/eff54c37b110
• Pitercss_meetup №22 в Питере 16 мая https://pitercss.timepad.ru/event/719233/
• HolyJS Piter в Питере 19–20 мая https://holyjs-piter.ru/
• FrontDays в Тольятти 26 мая https://frontdays.ru/
• Krasnodar Frontend Meetup #3 в Краснодаре 2 июня https://krddevdays.timepad.ru/event/717194/
• ITweekend в Самаре 2–3 июня https://events.epam.com/events/it-weekend-samara
• Google I/O https://events.google.com/io/schedule/

Dojo 2 и Edge 17

• Electron 2 https://electronjs.org/releases#2.0.0
• Angular 6 https://blog.angular.io/version-6-of-angular-now-available-cc56b0efa7a4
• Dojo 2 https://dojo.io/
• What’s new in EdgeHTML 17 https://aka.ms/devguide_edgehtml_17
• Is service worker ready? https://jakearchibald.github.io/isserviceworkerready/

BigInt в JS

• Google Developers: BigInt https://developers.google.com/web/updates/2018/05/bigint
• TC39: BigInt https://github.com/tc39/proposal-bigint

Safari почти догнал

• Release Notes for Safari TP 55 https://webkit.org/blog/8284/release-notes-for-safari-technology-preview-55/
• Visualizing Layers in Web Inspector https://webkit.org/blog/8262/visualizing-layers-in-web-inspector/
• WebExtensions https://developer.mozilla.org/en-US/Add-ons/WebExtensions
• Video Speed Controller https://github.com/igrigorik/videospeed
• Add to Things https://github.com/pepelsbey/add-to-things
• ContentEditable https://github.com/pepelsbey/contenteditable

CSS-меню и подгриды

• Solved With CSS! Dropdown Menus https://css-tricks.com/solved-with-css-dropdown-menus/
•…
118. Node.js и npm, Google Fonts, гриды, ФП или ООП, Habr, самый плохой SPA в интернете

30 april 2018 · 1 uur 8 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина, Алексей Симоненко

Темы

00:00:00 Интро
00:00:14 События
00:11:44 Node.js 10 и npm 6
00:27:34 Google Fonts и HTTPS
00:39:17 Фолбэки для гридов
00:42:31 ФП или ООП
00:53:12 Хабр по-английски
00:57:46 Заголовки для SPA

События

• PiterJS №25 в Питере 10 мая https://medium.com/p/eff54c37b110
• MinskJS Meetup #4 в Минске 24 мая https://minskjs.timepad.ru/event/606211/
• Front-Trends в Варшаве 24–25 мая https://2018.front-trends.com/
• YGLF в Киеве 24–25 мая http://yglf.com.ua/
• Frontend Conf в Москве 28–29 мая http://frontendconf.ru/moscow-rit/2018
• Pitercss_conf в Питере 8–9 июня https://pitercss.com/
• React Ekaterinburg https://react-ekaterinburg.confetti.events

Node.js 10 и npm 6

• The Node.js Project Introduces Latest Release Line: Node.js 10.x https://medium.com/p/bf07abfa9076
• Announcing npm@6 https://medium.com/p/5d0b1799a905

Google Fonts и HTTPS

• Google Webfonts Helper https://google-webfonts-helper.herokuapp.com/
• Google Security: Distrust of the Symantec PKI https://security.googleblog.com/2018/03/distrust-of-symantec-pki-immediate.html
• How HTTPS works https://howhttps.works/

Фолбэки для гридов

• Grid to Flex http://www.gridtoflex.com/

ФП или ООП

• Можно ли избежать функционального программирования? https://medium.com/p/c1e812533f6

Хабр по-английски

• Habrahabr.ru → habr.com https://habr.com/p/93946/

Заголовки для SPA

• Managing Heading Levels In Design Systems https://medium.com/p/18be9a746fa3
• Самый плохой SPA в интернете http://www.specphoto.ru/

Читайте новости

• 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 htt…
117. Sketch в Avocode, ES, флоаты, флексы и гриды, кастомные формы, стиль кода в React, прокрутка

23 april 2018 · 52 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина

Темы

00:00:00 Интро
00:02:27 События
00:05:06 Sketch в Avocode
00:10:38 Новые операторы в ES
00:20:39 Флоаты, флексы и гриды
00:32:56 Кастомные элементы форм
00:37:13 Стиль кода в React
00:43:35 Трюки с прокруткой

События

• React Finland в Хельсинки 24–26 апреля https://react-finland.fi/
• JavaScript Party в Новосибирске 24 апреля https://events.yandex.ru/events/meetings/24-april-2018/
• Pitercss_meetup в Питере 26 апреля https://pitercss.timepad.ru/event/700532/
• Fronteers в Амстердаме 4–5 октября https://fronteers.nl/congres/2018
• Pitercss_conf в Питере 8–9 июня https://pitercss.com/

Sketch в Avocode

• Open and inspect Sketch designs on Windows, Linux, and macOS https://medium.com/p/458bbe1b166e

Новые операторы в ES

• Операторы ?., ?? и |>, которые вам понравятся https://habr.ru/p/353446/

Флоаты, флексы и гриды

• How browsers position floats https://float-layout.glitch.me/
• Flexbugs https://github.com/philipwalton/flexbugs
• A Collection of Interesting Facts about CSS Grid Layout https://css-tricks.com/collection-interesting-facts-css-grid-layout/
• Another Collection of Interesting Facts About CSS Grid https://css-tricks.com/another-collection-of-interesting-facts-about-css-grid/
• HTML Шорты: Сокращённые свойства https://htmlacademy.ru/shorts/2

Кастомные элементы форм

• API for submitting custom elements https://twitter.com/notwaldorf/status/984357067493445632

Стиль кода в React

• React Code Style Guide https://css-tricks.com/react-code-style-guide/
• React Patterns https://reactpatterns.com/
• react-bits https://github.com/vasanthk/react-bits
• react-in-patterns https://github.com/krasimir/react-in-patterns

Трюки с прокруткой

• Scroll to the future https://evilmartians.com/chronicles/scroll-to-the-future-modern-javascript-css-scrolling-implementa…
116. CSS и доступность, TDD, все недовольны W3C, сервис-воркеры, гриды и новый дизайн

16 april 2018 · 42 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Ольга Алексашенко, Вадим Макеев, Мария Просвирнина

Темы

00:00:00 Интро
00:01:37 События
00:04:16 CSS и дерево доступности
00:12:41 Разработка по TDD
00:22:05 Все недовольны W3C
00:24:30 Зачем сервис-воркеры
00:32:04 Гриды и новый дизайн

События

• UralJS #7 в Екатеринбурге 19 апреля https://uraljs.timepad.ru/event/699986/
• FRONTday #8 в Челябинске 20 апреля https://meetup.house/frontday/
• EPAM INSIDER в Нижнем Новгороде 21 апреля https://events.epam.com/events/insider_nn
• OrelJS Meetup в Орле 21 апреля http://oreljs.ru/
• Я.Субботник в Москве 21 апреля https://events.yandex.ru/events/yasubbotnik/21-Apr-2018/
• Pitercss_meetup №21 в Питере 26 апреля https://pitercss.timepad.ru/event/700532/
• Pitercss_conf в Петербурге 8–9 июня https://pitercss.com/

CSS и дерево доступности

• Feature Queries Manager https://github.com/ireade/feature-queries-manager
• Just had a play with Firefox A11y Tree viewer https://twitter.com/hdv/status/983439670741749760
• Introducing the A11y Inspector in the Firefox DevTools https://www.marcozehe.de/2018/04/11/introducing-the-accessibility-inspector-in-the-firefox-developer-tools/

Разработка по TDD

• Крестики-нолики по TDD https://bespoyasov.ru/ttt-tdd/
• Итальянская забастовка https://ru.wikipedia.org/wiki/%D0%98%D1%82%D0%B0%D0%BB%D1%8C%D1%8F%D0%BD%D1%81%D0%BA%D0%B0%D1%8F_%D0%B7%D0%B0%D0%B1%D0%B0%D1%81%D1%82%D0%BE%D0%B2%D0%BA%D0%B0

Все недовольны W3C

• Everyone formally object to the advancement of the W3C fork https://twitter.com/domenic/status/984489226069737472
• Противостояние W3C и WHATWG https://habrahabr.ru/post/353514/
• Changing the copyright license for Living Standards https://blog.whatwg.org/copyright-license-change

Зачем сервис-воркеры

• Генерация страниц сайта средствами сервис-воркеров https://habrahabr.ru/p/353232/

Гриды и новый дизайн

• Whites…
115. Safari и Chrome, Ruby Sass всё, логические свойства, доступные таблицы, классы и const в JS

9 april 2018 · 1 uur 3 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина

Гости: Игорь Алексеенко

Темы

00:00:00 Интро
00:01:00 События
00:02:13 Новинки Safari и Chrome
00:15:35 Ruby Sass всё
00:20:09 Логические CSS-свойства
00:28:47 Доступные таблицы
00:41:59 Неправильные классы и const в JS

События

• BeerJS #1 в Челябинске 12 апреля https://github.com/beerjs/chelyabinsk/issues/1
• Pitercss_meetup №21 в Питере 26 апреля https://pitercss.timepad.ru/event/700532/
• Pitercss_meetup №22 в Питере 16 мая https://pitercss.timepad.ru/
• Moscowcss в Москве 15 мая https://moscowcss.timepad.ru/event/699186/

Новинки Safari и Chrome

• Safari TP 53 https://webkit.org/blog/8179/release-notes-for-safari-technology-preview-53/
• Introducing the Payment Request API for Apple Pay https://webkit.org/blog/8182/introducing-the-payment-request-api-for-apple-pay/
• Present web pages to secondary attached displays https://developers.google.com/web/updates/2018/04/present-web-pages-to-secondary-attached-displays
• Let’s play with Chrome’s Face Detection API https://medium.com/p/ca13017a958f

Ruby Sass всё

• Ruby Sass is Deprecated http://sass.logdown.com/posts/7081811

Логические CSS-свойства

• Understanding Logical Properties And Values https://www.smashingmagazine.com/2018/03/understanding-logical-properties-values/
• PostCSS-RTL https://github.com/vkalinichev/postcss-rtl

Доступные таблицы

• Data Tables https://inclusive-components.design/data-tables/

Неправильные классы и const в JS

• Классы и фабричные функции в JS. Что выбрать? https://habr.ru/p/352198/
• Задолбало противопоставление хренова const чёртову let http://css-live.ru/articles/kak-menya-zadolbalo-protivopostavlenie-xrenova-const-chertovu-let.html
• Const в JS делает свою работу правильно! https://medium.com/p/b346353d9cce

Читайте новости

• Telegram https://t.me/webstandards_ru
• X https:/…
114. 20 лет Mozilla, CSS и W3C, display contents, ES-модули, WebStorm, React, V8 и Node.js

2 april 2018 · 1 uur 34 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина, Алексей Симоненко

Темы

00:00:00 Интро
00:00:57 События
00:03:29 Safari 11.1 и 20 лет Mozilla
00:21:11 Спеки CSS и доверие к W3C
00:34:21 Нюансы display: contents
00:36:47 Выравнивание текста
00:42:24 ES-модули уже здесь
00:52:52 Новинки WebStorm
01:05:15 React v16.3.0
01:08:42 V8 и веб-сокеты в Node.js
01:16:28 Картина отрасли

События

• Фронтенд-митап Райффайзенбанка в Москве 28 марта https://raiffeisen-events.timepad.ru/event/689550/
• Tinkoff Angular Meetup в Москве 4 апреля https://meetup.tinkoff.ru/events/9-angular-meetup
• Nsk Tech Talks #2 в Новосибирске 5 апреля https://eventskbkontur.timepad.ru/event/687960/
• BEMup для новичков в Москве 8 апреля https://events.yandex.ru/events/bemup/08-Apr-2018/
• SPA Meetup #4 в Москве 7 апреля https://moscow-spa.timepad.ru/event/692653/
• React Amsterdam в Амстердаме 13 апреля https://react.amsterdam/
• React Finland в Хельсинки 24–26 апреля https://react-finland.fi/

Safari 11.1 и 20 лет Mozilla

• What’s New in Safari 11.1 https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_11_1.html
• Progressive Web Apps on iOS are here https://medium.com/p/d00430dee3a7
• Safari 11.1 displays Website Not Secure on HTTP login pages https://twitter.com/vcsjones/status/979531944504561664
• Stable Browser font-display alert https://twitter.com/zachleat/status/979480256196366338
• Веб-истории: Браузерные войны https://marinin.xyz/webstories/s01e03/
• IRL Podcast https://irlpodcast.org/

Спеки CSS и доверие к W3C

• CSS-2018: каким возможностям дать «зелёный свет» http://css-live.ru/vecssti-s-polej/css-2018-w3c-vybiraet-kakim-vozmozhnostyam-pora-dat-zelenyj-svet.html

Нюансы display: contents

• How display: contents Works https://bitsofco.de/how-display-contents-works/

Выравнивание текста

• …
113. Браузеры и буфер обмена, дизайн для верстальщиков, рецепты Vue.js и JS-курсы, AMP

26 maart 2018 · 55 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Ольга Алексашенко, Вадим Макеев, Мария Просвирнина

Темы

00:00:00 Интро
00:00:15 События
00:02:54 Новинки браузеров
00:19:01 Дизайн для верстальщиков
00:26:20 Vue.js и курсы по JS
00:35:46 Что такое AMP

События

• Pitercss_meetup в Питере 27 марта https://pitercss.timepad.ru/event/679895/
• RamblerFront& #4 в Москве 29 марта https://rambler-co-e-org.timepad.ru/event/687022/
• FRONTday #7 30 марта в Челябинске https://meetup.house/frontday/
• KharkivFrontend Meetup #_3 в Харькове 1 апреля http://kharkivfrontend.org/
• PiterJS №24 в Питере 11 апреля https://meetabit.com/events/piterjs-24

Новинки браузеров

• Safari Technology Preview 52 https://webkit.org/blog/8165/release-notes-for-safari-technology-preview-52/
• Clipboard API Improvements https://webkit.org/blog/8170/clipboard-api-improvements/
• Unblocking Clipboard Access https://developers.google.com/web/updates/2018/03/clipboardapi
• Chrome 66 Beta https://blog.chromium.org/2018/03/chrome-66-beta-css-typed-object-model.html

Дизайн для верстальщиков

• Optical adjustments in components https://medium.com/p/a7f1f8655e0
• Google Material Design: Color https://material.io/guidelines/style/color.html

Рецепты Vue.js и JS-курсы

• Vue.js Cookbook https://vuejs.org/v2/cookbook/
• Видео с Vue.js Moscow Meetup #1 https://youtu.be/h9NQs0SEVoA?t=655
• Автор интенсивных курсов по JS в HTML Academy https://moikrug.ru/vacancies/1000041017
• Старикам здесь не место? https://youtu.be/ISmD4Lik5oY
• Новый курс «JavaScript в браузере» https://htmlacademy.ru/courses/219
• Бесплатный курс «Знакомство с JavaScript» https://htmlacademy.ru/courses/207

Что такое AMP

• Accelerated Mobile Pages https://www.ampproject.org/
• How Fast Is Amp Really? https://timkadlec.com/remembers/2018-03-19-how-fast-is-amp-really/
• Standardizing lessons learned from AMP https://amphtm…
112. Firefox 59, SEO и JS, Webpack без SPA, Гудини для CSS, сортировка DOM, шрифты

19 maart 2018 · 58 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Мария Просвирнина

Гости: Зарема Халилова

Темы

00:00:00 Интро
00:05:15 События
00:08:24 Новинки Firefox 59
00:13:48 SEO для JS
00:27:59 Webpack без SPA
00:37:59 Гудини для CSS
00:45:57 Сортировка DOM
00:51:19 Шрифты без лишнего

События

• SECON в Пензе 16–17 марта https://2018.secon.ru/
• YGLF в Киеве 24–25 мая http://yglf.com.ua/
• 15% скидка на YGLF: wstspring

Новинки Firefox 59

• Firefox 59 http://tanalin.com/blog/2018/03/firefox-59/

SEO для JS

• Руководство по SEO JS-сайтов: Интернет глазами Google https://habr.ru/p/350976/
• Руководство по SEO JS-сайтов: Проблемы, эксперименты и рекомендации https://habr.ru/p/351058/
• Features not supported by Google bot https://twitter.com/ebidel/status/973306463081738240

Webpack без SPA

• Простой статический сайт на Webpack 4 https://habr.ru/p/350886/

Гудини для CSS

• Say Hello to Houdini and the CSS Paint API https://codersblock.com/blog/say-hello-to-houdini-and-the-css-paint-api/

Сортировка DOM

• DOM API for sorting siblings https://github.com/whatwg/dom/issues/586

Шрифты без лишнего

• It’s Dangerous to Go Stallone. Take Glyphhanger https://www.filamentgroup.com/lab/glyphhanger/

Читайте новости

• 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/
111. Подкасты, Chrome 65, случайность, смушгейт и MooTools, Webpack и Make, CSSO, зачем PWA

12 maart 2018 · 1 uur 9 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Ольга Алексашенко, Вадим Макеев, Мария Просвирнина

Гости: Артур Столяр

Темы

00:00:00 Интро
00:00:42 События
00:03:20 Новые подкасты
00:07:20 Новинки Chrome 65
00:14:32 Надёжная случайность
00:21:45 Смушгейт и MooTools
00:28:28 Webpack и Make
00:37:19 История CSSO
00:42:54 Кому нужны PWA

События

• PiterJS №23 в Питере 17 марта https://meetabit.com/events/piterjs-23
• MinskCSS Meetup 4 в Минске 22 марта https://minskcss.timepad.ru/event/606207/
• SPB Angular Meetup в Питере 22 марта https://meetup.tinkoff.ru/events/spb-angular-meetup
• Pitercss_meetup №20 в Питере 27 марта https://pitercss.timepad.ru/event/679895/
• FRONTday #7 в Челябинске 30 марта https://meetup.house/frontday/
• ChernivtsiJS в Черновцах 23 июня https://chernivtsi.js.org/

Новые подкасты

• Веб-истории https://marinin.xyz/webstories/
• Code https://codepodcast.com/ и фичер https://youtu.be/GdosqnaCkqI

Новинки Chrome 65

• What’s new in Chrome 65 https://youtu.be/_W4GSpoSOZI

Надёжная случайность

• Случайные числа не случайны https://medium.com/p/252e08e60828

Смушгейт и MooTools

• Rename flatten to smoosh https://github.com/tc39/proposal-flatMap/pull/56

Webpack и Make

• On-Demand-Loading of separated CSS https://twitter.com/wSokra/status/970253245733113856
• The Lost Art of the Makefile http://www.olioapps.com/blog/the-lost-art-of-the-makefile/

История CSSO

• История оптимизатора CSSO: Начало https://felixit.blog/2018/03/04/istoria-csso-nachalo/
• История оптимизатора CSSO: Продолжение https://felixit.blog/2018/03/04/istoria-csso-prodolzhenie/
• История оптимизатора CSSO: Завершение https://felixit.blog/2018/03/05/istoria-csso-zavershenie/
• История оптимизатора CSSO: Выводы https://felixit.blog/2018/03/05/istoria-csso-vyvody/
• CSS глазами машин https://youtu.be/c2Sw5gmOwmE

Кому нужны PWA

Читайте новости

• Telegram htt…
110. Дизайнерам, CSS-переменные, опасный CSS, выражения от контейнера, Webpack, Dart 2.0

5 maart 2018 · 1 uur 17 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Ольга Алексашенко, Вадим Макеев, Мария Просвирнина

Гости: Евгений Гусев

Темы

00:00:00 Интро
00:01:07 События
00:03:53 Для дизайнеров
00:07:21 Зачем CSS-переменные
00:22:06 Очень опасный CSS
00:27:31 Выражения от контейнера
00:36:10 Webpack быстрее на 146%
00:46:50 Перезапуск Dart 2.0

События

• PiterJS №23 в Питере 17 марта https://meetabit.com/events/piterjs-23
• Epam JavaScript Meetup в Питере 20 марта https://events.epam.com/events/js-meetup-spb
• Pitercss_meetup №20 в Питере 27 марта https://pitercss.timepad.ru/

Для дизайнеров

• Полезное дизайнеру и разработчику https://habrahabr.ru/post/350350/

Зачем CSS-переменные

• Изучите CSS-переменные за 5 минут https://medium.com/p/3a5dc6193857
• Learn CSS Variables for free https://scrimba.com/g/gcssvariables
• Stunning hover effects with CSS variables https://medium.com/p/f855e7b95330
• Время переменных https://medium.com/p/429d9dc4499
• Google Search crawler is based on Chrome 41 https://twitter.com/ebidel/status/968989651888295936
• PageSpeed Insights https://developers.google.com/speed/pagespeed/insights/
• Browserslist https://github.com/ai/browserslist

Очень опасный CSS

• Сторонний CSS небезопасен http://css-live.ru/articles-css/storonnij-css-nebezopasen.html

Выражения от контейнера

• Решение проблемы выражений от контейнера http://css-live.ru/javascript/otzyvchivye-komponenty-reshenie-problemy-vyrazhenij-ot-kontejnera.html

Webpack быстрее на 146%

• Webpack 4: released today https://medium.com/p/6cdb994702d4

Перезапуск Dart 2.0

• Анонс Dart 2.0 https://habrahabr.ru/company/wrike/blog/349790/
• Список ресурсов русскоязычного сообщества Dart https://gist.github.com/bunopus/3c8cc4b950cbcafd61b195a1fbeab6ad

Читайте новости

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Fac…
109. События и завтраки, движки, npm и yarn, гриды, шрифты, устаревшие рекомендации, опасные алиасы

26 februari 2018 · 1 uur 20 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Мария Просвирнина, Вадим Макеев, Алексей Симоненко

Темы

00:00:00 Интро
00:02:52 Где нас слушать
00:07:01 События и завтраки
00:18:11 Старые и новые движки
00:29:48 Npm догнал yarn
00:41:31 Гриды на пустом месте
00:45:53 Кастомные или системные шрифты
00:53:44 Устаревшие рекомендации
01:07:29 Опасные алиасы в консоли

Где нас слушать

• SoundCloud https://soundcloud.com/web-standards
• RSS-фид https://web-standards.ru/podcast/feed/
• iTunes для Windows и macOS https://www.apple.com/lae/itunes/
• Pocket Casts для iOS, Android и браузера https://www.shiftyjelly.com/pocketcasts/
• Podcasts для iOS https://itunes.apple.com/us/app/podcasts/id525463029
• Overcast для iOS https://overcast.fm/
• Castbox для Android https://castbox.fm/

События и завтраки

• OdessaFrontend Code в Одессе 28 февраля http://odessafrontend.com/
• MoscowJS в Москве 1 марта https://moscowjs.timepad.ru/event/669032/
• Необычный Javascript в Нижнем Новгороде 1 марта https://www.mera.ru/career/calendar/struktury-dannykh-funktsionalnogo-programmirovaniia-i-sovremennyi-js
• FrankenJS Meetup в Нюрнберге 19 марта http://www.frankenjs.org/angular-and-beyond/
• Moscow Vue.js Meetup в Москве 22 марта https://www.meetup.com/vue-js-moscow/
• Web Not Bombs: Morning Talks в Минске 25 марта https://www.facebook.com/events/552606201766123/
• Pitercss_conf в Петербурге 8—9 июня https://pitercss.com/

Старые и новые движки

• Safari: Introducing Storage Access API https://webkit.org/blog/8124/introducing-storage-access-api/
• Браузер != Браузерный движок https://habrahabr.ru/post/349512/

Npm догнал yarn

• npm 5.7.0 http://blog.npmjs.org/post/171139955345/v570
• Critical Linux filesystem permissions are being changed https://github.com/npm/npm/issues/19883

Гриды на пустом месте

• Styling Empty Cells With Generated Content https://www.smashingmaga…
108. Новый фид, вёрстка, зарплата, PWA на десктопе, ES3000, Vue.js вместо jQuery, Node.js 10

19 februari 2018 · 1 uur 16 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Мария Просвирнина, Вадим Макеев, Алексей Симоненко

Темы

00:00:00 Интро
00:00:14 События
00:08:04 Новый фид подкаста
00:11:46 Эксперименты и основы вёрстки
00:20:51 Перегретая зарплата
00:30:12 PWA на десктопе
00:46:02 ECMAScript 3000
01:00:15 Vue.js вместо jQuery
01:11:30 Node.js 10

События

• БЭМап в Москве 2 марта https://events.yandex.ru/events/bemup/02-march-2018/
• Дизайн-перемена Яндекса https://yandex.ru/peremena/
• SPB Frontend в Питере 21 февраля https://spb-frontend-events.timepad.ru/event/664476/
• React Amsterdam в Амстердаме 13 апреля https://react.amsterdam/
• FreeCodeCamp в Москве 18 февраля https://www.facebook.com/events/2085610388327638/

Новый фид подкаста

• Новый RSS-фид https://web-standards.ru/podcast/feed/
• Репозиторий подкаста https://github.com/web-standards/podcast

Эксперименты и основы вёрстки

• Variable Order http://kizu.ru/en/blog/variable-order/
• Ссылки против кнопок в веб-приложениях http://css-live.ru/articles/ssylki-protiv-knopok-v-sovremennyx-veb-prilozheniyax.html
• Styling Links https://css-tricks.com/css-basics-styling-links-like-boss/
• Font Fallback https://css-tricks.com/css-basics-fallback-font-stacks-robust-web-typography/
• Multiple Backgrounds https://css-tricks.com/css-basics-using-multiple-backgrounds/
• Second S in CSS https://css-tricks.com/css-basics-second-s-css/
• Fallback Colors https://css-tricks.com/css-basics-using-fallback-colors/

Перегретая зарплата

PWA на десктопе

• PWA on Desktop https://justmarkup.com/log/2018/02/pwa-on-desktop/
• Welcoming PWA to Edge and Windows 10 https://blogs.windows.com/msedgedev/2018/02/06/welcoming-progressive-web-apps-edge-windows-10/

ECMAScript 3000

• ECMAScript 2018 RC https://tc39.github.io/ecma262/2018/
• Async iterators and generators https://jakearchibald.com/2017/async-iterators-and-generators/
• …
107. CSS на JS в Chrome, HTTPS и SEO, сервис-воркеры в Safari, маркетинг CSS, собеседования

12 februari 2018 · 1 uur 24 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Алексей Симоненко

Гости: Юрий Федоренко

Темы

00:00:00 Интро
00:02:03 События
00:07:16 CSS на JS в Chrome
00:21:56 HTTPS и SEO
00:31:39 Сервис-воркеры в Safari
00:35:55 Маркетинг CSS
00:43:06 Собеседования

События

• KharkivFrontend Meetup #2 в Харькове 17 февраля http://kharkivfrontend.org/
• Frontend Conference в Цюрихе 30–31 августа https://www.frontendconf.ch/
• PiterJS в Питере 15 февраля и 17 марта https://meetabit.com/communities/piterjs
• NodeSchool в Питере 17 февраля и 24 марта https://github.com/nodeschool/spb
• SPB Frontend в Питере 21 февраля https://vk.com/spb_frontend
• Календарь событий по фронтенду https://github.com/web-standards/calendar
• OdessaFrontend http://odessafrontend.com/

CSS на JS в Chrome

• Chrome 65 Beta https://blog.chromium.org/2018/02/chrome-65-beta-css-paint-api-and.html
• Circle Chart https://vitaliy-bobrov.github.io/css-paint-demos/circle-chart/

HTTPS и SEO

• A secure web is here to stay https://security.googleblog.com/2018/02/a-secure-web-is-here-to-stay.html
• Not Secure warnings for HTTP in Firefox 59+ https://twitter.com/ttaubert/status/961874461195755525
• Analyse your HTTP response headers https://securityheaders.io/

Сервис-воркеры в Safari

• Release Notes for Safari TP 49 https://webkit.org/blog/8088/release-notes-for-safari-technology-preview-49/
• Workers at Your Service https://webkit.org/blog/8090/workers-at-your-service/

Маркетинг CSS

• Mozilla: Your CSS Wishlist? https://qsurvey.mozilla.com/s3/css-wishlist-2018
• Firefox Platform Status https://platform-status.mozilla.org/
• WebKit Feature Status https://webkit.org/status/
• Chrome Platform Status https://www.chromestatus.com/features
• Microsoft Edge Developer https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer

Собеседования

• Компьютерная школа Hillel https:/…
106. Америка, фронтенд и боль, цикличность в CSS, история флексов, PWA в Safari, как случился Edge

5 februari 2018 · 1 uur 23 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Алексей Симоненко

Гости: Алекс Могилевский

Темы

00:00:00 Интро
00:02:40 События
00:07:16 Возвращение из Америки
00:12:58 Фронтенд и боль
00:22:24 Цикличность в CSS
00:41:04 История флексов
00:51:53 PWA в Safari
01:02:24 Как случился Edge

События

• AmsterdamJS в Амстердаме 1 июня https://amsterdamjs.com/
• Почта wst@web-standards.ru mailto:wst@web-standards.ru, тема AmsterdamJS
• JS Party в Новосибирске 13 февраля https://events.yandex.ru/events/meetings/13-february-2018/
• PiterJS #22 в Питере 15 февраля https://meetabit.com/events/piterjs-22
• RND.JS #5 в Ростове-на-Дону 18 февраля https://it61.info/events/2018-02-18-rnd-js-5-257
• ngVikings в Эспоо 1–2 марта https://ngvikings.org/
• Moscowcss 7 в Москве 6 марта https://moscowcss.timepad.ru/
• JS Fest в Киеве 30–31 марта http://jsfest.com.ua/
• React Finland в Хельсинки 24–26 апреля https://react-finland.fi/

Возвращение из Америки

Фронтенд и боль

• Фронтенд — это не больно! https://bespoyasov.ru/front-not-pain/

Цикличность в CSS

• Circularity and Container Queries https://github.com/WICG/cq-usecases/wiki/Circularity-and-Container-Queries
• CSS Module Timelines https://meyerweb.com/eric/css/timelines/
• CSSWG FAQ https://wiki.csswg.org/faq

История флексов

• Flexible Box Layout Module, 2009 https://www.w3.org/TR/2009/WD-css3-flexbox-20090723/

PWA в Safari

• PWA on iOS: Cupertino, we have a problem https://medium.com/p/2ff49fd7d6ea

Как случился Edge

• Всё про Edge https://edge.ms/

Читайте новости

• 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/
105. Новинки браузеров, Bootstrap 4, WebStorm и CSS, БЭМ, атрибут title, выражения от контейнера

29 januari 2018 · 1 uur 2 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Ольга Алексашенко, Вадим Макеев

Гости: Мария Просвирнина

Темы

00:00:00 Интро
00:01:13 События
00:04:11 Браузеры
00:21:52 Bootstrap 4
00:28:04 WebStorm и CSS
00:34:14 БЭМ для начинающих
00:44:03 Ненужный атрибут title
00:50:17 Выражения от контейнера
00:54:59 Веб-стандарты на Литресе
00:57:21 Миру мир

События

• SPB Frontend Drinkup в Питере 30 января https://vk.com/wall-76088560_1373
• Три видео с MinskJS https://www.youtube.com/playlist?list=PL-whh3wS8xsIYbyxR513W3NXU-VJIxxFq
• Ha.js в Хабаровске 3 февраля https://hajs.ru/
• UralJS в Екатеринбурге 8 февраля https://habr.ru/p/347502/
• AmsterdamJS в Амстердаме 1 июня https://amsterdamjs.com/

Браузеры

• Safari 11.1 https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_11_1.html
• Betas of iOS 11.3 and macOS 10.13.4 are out https://mobile.twitter.com/rmondello/status/956256697969909760
• Firefox 58, Марат Таналин http://tanalin.com/blog/2018/01/firefox-58/
• The Quantum Era Continues https://hacks.mozilla.org/2018/01/firefox-58-the-quantum-era-continues/
• New in Chrome 64 https://youtu.be/y5sb-icqOyg
• Watch your back, Browser! You’re being observed https://youtu.be/a8M6nB7jKXY

Bootstrap 4

• Bootstrap 4 http://blog.getbootstrap.com/2018/01/18/bootstrap-4/
• Should I try to use the IE implementation of CSS Grid Layout? https://rachelandrew.co.uk/archives/2016/11/26/should-i-try-to-use-the-ie-implementation-of-css-grid-layout/

WebStorm и CSS

• WebStorm 2018.1 https://blog.jetbrains.com/webstorm/2018/01/webstorm-2018-1-eap/

БЭМ для начинающих

• БЭМ для начинающих https://medium.com/p/1a21d67cf840

Ненужный атрибут title

• The Trials and Tribulations of the Title Attribute https://www.24a11y.com/2017/the-trials-and-tribulations-of-the-title-attribute/

Выражения от контейнера

• Use Cases and Require…
104. Селектор matches, гриды, нейровёрстка,, согласие по main, JS-модули, шортики и уважение

22 januari 2018 · 1 uur 18 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко

Темы

00:00:00 Интро
00:00:35 События
00:03:44 Селектор matches
00:05:11 Гриды для бизнеса
00:31:17 Нейровёрстка
00:45:16 Согласие по main
00:49:32 Общие JS-модули
00:54:32 Шортики и уважение

События

• pitercss_meetup №18 в Питере 24 января https://pitercss.timepad.ru/event/642039/
• WSD в Москве 3 февраля https://wsd.events/2018/02/03/
• MinskJS в Минске 25 января https://minskjs.timepad.ru/event/606146/
• Rolling Scopes в Минске 10–11 февраля https://2018.conf.rollingscopes.com/
• Frontend Meetup №1 в Новосибирске 3 февраля https://www.meetup.com/DEVNSK/events/246962197/
• CodeFest в Новосибирске 31 марта—1 апреля https://2018.codefest.ru/
• NodeSchool SPb в Питере 17 февраля https://github.com/nodeschool/spb/issues/64
• DUMP и FrontTalks в Екатеринбурге 13 апреля http://dump-conf.ru/section/35/

Селектор matches

• Complex CSS Selectors Inside Selectors https://webkit.org/blog/3615/css-selectors-inside-selectors-discover-matches-not-and-nth-child/

Гриды для бизнеса

• Learn all about CSS Grid https://cssgrid.io/
• Layout Land: Season One https://www.youtube.com/playlist?list=PLbSquHt1VCf2Y4UEiaGjAOxuTXzo5iyZA
• CSS Grid + CSS Multi-Columns https://medium.com/p/7664f59bb60c
• Профессиональный HTML и CSS 2 уровня https://htmlacademy.ru/intensive/adaptive

Нейровёрстка

• Turning Design Mockups Into Code With Deep Learning https://blog.floydhub.com/turning-design-mockups-into-code-with-deep-learning/

Согласие по main

• Restrict the main element to be used once https://github.com/whatwg/html/pull/3354
• Consider aligning main element definition https://github.com/whatwg/html/issues/100

Общие JS-модули

• ESM modules in node: npm edition https://gist.github.com/ceejbot/b49f8789b2ab6b09548ccb72813a1054

Шортики и уважение

• Шортики по ReactJS htt…
103. Интерфейсы, точка с запятой в JS, выравнивание в CSS, SVG, проекты, фронтендер в Берлине

15 januari 2018 · 1 uur 43 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев

Гости: Андрей Саломатин

Темы

00:00:00 Интро
00:02:13 События
00:05:39 Браузеры и интерфейсы
00:29:57 Что-то помню, где искать?
00:32:46 Точка с запятой в JS
00:43:54 Выравнивание в CSS
01:02:47 Трюки Сары с SVG
01:07:57 Управление проектами
01:24:38 Фронтендер в Берлине

События

• PiterJS в Питере 18 января https://meetabit.com/events/piterjs-21
• Я.Субботник в Нижнем Новгороде 20 января https://events.yandex.ru/events/yasubbotnik/20-Jan-2018/
• Pitercss_meetup в Питере 24 января https://pitercss.timepad.ru/event/642039/
• MinskJS в Минске 25 января https://minskjs.timepad.ru/event/606146/
• WSD в Москве 3 февраля https://wsd.events/2018/02/03/

Браузеры и интерфейсы

• Intent to Implement :matches() https://groups.google.com/a/chromium.org/d/msg/blink-dev/kqD_G4sxfZE/6CJM01X2BwAJ
• Enable Custom Elements v1 https://bugzilla.mozilla.org/1406825
• Enable script type="module" https://bugzilla.mozilla.org/1428002
• Building Bridges, WarsawJS https://youtu.be/mXfMtbeYfA4
• Code Podcast: Don’t make me write UI! https://soundcloud.com/podcastcode/6-dont-make-me-write-ui
• CSS Houdini https://github.com/w3c/css-houdini-drafts/wiki

Что-то помню, где искать?

• Телеграм https://telegram.me/webstandards_ru

Точка с запятой в JS

• Hazard of Automatic Semicolon Insertion https://github.com/tc39/ecma262/pull/1062
• Prettier https://prettier.io/
• JavaScript Standard Style https://github.com/standard/standard
• Airbnb JavaScript Style Guide https://github.com/airbnb/javascript

Выравнивание в CSS

• Demystifying CSS alignment https://medium.com/p/2d3ea7a02a36

Трюки Сары с SVG

• Optimizing SVG Text & Image Delivery with Inline SVG https://www.sarasoueidan.com/blog/optimizing-svg-delivery-with-svg/
• Cropping & Scaling Images Using SVG Documents http://www.sarasoueidan.com/blog/svg-object-fit/

У…
102. Эксперименты с CSS, Хаяку на JS, как развиваются спецификации CSS, стили в компонентном стеке

9 januari 2018 · 1 uur 23 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев

Гости: Роман Комаров

Темы

00:00:00 Интро
00:01:59 События
00:04:12 Эксперименты с CSS
00:44:30 Развитие спецификаций
01:08:32 Компонентный CSS

События

• Pitercss_meetup №18 в Питере 24 января https://pitercss.timepad.ru/event/642039/
• WSD в Москве 3 февраля https://wsd.events/2018/02/03/
• AmsterdamJS в Амстердаме 1 июня https://amsterdamjs.com/

Эксперименты с CSS

• Бесчеловечные эксперименты над CSS https://youtu.be/fas7NHBe3BQ
• Инструменты для экспериментов https://wsd.events/2011/12/13/pres/css-experiments/
• Flexible Overflow http://kizu.ru/en/blog/flexible-overflow/
• Counters and Stones http://kizu.ru/en/blog/counters-and-stones/
• Castle of Sinister Sorcerers https://wsd.events/2011/10/29/pres/wars/castle/
• Zen Coding 2.0. Концепт https://pepelsbey.net/2009/04/zen-coding-concept/
• Hayaku http://hayakubundle.com/

Развитие спецификаций

• Математика CSS-шлюзов https://habr.ru/p/315196/
• Re-adding min() and max()? https://github.com/w3c/csswg-drafts/issues/544
• Native interpolation function in CSS https://github.com/w3c/csswg-drafts/issues/581
• CSS conic-gradient() polyfill https://leaverou.github.io/conic-gradient/
• Change the pointer cursor to indicate any interactive element https://github.com/w3c/csswg-drafts/issues/1936
• Move to WICG to get more traction? https://github.com/ResponsiveImagesCG/cq-usecases/issues/44
• The RGB hexadecimal notations https://www.w3.org/TR/css-color-4/#hex-notation

Компонентный CSS

• Typed CSS With Stylable https://24ways.org/2017/styling-components-typed-css-with-stylable/
• Styled Components https://www.styled-components.com/

Читайте новости

• 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.s…
101. Как отмечать НГ, что читать и смотреть, Звёздные войны, Толкин и фантастика, оливье и… песня!

31 december 2017 · 1 uur 30 min
Afspelen

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

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко

Темы

00:00:00 Интро
00:03:08 Как отмечаем НГ
00:17:35 Звёздные войны
00:34:04 Новогодний стол
00:44:04 Про книги
00:57:24 Дж. Р. Р. Толкин
01:05:46 Про сериалы
01:24:41 Закругляемся
01:28:24 Песня

Как отмечаем НГ

• David Bowie Year by Year http://ultimateclassicrock.com/david-bowie-year-by-year-photos/
• Do Make Say Think http://domakesaythink.com/
• Terminal Bar на Белинского http://www.the-village.ru/village/food/new-place/160295-terminal-bar

Звёздные войны

Осторожно, спойлеры!

• Star Wars: The Last Jedi Trailer https://youtu.be/Q0CbN8sfihY
• Зубастики https://ru.wikipedia.org/wiki/%D0%97%D1%83%D0%B1%D0%B0%D1%81%D1%82%D0%B8%D0%BA%D0%B8_(%D1%84%D0%B8%D0%BB%D1%8C%D0%BC)
• All Changes Made to Star Wars https://youtu.be/RNbzSH84mj0
• Nosferatu (1922) https://youtu.be/dCT1YUtNOA8

Новогодний стол

• Оливье https://ru.wikipedia.org/wiki/%D0%9E%D0%BB%D0%B8%D0%B2%D1%8C%D0%B5_(%D1%81%D0%B0%D0%BB%D0%B0%D1%82)
• Aperol Spritz https://en.wikipedia.org/wiki/Aperol_Spritz

Про книги

• Продолжение Звёздных войн https://www.e-reading.club/series.aspx/3599/Zvezdnye_Voyny.html
• Дилемма инноватора https://www.litres.ru/kleyton-kristensen/dilemma-innovatora-kak-iz-za-novyh-tehnologiy-pogibaut-silnye-kompanii/
• Sapiens. Краткая история человечества https://www.litres.ru/uval-noy-harari/sapiens-kratkaya-istoriya-chelovechestva/
• Орфография https://www.litres.ru/dmitriy-bykov/orfografiya/
• Вся кремлёвская рать https://www.litres.ru/mihail-zygar/vsya-kremlevskaya-rat-kratkaya-istoriya-sovremennoy-rossii/
• Донна Тартт https://www.litres.ru/donna-tartt-2/
• Никколо Амманити https://ru.wikipedia.org/wiki/%D0%90%D0%BC%D0%BC%D0%B0%D0%BD%D0%B8%D1%82%D0%B8,_%D0%9D%D0%B8%D0%BA%D0%BA%D0%BE%D0%BB%D0%BE
• Лёха Андреев http://fuga.ru/
• Град обреченный https://www.litres.…

Alle afleveringen

150. Edge теперь Chrome, Flutter для веба, доступность

149. Rolling Scopes, доступность, фигуры и шрифты, графика, React, опасный опенсорс

148. Без AMP и PWA, Google Search, Чатра, хромой фулстек, HTM вместо JSX, Mortal Kombat вживую

147. Chrome Dev Summit, API к персональным данным, HTTP/3 на UDP, веб-компоненты

146. Веб-приложения на десктопе, фронтопсы, Test262, Babel и Webpack, вопросы к HolyJS

145. Тёмный режим, WebAssembly, новинки и сортировка CSS, вариативные шрифты, дизайнеры, React-хуки

144. Берлин, веб-компоненты, PWA на десктопе, Styleguidist и JSS, CSS-in-JS

143. Chrome и WebKit, резина, GitHub Actions, Adobe Fonts, слабые стороны ES6, фронтенд в Одессе

142. Safari и Edge, перфоманс, новые теги в HTML, киевское сообщество, Котаны

141. Браузеры и расширения, Vue.js 3.0, цветная прокрутка, фронтенд в Харькове

140. Safari, TypeScript, разработчики в W3C, Redux не нужен, ES всё ломает, новые стрелки в JS

139. CSS-Minsk-JS speakers Bram Stein, Patrick Lauke, Hui Jing Chen, Anna Migas

138. 10 лет Chrome, URL, каскад, курсор, микробенчмаркинг, DOM в воркерах, JS 2018

137. Chrome 69 и Firefox 62, JS на медленных сетях, ссылки в ссылках и доступность

136. Chrome не такой дерзкий, Firefox против трекеров, опенсорс, OpenType, React DOM

135. TLS 1.3, флексы и кастомные свойства, -webkit-мусор, SVG и WebGL, новинки Node.js

134. DOM, атрибуты для картинок, веб-компоненты в Firefox, новости из леса, хорошая конференция

133. Chrome 69, семантика для чтения, CSS без каскада и Гудини, API для доступности, выгорание

132. Уязвимость в React, неправильный пайплайн, подгриды, сложная сетка, веб-компоненты

131. Chrome 68, HTTP, React или jQuery, инлайн-блоки, флексы, английский, Babel, браузеры мешают JS

130. Неудобные классы и всякий JS, манифест на лету, гриды с ошибками, плохой лэндинг хорошей ШРИ

129. Вирус в npm, Feature Policy, Atom, мёртвый код, разделение ответственности, курсор

128. React это JS, вложенность в CSS, отступы, капча, гриды в IE, верстальщик против визивига

127. BeerJS, графика, шрифты в SVG, исчезающие фреймворки, ES-модули, почему CSS такой

126. Web Animations API, вариативные шрифты, Keyframes.app, ARIA, placeholder, доступность

125. Все события до конца года и впечатления с pitercss_conf от организаторов

124. Гитхаб продался, Safari в часах, доступность, сложность кода, cssnext и PostCSS

123. YaC и WWDC, новинки браузеров, CSS, шрифты, await и ES-модули, фулстеки, Яндекс Лэндинги

122. Кроссбраузерный Google, TC39, SVG, React, якоря, танцующие скелеты, высокоуровневые API

121. GDPR, браузеры, CSS и дизайн, движение по кривой, NodeList, CSS-in-JS, устаревание, нессылки

120. Firefox, Google I/O, кодстайл, JS и Prepack, RTL, тяжёлый лэндинг

119. Dojo 2 и Edge 17, BigInt, Safari, CSS-меню и подгриды, HTTPS, плохой верстальщик

118. Node.js и npm, Google Fonts, гриды, ФП или ООП, Habr, самый плохой SPA в интернете

117. Sketch в Avocode, ES, флоаты, флексы и гриды, кастомные формы, стиль кода в React, прокрутка

116. CSS и доступность, TDD, все недовольны W3C, сервис-воркеры, гриды и новый дизайн

115. Safari и Chrome, Ruby Sass всё, логические свойства, доступные таблицы, классы и const в JS

114. 20 лет Mozilla, CSS и W3C, display contents, ES-модули, WebStorm, React, V8 и Node.js

113. Браузеры и буфер обмена, дизайн для верстальщиков, рецепты Vue.js и JS-курсы, AMP

112. Firefox 59, SEO и JS, Webpack без SPA, Гудини для CSS, сортировка DOM, шрифты

111. Подкасты, Chrome 65, случайность, смушгейт и MooTools, Webpack и Make, CSSO, зачем PWA

110. Дизайнерам, CSS-переменные, опасный CSS, выражения от контейнера, Webpack, Dart 2.0

109. События и завтраки, движки, npm и yarn, гриды, шрифты, устаревшие рекомендации, опасные алиасы

108. Новый фид, вёрстка, зарплата, PWA на десктопе, ES3000, Vue.js вместо jQuery, Node.js 10

107. CSS на JS в Chrome, HTTPS и SEO, сервис-воркеры в Safari, маркетинг CSS, собеседования

106. Америка, фронтенд и боль, цикличность в CSS, история флексов, PWA в Safari, как случился Edge

105. Новинки браузеров, Bootstrap 4, WebStorm и CSS, БЭМ, атрибут title, выражения от контейнера

104. Селектор matches, гриды, нейровёрстка,, согласие по main, JS-модули, шортики и уважение

103. Интерфейсы, точка с запятой в JS, выравнивание в CSS, SVG, проекты, фронтендер в Берлине

102. Эксперименты с CSS, Хаяку на JS, как развиваются спецификации CSS, стили в компонентном стеке

101. Как отмечать НГ, что читать и смотреть, Звёздные войны, Толкин и фантастика, оливье и… песня!