Alle afleveringen

550 afleveringen, van nieuw naar oud

100. Юбилей, что изменилось, сервис-воркеры, замороженный UA, фронтенд в 2017, молодые фронтендеры

25 december 2017 · 57 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:12 Юбилей
00:13:36 Зачем события
00:16:45 Что изменилось за два года
00:28:29 Новости недели
00:38:35 Фронтенд в 2017 году
00:44:32 Новые форматы новостей
00:54:57 Кому молодых фронтендеров?

Юбилей

• Добролёт http://dobroletstudio.ru/
• Пилотный выпуск №1 https://soundcloud.com/web-standards/pilot-1
• Выпуск №65 с Виталием Слободиным из PhantomJS https://soundcloud.com/web-standards/episode-65

Зачем события

• Промокод wst для YGLF Kyiv http://yglf.com.ua/ даёт 10% скидку

Что изменилось за два года

• Flexbox Froggy http://flexboxfroggy.com/
• Grid Garden http://cssgridgarden.com/
• Как работает на низком уровне Node.js и Angular? https://toster.ru/q/489934

Новости недели

• Service Workers: Going beyond the page https://blogs.windows.com/msedgedev/2017/12/19/service-workers-going-beyond-page/
• Release Notes for Safari Technology Preview 46 https://webkit.org/blog/8042/release-notes-for-safari-technology-preview-46/
• STP 46 freezes Safari’s user agent https://twitter.com/rmondello/status/943545865204989953
• I want things to be different… http://webcomicname.com/post/152958755984
• Chrome will start blocking ads on February 15 https://venturebeat.com/2017/12/19/chrome-will-start-blocking-ads-on-february-15/

Фронтенд в 2017 году

• Frontend in 2017: The important parts https://medium.com/p/4548d085977f
• Мой ванильный CSS https://youtu.be/CaDnbOjXjRg
• Missed naming opportunities https://twitter.com/zachleat/status/942803370712223744

Новые форматы новостей

• Веб-стандарты на Ютубе https://www.youtube.com/webstandards_ru/
• Best Dynamic USB Microphone https://youtu.be/Gnu0QBNZ4AU
• Good Starter Microphone https://youtu.be/EHgSC3C0pTw

Кому молодых фронтендеров?

• Профессия «Фронтенд-разработчик» https://htmlacademy…
99. Бета Chrome 64 и V8, опенсорс, что не так с CSS и классами в JS, HTML 5.2 и WHATWG

18 december 2017 · 1 uur 46 min
Afspelen

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

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

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

Гости: Андрей Мелихов

Темы

00:00:00 Интро
00:03:21 События
00:15:47 Бета Chrome 64 и V8
00:20:30 Поддержка опенсорса
00:50:00 Что не так с CSS
01:05:50 Что не так с классами в JS
01:22:22 HTML 5.2 и WHATWG

События

• Pitercss_meetup №17 в Питере 20 декабря https://pitercss.timepad.ru/event/627086/
• WSD в Москве 3 февраля https://wsd.events/2018/02/03/
• HolyJS Piter в Питере 19–20 мая https://holyjs-piter.ru/
• YGLF Kyiv в Киеве 24–25 мая http://yglf.com.ua/
• Front-Trends в Варшаве 24–25 мая https://2018.front-trends.com/
• Frontend Conf в Москве 28–29 мая http://frontendconf.ru/
• CSSconf в Берлине 1 июня https://2018.cssconf.eu/
• JSConf в Берлине 2–3 июня https://2018.jsconf.eu/
• Pitercss_conf в Питере 8–9 июня https://pitercss.com/
• CSS Day в Амстердаме 14–15 июня https://cssday.nl/2018

Бета Chrome 64 и V8

• Chrome 64 Beta https://developers.google.com/web/updates/2017/12/chrome-63-64-media-updates
• V8 JavaScript code coverage https://v8project.blogspot.ru/2017/12/javascript-code-coverage.html

Поддержка опенсорса

• Sindre Sorhus is creating open source software https://www.patreon.com/sindresorhus
• Gitcoin https://gitcoin.co/

Что не так с CSS

• CSS Reset: Bert Bos & Håkon Wium Lie https://vimeo.com/237192358

Что не так с классами в JS

• I don’t like this pattern https://twitter.com/rauschma/status/937832318177366016
• Ideally the latter I’d say https://twitter.com/bmeurer/status/937968208140750851

HTML 5.2 и WHATWG

• Рекомендация HTML 5.2 https://www.w3.org/TR/html52/changes.html#changes
• Thanks Steve for everything https://lists.w3.org/Archives/Public/public-html/2017Dec/0006.html
• Новая политика WHATWG: шаг к единому стандарту HTML? http://css-live.ru/vecssti-s-polej/novaya-politika-whatwg-shag-k-edinomu-standartu-html.html
• Please ignore th…
98. Декодинг картинок, анимация и авторизация, Webpack или Parcel, GIF, Smashing Magazine

11 december 2017 · 1 uur 50 min
Afspelen

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

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

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

Гости: Виталий Фридман

Темы

00:00:00 Интро
00:04:19 События
00:23:16 Новинки браузеров
00:53:28 Webpack или Parcel
01:16:46 GIF устарел
01:26:30 Smashing Magazine

События

• HolyJS в Москве 10–11 декабря https://holyjs-moscow.ru
• Pitercss_meetup №17 в Питере 20 декабря https://pitercss.timepad.ru/event/627086/
• MinskJS Meetup 3 в Минске 25 января http://minskjs.by/
• WSD в Москве 3 февраля https://wsd.events/2018/02/03/
• Rolling Scopes в Минске 10–11 февраля https://2018.conf.rollingscopes.com/
• Smashing Conf https://smashingconf.com/

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

• Safari TP 45 https://webkit.org/blog/8039/release-notes-for-safari-technology-preview-45/
• Chrome 63 https://developers.google.com/web/updates/2017/12/nic63
• Intent to Ship: image decoding attribute https://groups.google.com/a/chromium.org/d/msg/Blink-dev/MbXp16hQclY/bQjegyrbAgAJ
• Chrome 65 adding Web Animations API implementation https://twitter.com/dancwilson/status/938138635953692672
• Intent to Ship: Web Authentication https://groups.google.com/d/msg/mozilla.dev.platform/tsevyqfBHLE/lccldWNNBwAJ

Webpack или Parcel

• Webpack 4.0.0-alpha.0 https://github.com/webpack/webpack/issues/6064
• Parcel https://parceljs.org

GIF устарел

• Эволюция img Gif без формата GIF https://habr.ru/p/343958/
• Debugging Grid Layouts With Firefox Grid Inspector https://www.smashingmagazine.com/2017/12/grid-inspector/

Smashing Magazine

• Илья Пухальский https://twitter.com/pukhalski
• Виталий Фридман https://twitter.com/smashingmag

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

• 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 h…
97. Edge и Chrome, Firefox и веб-компоненты, CSS-волшебники, подкаст, форматы, поддержка

4 december 2017 · 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:13 События
00:10:04 Edge и Chrome
00:31:15 Firefox и веб-компоненты
00:44:15 CSS-волшебники
01:01:12 Подкаст, форматы, поддержка

События

• KharkivFrontend #_0 в Харькове 9 декабря https://www.facebook.com/events/374527499670386/
• RND.JS #4 в Ростове-на-Дону 9 декабря https://vk.com/rndjs
• HolyJS в Москве 10–11 декабря https://holyjs-moscow.ru
• WSD в Москве 3 февраля https://wsd.events/2018/02/03/
• Frontend Conf в Москве 6–7 июня http://frontendconf.ru/
• ScotlandCSS в Эдинбурге 18 июля http://scotlandcss.com/
• ScotlandJS в Эдинбурге 18–20 июля http://scotlandjs.com/
• pitercss_conf в Петербурге 8-9 июня https://pitercss.com/

Edge и Chrome

• Edge now available for iOS and Android https://blogs.windows.com/windowsexperience/2017/11/30/microsoft-edge-now-available-for-ios-and-android/
• DevTools Chrome 63 https://youtu.be/Eyw_mwbABIQ
• DevTools Chrome 64 https://developers.google.com/web/updates/2017/11/devtools-release-notes

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

• Intent to implement: Shadow DOM https://groups.google.com/d/msg/mozilla.dev.platform/aJvUlADn-Hk/BYB52MgDBQAJ
• Intent to implement: Custom Elements https://groups.google.com/d/msg/mozilla.dev.platform/BI3I0U7TDw0/6-W39tXpBAAJ
• Светлое будущее Custom Elements https://youtu.be/SX3qGBZ6UpM
• I is="the walrus" https://bkardell.com/blog/TheWalrus.html
• GitHub vulnerability announcements https://twitter.com/rem/status/936665175335292930

CSS-волшебники

• Flexible Overflow http://kizu.ru/en/blog/flexible-overflow/
• A few syntaxes for element queries in CSS https://twitter.com/innovati/status/934453395410255872
• Generating Wireframe Boxes with CSS and HTML5 http://meyerweb.com/eric/thoughts/2017/11/27/generating-wireframe-boxes-with-css-and-html5/

Подкаст, форматы, под…
96. Firefox 58, JS-модули, React + BEM, карьера, For Web, паблики и Smashing Magazine

27 november 2017 · 1 uur 44 min
Afspelen

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

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

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

Гости: Андрей Романов

Темы

00:00:00 Интро
00:01:06 События
00:14:27 Firefox 58 и совместимость браузеров
00:30:16 JS-модули, React + BEM
01:07:31 Карьера, For Web
01:28:13 Паблики и Smashing Magazine

События

• Ответы на вопросы про YGLF Kyiv https://medium.com/p/9e41541f3c91
• JSConf Armenia в Ереване 9 декабря https://jsconf.am/
• Приём докладов на CSSconf https://2018.cssconf.eu/call-for-speakers/
• Приём докладов на JSConf https://2018.jsconf.eu/call-for-speakers/

Firefox 58 и совместимость браузеров

• New in Firefox 58: Developer Edition https://hacks.mozilla.org/2017/11/new-in-firefox-58-developer-edition/
• Wantr http://wantr.ru/

JS-модули, React + BEM

• Dynamic import() https://developers.google.com/web/updates/2017/11/dynamic-import
• Что за lit-html? https://zhukovka.github.io/js/featured/lit-html
• Bemto-components http://kizu.ru/bemto-components/
• jQuery умер, да здравствует React https://vk.com/wall109267511_2997
• Как я перестал верить технологиям https://youtu.be/p5g4giWmcvE

Карьера, For Web

• Andrey Romanov http://andrew-r.ru/
• Паблик For Web https://vk.com/forwebdev
• Телеграм For Web https://t.me/forwebdev
• Сайт For Web http://forwebdev.ru/

Паблики и Smashing Magazine

• Smashing Magazine https://www.smashingmagazine.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-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/
95. Firefox, парное программирование, перфоманс, a11y, книги и термины, школы при компаниях, юниоры

20 november 2017 · 1 uur 17 min
Afspelen

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

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

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

Гости: Саша Годун

Темы

00:00:00 Интро
00:02:17 События
00:04:19 Firefox жив!
00:12:32 Парное программирование
00:24:36 Дорогой JS
00:31:31 Доступность
00:41:21 Книги и термины
00:52:23 Школы при компаниях
01:00:54 Юниоры

События

• Видео с WSD в Киеве https://www.youtube.com/playlist?list=PLMBnwIwFEFHcr7Ar9b6B29J-fXXOMZlOW
• WSD в Москве 3 февраля https://wsd.events/2018/02/03/
• Pitercss_meetup №16 в Питере 28 ноября https://pitercss.timepad.ru/event/613060/
• React Amsterdam в Амстердаме 13 апреля https://react.amsterdam/

Firefox жив!

• Firefox 57 http://tanalin.com/blog/2017/11/firefox-57/
• Firefox Quantum Devtools http://hacks.mozilla.org/2017/09/developer-edition-devtools-update-now-with-photon-ui/
• Firefox Quantum is live! Have some pixels! https://twitter.com/mart3ll/status/930435671143088128

Парное программирование

• Introducing Visual Studio Live Share https://code.visualstudio.com/blogs/2017/11/15/live-share
• Code together in real time with Teletype for Atom https://blog.atom.io/2017/11/15/code-together-in-real-time-with-teletype-for-atom.html
• Highcharts https://www.highcharts.com/

Дорогой JS

• The Cost Of JavaScript https://medium.com/p/84009f51e99e
• Real-world Web Performance Budgets https://infrequently.org/2017/10/can-you-afford-it-real-world-web-performance-budgets/

Доступность

• В интернете нет ни ступенек, ни пандусов http://www.the-village.ru/village/business/opyt/257012-accessibility-yandex
• Static AST checker for a11y rules on JSX elements https://github.com/evcohen/eslint-plugin-jsx-a11y
• Индуктивная доступность, Антон Есауленко https://youtu.be/6RwBzVioy-o
• Наадя https://soundcloud.com/naadiamusic
• Arzamas http://arzamas.academy/
• Веблайнд http://weblind.ru/

Книги и термины

• Секреты CSS, Лия Веру https://www.piter.com/collection/all/product/…
94. События, Node.js 8 LTS, типографика и CSS, интервенции Chrome, дизайн в Деньгах

13 november 2017 · 1 uur 31 min
Afspelen

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

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

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

Гости: Михаил Колосков

Темы

00:00:00 Интро
00:01:47 События
00:14:18 Node.js
00:22:31 Типографика и CSS
00:29:34 Интервенции Chrome
00:44:39 Дизайн в Деньгах

События

• Видео с FrontTalks в Екатеринбурге 16–17 сентября https://www.youtube.com/playlist?list=PLKaafC45L_SQR57ehut1UTl1gcEZZ9hqL
• Видео с WSD в Минске 21 октября https://www.youtube.com/playlist?list=PLMBnwIwFEFHcH08btMm9QFbdOCvHqHz8G
• Ladies Code в Москве 25 ноября http://conf.ladiescode.ru/
• WSD в Москве 3 февраля https://wsd.events/2018/02/03/
• Krasnodar Frontend #1 в Краснодаре 19 ноября https://krddevdays.timepad.ru/event/592416/
• Ember.js Meetup #2 в Петербурге 24 ноября https://ember-js-spb.timepad.ru/event/605442/
• KharkivFrontend в Харькове 9 декабря https://twitter.com/KharkivFrontend
• JS Fest в Киеве 30–31 марта http://www.jsfest.com.ua/

Node.js

• Node.js 8 Moves into LTS https://medium.com/p/74cf754a10a0
• Жду npm install уже минут 10 https://twitter.com/pepelsbey/status/928216083248623616

Типографика и CSS

• Intent to Ship text-decoration-skip-ink https://groups.google.com/a/chromium.org/d/msg/blink-dev/47BHtmz0jVY/itAC_xpwBgAJ
• CSS Text Decoration L3 https://drafts.csswg.org/css-text-decor-3/#text-decoration-line-property
• CSS Pseudo-Elements L4 https://drafts.csswg.org/css-pseudo-4/#highlight-selectors

Интервенции Chrome

• My web app died from performance bankruptcy http://tonsky.me/blog/chrome-intervention/
• Chrome Platform Status: Interventions https://www.chromestatus.com/features#intervention

Дизайн в Деньгах

• Grid Layout + 3:4 modular scale https://twitter.com/nicewebtype/status/929035812662063105
• bemdesign/bem-layouts https://github.com/bemdesign/bem-layouts

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

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.…
93. WSD, YGLF, ReactiveConf, графика и цвет, фокус и курсоры, React и Kotlin, украинский фронтенд

7 november 2017 · 1 uur 40 min
Afspelen

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

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

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

Гости: Юрий Артюх, Юрий Ткаченко

Темы

00:00:00 Интро
00:03:23 События
00:25:19 Проблемная ReactiveConf
00:44:52 Графика и цвет
00:56:43 Фокус и курсоры
01:09:59 React и Kotlin
01:24:54 Украинский фронтенд

События

• WSD в Киеве 4 ноября https://wsd.events/2017/11/04/
• Запись трансляции https://youtu.be/HRlSn8qqD-M
• YGLF Kyiv в Киеве 24–25 мая 2018 http://yglf.com.ua/
• Frontend fwdays в Киеве 26 ноября https://frameworksdays.com/event/frontend-fwdays-17

Проблемная ReactiveConf

• ReactiveConf в Братиславе 25–27 октября https://reactiveconf.com/
• Why I will not be speaking at ReactiveConf https://medium.com/p/6e106b3816a5
• Why I cancelled my ReactiveConf talk https://medium.com/p/3a463bf14bd8

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

• SVGO 1.0 https://github.com/svg/svgo/releases/tag/v1.0.0
• SVG: context-properties https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-context-properties
• Gifski https://gif.ski/
• GIF to video converter https://imageoptim.com/api/ungif

Фокус и курсоры

• Focusingly https://www.focusingly.net/
• A Better Focus https://codepen.io/AllThingsSmitty/pen/MOYNBO
• Change the pointer cursor https://github.com/w3c/csswg-drafts/issues/1936
• Colour management and gamut https://bjango.com/articles/colourmanagementgamut/

React и Kotlin

• Create React Kotlin App https://github.com/JetBrains/create-react-kotlin-app
• The melting pot of JavaScript https://increment.com/development/the-melting-pot-of-javascript/
• Removing React.js resulted in a 50% perf improvement https://twitter.com/NetflixUIE/status/923374215041912833
• Netflix functions without client-side React https://jakearchibald.com/2017/netflix-and-react/

Украинский фронтенд

• Kottans http://kottans.org/
• Front-end Science http://frontend-science.com/

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

• Telegram https://t.me/webstandards_ru
• X https:/…
92. События, доступность и дизайн с Настей Суховерховой, создательницей Веблайнд

30 oktober 2017 · 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:57 События
00:09:27 Доступность
00:55:46 Дизайн

События

• WSD в Киеве 4 ноября https://wsd.events/2017/11/04/
• YGLF в Киеве 24–25 мая http://yglf.com.ua/
• YGLF в Тель-Авиве 30–31 октября https://yougottalovefrontend.com/
• Видео с Chrome Dev Summit https://www.youtube.com/playlist?list=PLNYkxOF6rcICUD5nBfRdAR6Fveosnqa5m

Доступность

• Веблайнд http://weblind.ru/
• Код на Гитхабе https://github.com/web-standards/weblind.ru
• Collapsible Sections https://inclusive-components.design/collapsible-sections/
• WAI-ARIA Authoring Practices 1.1 https://www.w3.org/TR/wai-aria-practices-1.1/
• A11ycasts Роба Додсона https://www.youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g

Дизайн

• Мои правила хорошей дизайн-системы https://habr.ru/p/340774/
• Прототипирование на продакшен-технологиях https://habr.ru/p/341028/

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

• 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/
91. Браузеры, общий MDN, ошибки верстальщиков, дизайнеры учатся кодить, харассмент

24 oktober 2017 · 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:11 События
00:05:02 Браузеры и MDN
00:35:15 Ошибки верстальщиков
00:46:27 Дизайнеры учатся кодить
00:56:36 Харассмент

События

• WSD в Минске прошёл 21 октября https://wsd.events/2017/10/21/
• Exantech Code Jam в Москве 28 октября https://exantech.timepad.ru/event/592878/
• WSD в Киеве https://wsd.events/2017/11/04/ 4 ноября
• JavaScript Party в Новосибирске 25 октября https://events.yandex.ru/events/meetings/25-okt-2017/
• Rolling Scopes в Минске 10–11 февраля https://2018.conf.rollingscopes.com/
• Front‑Trends в Варшаве 24–25 мая https://2018.front-trends.com/speaking-at-front-trends/

Браузеры и MDN

• EdgeHTML 16 https://blogs.windows.com/msedgedev/2017/10/17/edgehtml-16-fall-creators-update/
• Chrome 62 https://youtu.be/jO8iVc4hEe8
• Source Sans Pro (variable) https://github.com/adobe-fonts/source-sans-pro/releases/tag/variable-fonts
• Support for variable fonts has reached critical mass https://twitter.com/variablefonts/status/921070099783737344
• Safari TP 42 https://webkit.org/blog/8001/release-notes-for-safari-technology-preview-42/
• Resource Hints https://w3c.github.io/resource-hints/
• PWAs with Firefox Nightly https://twitter.com/kennethrohde/status/920676961298649088
• Mozilla brings Microsoft, Google, the W3C, Samsung to MDN https://blog.mozilla.org/blog/2017/10/18/mozilla-brings-microsoft-google-w3c-samsung-together-create-cross-browser-documentation-mdn/
• W3Fools http://www.w3fools.com/
• WebPlatform https://webplatform.github.io/

Ошибки верстальщиков

• Ошибки и спорные вопросы вёрстки: разметка http://nicothin.pro/page/oshibki-i-spornye-voprosy-v-html-css-vjorstke-2
• Ошибки и спорные вопросы вёрстки: стилизация http://nicothin.pro/page/oshibki-i-spornye-voprosy-v-html-css-vjorstke-3

Дизайнеры учатся кодить

• Почему я …
90. Затишье браузеров, Гитхаб, загрузка картинок, книги, война за CSS, редизайн Slack

16 oktober 2017 · 1 uur 25 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:10 События
00:08:28 Затишье браузеров
00:12:31 Цифры Гитхаба
00:33:04 Загрузка картинок
00:39:24 (Не)нужные книги
00:48:54 Война за CSS
01:02:24 Редизайн Slack
01:19:11 Спецвыпуски

События

• WSD в Минске 21 октября https://wsd.events/2017/10/21/
• WSD в Киеве 4 ноября https://wsd.events/2017/11/04/
• IT Global Meetup #11 в Питере 28 октября http://piter-united.ru/itgm11/
• OdessaFrontend #2 в Одессе 31 октября http://odessafrontend.com/
• CSSconf в Берлине 1 июня https://2018.cssconf.eu/
• JSConf в Берлине 2—3 июня https://2018.jsconf.eu/
• CSSConf AU в Мельбурне 20 марта http://2018.cssconf.com.au/
• I’m in IoT на Front-Trends https://youtu.be/iBUnHhEEqkE

Затишье браузеров

• Link rel="preload" will be temporarily unshipped in Firefox 57 https://groups.google.com/d/msg/mozilla.dev.platform/aNUUx0S6PxE/3E3TkBXtAgAJ
• Репозиторий WSD https://github.com/web-standards/web-standards-days

Цифры Гитхаба

• GitHub Universe https://githubuniverse.com/
• The State of the Octoverse 2017 https://octoverse.github.com/

Загрузка картинок

• Улучшаем опыт взаимодействия с формами http://simonenko.su/38146501854/improving-ux-for-web-form
• Creating a Camera App https://youtu.be/lP-uvmpwBOs
• Uploading an Image https://youtu.be/5l6hecmxYwk

(Не)нужные книги

• CSS: The Definitive Guide, 4th Edition Goes to Print http://meyerweb.com/eric/thoughts/2017/10/11/csstdg4e-goes-to-print/

Война за CSS

• Let There Be Peace on CSS http://www.didoo.net/2017/10/let-there-be-peace-on-css/
• Обсуждение в 70 выпуске https://soundcloud.com/web-standards/episode-70

Редизайн Slack

• Rebuilding Slack.com https://medium.com/p/b124c405c193

Спецвыпуски

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

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstanda…
89. Браузеры, сетки и смерть сайтов, плохая кнопка, зачем доступность, знакомьтесь, JS

9 oktober 2017 · 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:29 События
00:04:58 Браузеры и разнообразие
00:24:06 Сетки и смерть сайтов
00:36:17 Плохая кнопка
00:43:09 Зачем доступность
01:02:38 Знакомьтесь, JS

События

• WSD в Минске 21 октября https://wsd.events/2017/10/21/
• WSD в Киеве 4 ноября https://wsd.events/2017/11/04/
• Fronteers в Амстердаме 5—6 октября https://fronteers.nl/congres/2017
• Интерфейс для календаря https://wsevents.ru/

Браузеры и разнообразие

• Microsoft Edge for iOS and Android https://blogs.windows.com/msedgedev/2017/10/05/microsoft-edge-ios-android-developer/
• Firefox 56 http://tanalin.com/blog/2017/10/firefox-56/
• Intent to Implement: image async attribute https://groups.google.com/a/chromium.org/d/msg/blink-dev/9i6wgXv7c7c/0kiqdQkhBQAJ
• Help Your Users Save-Data https://css-tricks.com/help-users-save-data/

Сетки и смерть сайтов

• Как создать адаптивную сетку https://medium.com/p/89d07e48a564
• Frontender Magazine https://frontender.info/
• У нас небольшая катастрофа https://twitter.com/frontenderinfo/status/858341226327810048

Плохая кнопка

• Making a Pure CSS Play/Pause Button https://css-tricks.com/making-pure-css-playpause-button/

Зачем доступность

• Переключатель темы https://medium.com/p/96174d95be75
• Tabbed Interfaces https://inclusive-components.design/tabbed-interfaces/
• How to build a toggle button https://youtu.be/16gvkPfPIx4
• ARIA Authoring Practices 1.1 https://www.w3.org/TR/wai-aria-practices-1.1/
• The future of accessibility for custom elements https://robdodson.me/the-future-of-accessibility-for-custom-elements/

Знакомьтесь, JS

• Знакомство с JavaScript https://htmlacademy.ru/courses/207

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

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.face…
88. Лицензии и DRM, SVG и border-image, графика, Шорты и JS-типизация, доступные диалоги

2 oktober 2017 · 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:13 События
00:02:55 Лицензии и DRM
00:25:35 Чудеса SVG и border-image
00:42:34 Оптимизация графики
00:55:31 Шорты и JS-типизация
01:03:39 Доступные диалоги

События

• WSD в Минске 21 октября https://wsd.events/2017/10/21/
• WSD в Киеве 4 ноября https://wsd.events/2017/11/04/
• Fronteers в Амстердаме 5—6 октября https://fronteers.nl/congres/2017
• KharkivJS в Харькове 28—29 октября http://kharkivjs.org/
• LvivCSS во Львове 11 ноября http://www.lvivcss.com.ua/
• FrontFest в Москве 18 ноября http://frontfest.ru/
• HolyJS в Москве 10 декабря https://holyjs-moscow.ru/

Лицензии и DRM

• Relicensing React, Jest, Flow, and Immutable.js https://code.facebook.com/posts/300798627056246
• Relicensing the GraphQL specification https://code.facebook.com/posts/121714468491809/relicensing-the-graphql-specification/
• EME at the W3C https://alastairc.ac/2017/07/eme-at-the-w3c/
• EME Misdirection https://alastairc.ac/2017/09/eme-misdirection/
• Considering Open Source Licenses https://alistapart.com/article/considering-open-source-licenses

Чудеса SVG и border-image

• SQIP, SVG-Based Image Placeholder https://github.com/technopagan/sqip
• Border-image + linear-gradient http://jsbin.com/nopihep/edit?css,output
• Border-image + Houdini Paint API https://twitter.com/iamvdo/status/913765484402790400
• Рамки и фоны, часть 2 https://htmlacademy.ru/courses/88

Оптимизация графики

• Essential Image Optimization https://images.guide/
• HEIC https://en.wikipedia.org/wiki/High_Efficiency_Image_File_Format
• HEIV https://en.wikipedia.org/wiki/High_Efficiency_Video_Coding

Шорты и JS-типизация

• Сахарный JS https://habr.ru/p/338914/
• Draggable JS https://shopify.github.io/draggable/
• Covfefescript? http://coub.com/view/y2kir

Доступные диалоги

• …
87. Зачем Edge, Safari, Chrome 62, кому нужен CoffeeScript 2, идеи для DevTools

25 september 2017 · 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:08 События
00:11:21 Зачем вообще Edge
00:24:19 Новинки Safari
00:43:09 Бета Chrome 62
00:54:11 Кому нужен CoffeeScript 2
01:06:59 Идеи для DevTools

События

• Pitercss_meetup №14 в Питере 26 сентября https://pitercss.timepad.ru/event/564590/
• WSD в Минске 21 октября https://wsd.events/2017/10/21/
• Moscowcss 5 в Москве 31 октября https://moscowcss.timepad.ru/event/576236/
• OdessaFrontend в Одессе 27 сентября http://odessafrontend.com/
• Календарь событий по фронтенду https://github.com/web-standards/calendar
• Список сообществ CityJS https://github.com/web-standards/cityjs-list
• Front Fest Moscow в Москве 18 ноября https://2017.frontfest.ru/

Зачем вообще Edge

• Microsoft Edge Web Summit https://channel9.msdn.com/Events/WebPlatformSummit/Microsoft-Edge-Web-Summit-2017

Новинки Safari

• New WebKit Features in Safari 11 https://webkit.org/blog/7956/new-webkit-features-in-safari-11/
• Designing Websites for iPhone X https://webkit.org/blog/7929/designing-websites-for-iphone-x/
• Min and max now in WebKit https://twitter.com/iamvdo/status/910074435159420928
• How to design for that iPhone X knub thing https://twitter.com/fat/status/910212974190587904
• Release Notes for Safari Technology Preview 40 https://webkit.org/blog/7922/release-notes-for-safari-technology-preview-40/
• Holy shit it actually works in a stable Safari https://twitter.com/rreverser/status/902504540393660416

Бета Chrome 62

• Chrome 62 Beta https://blog.chromium.org/2017/09/chrome-62-beta-network-quality.html

Кому нужен CoffeeScript 2

• CoffeeScript 2 http://coffeescript.org/announcing-coffeescript-2/
• За что я люблю CoffeeScript (2011) http://simonenko.su/8725324958/for-what-i-love-coffeescript

Идеи для DevTools

• Prototyping the Future of DevTools https://medium.c…
86. Адаптивность, редакторы, инверсная тема, git --force, гриды, вёрстка, ES-модули в Node

18 september 2017 · 1 uur 17 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:12 События
00:02:36 Вписаться в iPhone X
00:16:00 Редакторы кода
00:26:10 Инверсная тема в 153 байтах
00:33:15 Жизнь после git --force
00:41:02 История гридов
00:44:06 Вёрстка и программирование
01:01:51 ES-модули в Node и в бою

События

• FrontTalks в Екатеринбурге 16—17 сентября https://events.yandex.ru/events/fronttalks/2017/
• CSS-Minsk-JS в Минске 10 сентября http://css-minsk-js.by/
• Fronthub в Ульяновске 11 ноября http://fronthub.ru/

Вписаться в iPhone X

• iOS 11 Viewport https://ayogo.com/blog/ios11-viewport/
• Removing the White Bars in Safari on iPhone X http://stephenradford.me/removing-the-white-bars-in-safari-on-iphone-x/
• Add safe area properties/constants https://github.com/w3c/csswg-drafts/pull/1819
• Now that the iPhone X has been announced… https://github.com/w3c/csswg-drafts/issues/1693

Редакторы кода

• Sublime Text 3.0 https://www.sublimetext.com/blog/articles/sublime-text-3-point-0
• Introducing Atom-IDE http://blog.atom.io/2017/09/12/announcing-atom-ide.html

Инверсная тема в 153 байтах

• A Theme Switcher https://inclusive-components.design/a-theme-switcher/

Жизнь после git --force

• Git push --force and how to deal with it https://evilmartians.com/chronicles/git-push---force-and-how-to-deal-with-it
• Git Tower https://www.git-tower.com/

История гридов

• Creating CSS Grid https://youtu.be/J9uaT9dggZE

Вёрстка и программирование

• Is there any value in people who cannot write JS? https://medium.com/p/d0a66b16de06
• Математика для программиста, HTML Шорты https://habr.ru/p/337952/

ES-модули в Node и в бою

• What’s new in Node.js 8.5? https://blog.risingstack.com/whats-new-in-node-js-8-5/
• Using ES modules natively in Node.js http://2ality.com/2017/09/native-esm-node.html
• Deploying ES2015…
85. CSS-Minsk-JS speakers Aga Naplocha, Harry Roberts, Eva Lettner, Zach Leatherman, Kitty Giraudel

14 september 2017 · 1 uur 26 min
Afspelen

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

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

Ведущие: Vadim Makeev

Гости: Aga Naplocha, Harry Roberts, Eva Lettner, Zach Leatherman, Kitty Giraudel

Темы

00:00:00 Интро
00:00:27 Aga Naplocha
00:13:18 Harry Roberts
00:34:02 Eva Lettner
00:48:20 Zach Leatherman
01:02:14 Kitty Giraudel

Aga Naplocha

• Aga on Twitter https://twitter.com/aganaplocha
• The Awwwesomes http://theawwwesomes.org/
• CSSclasses http://cssclass.es/

Harry Roberts

• Harry on Twitter https://twitter.com/csswizardry
• CSS Wizardry https://csswizardry.com/
• Inuitcss https://github.com/inuitcss/inuitcss

Eva Lettner

• Eva on Twitter https://twitter.com/eva_trostlos
• Eva on CodePen https://codepen.io/eva_trostlos/

Zach Leatherman

• Zach on Twitter https://twitter.com/zachleat
• Bram Stein on Twitter https://twitter.com/bram_stein
• A Comprehensive Guide to Font Loading Strategies https://www.zachleat.com/web/comprehensive-webfonts/

Kitty Giraudel

• Kitty on Twitter https://twitter.com/KittyGiraudel
• Sass Guidelines https://sass-guidelin.es/

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

• 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/
84. Safari, Chrome и Firefox, Yarn 1.0, как сломать гриды и почему не нужны ресеты

11 september 2017 · 1 uur 6 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:20 События
00:07:38 Браузеры
00:35:19 Yarn 1.0
00:51:19 Сломать гриды
00:54:51 Ресеты не нужны

События

• CSS-Minsk-JS в Минске 10 сентября http://css-minsk-js.by/
• FrontTalks в Екатеринбурге 16—17 сентября http://fronttalks.ru/
• PiterJS №17 в Петербурге 21 сентября https://meetabit.com/events/piterjs-17
• Pitercss_meetup №14 в Петербурге 26 сентября https://pitercss.timepad.ru/event/564590/
• Fronteers в Амстердаме 5—6 октября https://fronteers.nl/congres/2017/
• Календарь событий по фронтенду https://github.com/web-standards/calendar

Браузеры

• Release Notes for Safari Technology Preview 39 https://webkit.org/blog/7913/release-notes-for-safari-technology-preview-39/
• New in Chrome 61 https://developers.google.com/web/updates/2017/09/nic61
• Webcompat: layout is messed up https://github.com/webcompat/web-bugs/issues/3685

Yarn 1.0

• Announcing Yarn 1.0 https://code.facebook.com/posts/274518539716230

Сломать гриды

• Что может поломать макет на гридах http://css-live.ru/articles/chto-mozhet-polomat-maket-na-gridax-css-grid-layout.html

Ресеты не нужны

• Stop Using Resets https://meiert.com/en/blog/stop-using-resets/

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

• 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/
83. Браузер без головы, многопоточный JS, Edge, оптимизация загрузки, фавиконки, веб-мастера

4 september 2017 · 1 uur 12 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:13 События
00:09:13 Браузер без головы
00:19:44 Многопоточный JS
00:33:46 Новинки Edge
00:37:57 Оптимизация загрузки
01:04:29 Фавиконки в Шортах
01:09:52 На все руки веб-мастер

События

• Moscow Frontend Conference в Москве 2 сентября http://frontconf.moscow/
• Pitercss_meetup №14 в Петербурге 26 сентября https://pitercss.timepad.ru/event/564590/
• CSS-Minsk-JS в Минске 10 сентября http://css-minsk-js.by/

Браузер без головы

• Headless mode on MDN https://developer.mozilla.org/en-US/Firefox/Headless_mode
• Screenshots of specific HTML nodes in Chrome https://twitter.com/chromedevtools/status/902662330240057344
• Capture DOM element screenshot using Chrome headless https://gist.github.com/malyw/b4e8284e42fdaeceab9a67a9b0263743

Многопоточный JS

• WebKit: Concurrent JavaScript: It can work! https://webkit.org/blog/7846/concurrent-javascript-it-can-work/
• What’s New In Chrome DevTools 62 https://developers.google.com/web/updates/2017/08/devtools-release-notes

Новинки Edge

• New web platform features in Edge https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/16275/?compareWith=16170

Оптимизация загрузки

• Ускоряем загрузку сайтов в эпоху смартфонов https://medium.com/p/f9fa0f6ac672
• Managing CSS & JS in an HTTP/2 World https://www.viget.com/articles/managing-css-js-http-2
• Why Latency Matters: Foundations of Web Performance https://youtu.be/ak4EZQB4Ylg
• Manual priority control of resource fetching https://discourse.wicg.io/t/manual-priority-control-of-resource-fetching/2280

Фавиконки в Шортах

• Подключение фавиконок, HTML Шорты https://youtu.be/iG9WF8VpogY

На все руки веб-мастер

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

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.…
82. Safari, Stylo, PWA и Android, Polymer 3.0, Шорты, React или CSS, шрифты, новичкам, RadioJS

28 augustus 2017 · 1 uur 23 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:11 События
00:06:58 Safari
00:11:51 Stylo
00:21:39 PWA и Android
00:29:29 Polymer 3.0
00:50:50 Читайте Шорты
00:54:45 React или CSS
00:59:12 Шрифты
01:06:32 Новичкам
01:16:58 RadioJS

События

• LvivJS во Львове 26 августа http://lvivjs.org.ua/
• DevFest Siberia в Новосибирске 23—24 сентября https://gdg-siberia.com/ru/schedule/
• Форма для докладов на pitercss_meetup https://docs.google.com/forms/d/e/1FAIpQLSe54sCg3DjMM-nfM7MYzDv-hkzjvuILBtNZFTyz4TzuKYia6A/viewform
• Почта для докладов hi@pitercss.com
• Moscow_css в Москве 7 сентября https://moscowcss.timepad.ru/event/552269/
• Почта для докладов hi@css.moscow
• FrontTalks в Екатеринбурге 16—17 сентября http://fronttalks.ru/
• WSD в Минске 21 октября https://wsd.events/
• Почта для докладов wst@web-standards.ru

Safari

• Release Notes for Safari TP 38 https://webkit.org/blog/7877/release-notes-for-safari-technology-preview-38/

Stylo

• Inside a super fast CSS engine: Quantum CSS https://hacks.mozilla.org/2017/08/inside-a-super-fast-css-engine-quantum-css-aka-stylo/

PWA и Android

• Android Oreo takes a bite out of PWA https://medium.com/p/30b7e854648f

Polymer 3.0

• Polymer @ YouTube https://youtu.be/tNulrEbTQf8
• Polymer 3.0 preview: npm and ES6 Modules https://www.polymer-project.org/blog/2017-08-22-npm-modules
• Polymer ditches HTML Imports in favor of ES6 modules https://twitter.com/davatron5000/status/900023379780149248
• HTML Modules https://github.com/w3c/webcomponents/issues/645

Читайте Шорты

• Хороший плохой манкипатчинг https://youtu.be/_1zIZhtZYek
• Шорты на Хабре https://habr.ru/p/336312/

React или CSS

• Div и React или input type="checkbox" и CSS? https://twitter.com/webstandards_ru/status/899906156272988160

Шрифты

• Mix font-display values for same family https://twitt…
81. Наши на западе, Chrome 61, аудит 2.0, доступность, SVG, дизайнерам, видео, кроссбраузерность

21 augustus 2017 · 1 uur 5 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:17 События
00:09:40 Chrome
00:21:06 Аудит 2.0
00:29:47 Доступность
00:37:06 SVG
00:43:43 Флексы для дизайнера
00:47:15 Видео по фронтенду
00:58:12 Кроссбраузерность

События

• Frontend Party в Нижнем Новгороде 29 августа https://events.yandex.ru/events/meetings/29-aug-2017/
• PiterJS №16 пройдёт в Петербурге 29 августа https://meetabit.com/events/piterjs-16
• Календарь событий по фронтенду https://github.com/web-standards/calendar
• Обидно, что наши звёзды не участвуют https://web-standards.slack.com/archives/C09TBDY87/p1502881243000171

Chrome

• Chrome 61 Beta https://blog.chromium.org/2017/08/chrome-61-beta-javascript-modules.html
• GoogleChrome/puppeteer https://github.com/GoogleChrome/puppeteer

Аудит 2.0

• A11ycasts: Audits 2.0 https://youtu.be/b0Q5Zp_yKaU
• Contrast ratio in devtools https://remysharp.com/2017/08/17/contrast-ratio-in-devtools
• Особенности интерфейсов при работе со скринридерами https://youtu.be/2nSib5UuR_g
• Accessibility Testing with pa11y https://bitsofco.de/pa11y/

Доступность

• Как сделать сайты доступнее для незрячих https://habr.ru/p/335442
• Базовая вёрстка с доступностью https://htmlacademy.ru/intensive/htmlcss

SVG

• Размеры в SVG, Юля Бухвалова http://css.yoksel.ru/svg-sizes/

Флексы для дизайнера

• Руководство по флексам и гридам для дизайнеров http://css-live.ru/articles/rukovodstvo-po-fleksboksam-i-gridam-dlya-dizajnerov.html

Видео по фронтенду

• HTML Шорты: Адаптивная вёрстка https://youtu.be/srUZ9E4qQlQ
• Новый канал getInstance https://www.youtube.com/channel/UCEBHlT_L1ME6e9ixaRPp0wg
• Пятиминутка React с Екатериной Назаровой http://5minreact.ru/31-getinstance/

Кроссбраузерность

• Allo.google.com site is not usable https://webcompat.com/issues/8970
• It’s all about UA sniffing https://twitter.…
80. Браузеры, алгоритмы и паттерны, прозрачный JPG, Телеграм, загрузка, фокусы, Node.js

14 augustus 2017 · 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:48 События
00:08:39 Firefox
00:15:47 Samsung
00:24:39 Safari
00:33:28 Алгоритмы и паттерны
00:38:25 Прозрачный JPG
00:43:13 Телеграм
00:52:22 Приоритеты загрузки
01:02:53 Фокусы
01:11:17 Модули в Node.js

События

• Трансляция с Яндекс Субботника в Питере https://youtu.be/MKrX3Fld-WI
• LvivCSS во Львове 11 ноября http://www.lvivcss.com.ua/
• Календарь событий по фронтенду https://github.com/web-standards/calendar

Firefox

• Новинки Firefox 55 для разработчиков http://tanalin.com/blog/2017/08/firefox-55/
• Intersection Observer comes to Firefox https://hacks.mozilla.org/2017/08/intersection-observer-comes-to-firefox/

Samsung

• Big news for our new Samsung Internet beta v6.2! https://medium.com/p/6199b6743cb9

Safari

• Safari TP Release 37 https://webkit.org/blog/7862/release-notes-for-safari-technology-preview-release-37/
• Well this makes me happy https://twitter.com/jaffathecake/status/895272929587597312
• CSS font-display in development https://twitter.com/bram_stein/status/895585478954627072
• Grid Layout in Chromium Dev Tools https://twitter.com/regocas/status/896027967876476928
• CSS Grid Highlighter https://github.com/ademilter/chrome-css-grid-highlighter

Алгоритмы и паттерны

• Нужно ли фронтендеру знать алгоритмы и паттерны? https://youtu.be/e2nW8Lq4zho

Прозрачный JPG

• JPNG.svg https://codepen.io/shshaw/full/LVKEdv

Телеграм

• Виталий Харисов в Телеграме https://t.me/webo_ru
• Bootstrap 4 Beta https://blog.getbootstrap.com/2017/08/10/bootstrap-4-beta/

Приоритеты загрузки

• Критический запрос https://medium.com/p/ac20b5267e4a

Фокусы

• Removing that ugly :focus ring https://medium.com/p/6c8727fefcd2
• Managing Focus https://youtu.be/srLRSQg6Jgg

Модули в Node.js

• ES Modules in Node Today! https://medium…
79. Сервис-воркеры, загрузка шрифтов, гриды и флексы, picture, тяжёлые пакеты, WTF JS?

7 augustus 2017 · 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:12 События
00:02:35 Сервис-воркеры
00:13:09 Загрузка шрифтов
00:27:32 GridBugs
00:37:13 Бумажные книги
00:43:25 Picture на практике
00:51:12 Тяжёлые пакеты
01:01:11 WTF JS?

События

• Яндекс Субботник в Питере https://events.yandex.ru/events/yasubbotnik/12-august-2017/ 12 августа
• LvivJS во Львове http://lvivjs.org.ua/ 26 августа
• PiterJS в Питере https://meetabit.com/communities/piterjs в конце августа
• Pitercss_meetup в Питере https://pitercss.timepad.ru в конце августа
• Moscow Frontend Conference в Москве http://frontconf.moscow/ 2 сентября

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

• Service Workers: In Development https://bugs.webkit.org/attachment.cgi?id=317095&action=prettypatch
• Нашёл Джейк Арчибальд https://twitter.com/jaffathecake/status/893009005714472961
• Подтвердил Джонатан Дэвис https://twitter.com/jonathandavis/status/893138827908333568
• Apple’s refusal to support PWA https://medium.com/p/e81b2be29676

Загрузка шрифтов

• Crafting Webfont Fallbacks https://youtu.be/tO01ul1WNW8
• Посторонние шрифты https://youtu.be/MTQ9FpT3ayc
• Font Aliasing, or How to Rename a Font in CSS https://www.zachleat.com/web/rename-font/

GridBugs

• Gridbugs https://github.com/rachelandrew/gridbugs
• Adding row-gap and column-gap to flexbox https://twitter.com/rachelandrew/status/893450430512017408

Бумажные книги

• jQuery в действии. 3-е издание https://www.piter.com/product_by_id/85800871
• jQuery in Action, third edition https://github.com/AurelioDeRosa/jquery-in-action

Picture на практике

• Responsive Images: Use Cases and Code Snippets https://dev.opera.com/articles/responsive-images/

Тяжёлые пакеты

• What is the cost of my npm package ? https://cost-of-modules.herokuapp.com/
• Import Cost https://marketplace.visualstudio.com/items?itemNam…
78. Chrome, Stylo, Flash всё, статистика браузеров, сброс стилей, большой текст, a11y, новинки ES

31 juli 2017 · 1 uur 17 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:12 События
00:03:09 Новости!
00:05:01 Chrome 60
00:11:03 Stylo
00:14:52 Flash 1996—2020
00:22:43 Статистика браузеров
00:28:47 Сброс стилей
00:38:55 Большой текст
00:47:47 Доступные подсказки
00:52:45 Порядок элементов
00:59:24 Новинки ES
01:09:08 Голос SPB Frontend
01:10:42 Должен ли?

События

• RamblerFront& meetup №2 в Москве 3 августа https://habr.ru/p/333834/
• Яндекс Субботник по фронтенду в Петербурге 12 августа https://events.yandex.ru/events/yasubbotnik/12-august-2017/
• Pitercss_meetup https://twitter.com/pitercss_meetup
• CSS Minsk JS в Минске 10 сентября http://css-minsk-js.by/
• Школа Node.js в Петербурге 18 сентября—7 ноября https://academy.yandex.ru/events/frontend/spb-2017/

Новости!

Chrome 60

• Chrome 60 https://youtu.be/vE7JTf2_-ws
• Found bugs we didn’t like, pushed back to M61 https://twitter.com/ChromiumDev/status/890998160729849856

Stylo

• Stylo is ready for community testing on Nightly! https://blog.nightly.mozilla.org/2017/07/25/stylo-is-ready-for-community-testing-on-nightly/

Flash 1996—2020

• Flash & The Future of Interactive Content https://blogs.adobe.com/conversations/2017/07/adobe-flash-update.html

Статистика браузеров

• Браузеры по данным Яндекс Метрики https://radar.metrika.yandex/browsers?device-category=1&selected_rows=Ct58LP%252CRysHuf%252CnmpVtr%252C%252Fl27zq%252C%252BjXhkh%252Ce1IAm2&chart_type=line-chart

Сброс стилей

• Нормальный сброс https://youtu.be/KGYmOlNteas
• PostCSS Initial https://github.com/maximkoretskiy/postcss-initial

Большой текст

• Your Body Text Is Too Small https://blog.marvelapp.com/body-text-small/

Доступные подсказки

• Tooltips & Toggletips https://inclusive-components.design/tooltips-toggletips/

Порядок элементов

• Does reordering content affect ac…
77. CSS Minsk JS, DevTools, Storage API, DRM и W3C, чистка CSS, API, Xwebs Megabrowser

24 juli 2017 · 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:11 События
00:10:23 Новинки DevTools
00:22:10 Storage API в Firefox
00:28:13 DRM и W3C
00:47:03 Чистка CSS
00:56:11 Вброс и Шорты
01:01:59 Гироскоп и драг-н-дроп
01:09:17 Состояние JS
01:10:23 Xwebs Megabrowser

События

• NodeSchool SPb в Петербурге 29 июля https://github.com/nodeschool/spb/issues/55
• KharkivJS в Харькове 28–29 октября http://kharkivjs.org/
• CSS-Minsk-JS в Минске 10 сентября http://css-minsk-js.by/

Новинки DevTools

• What’s New In DevTools https://developers.google.com/web/updates/2017/07/devtools-release-notes

Storage API в Firefox

• Preview Storage API in Firefox Nightly https://blog.nightly.mozilla.org/2017/07/17/preview-storage-api-in-firefox-nightly/

DRM и W3C

• Как в HTML DRM внедрили: измена или эволюция? http://www.computerra.ru/168310/eme/
• Encrypted Media Extensions https://www.w3.org/TR/encrypted-media/

Чистка CSS

• UnCSS https://github.com/giakki/uncss
• PurifyCSS https://github.com/purifycss/purifycss
• Где используются прототипы, наследование в JS приложениях? https://toster.ru/q/443103

Вброс и Шорты

• Где используются прототипы, наследование в JS-приложениях? https://toster.ru/q/443103
• Прятки на CSS: display: none, visibility: hidden? https://youtu.be/Ns0zijQJxH4

Гироскоп и драг-н-дроп

• The Gyroscope part of The Standard https://medium.com/p/65b02c4d23bd
• Drag and Drop part of The Standard https://medium.com/p/29fcf072d19
• Улучшаем опыт взаимодействия с формами http://simonenko.su/38146501854/improving-ux-for-web-form

Состояние JS

• State of JavaScript http://stateofjs.com

Xwebs Megabrowser

• Teen’s Web Browser Wows Top Geeks https://www.wired.com/2003/01/teens-web-browser-wows-top-geeks/
• Addy Osmani‏: at 16, wrote a web browser in C++ https://twitter.com/addyos…
76. Вертикальный ритм, Sass, переменные, Susy, чёрная магия CSS, ES 2017, полезный npx

17 juli 2017 · 1 uur 1 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:13 События
00:01:06 Вертикальный ритм
00:07:22 Sass разрешил
00:16:03 Переменные в препроцессорах
00:30:16 Susy жива
00:32:56 Экономия на классах
00:41:06 Чёрная магия CSS
00:46:02 ES 2017
00:50:30 Полезный npx

События

• UralJS №4 в Екатеринбурге 20 июля https://uraljs.timepad.ru/event/538751/
• WebDev Meetup №3 в Новосибирске 19 августа https://www.meetup.com/GDGNsk/events/241714087/

Вертикальный ритм

• CSS line-height-step introduced to control vertical rhythm https://twitter.com/malyw/status/885522490201649153

Sass разрешил

• Sass 3.5 is Released http://sass.logdown.com/posts/2026639-sass-35-is-released

Переменные в препроцессорах

• Переменные в препроцессорах Less и Sass http://paulradzkov.com/2017/local_variables/

Susy жива

• Understanding Spread in Susy3 http://oddbird.net/2017/06/13/susy-spread/

Экономия на классах

• Reducing CSS bundle size 70% https://medium.com/p/625440de600b
• Минимизация классов в HTML https://ru.bem.info/forum/1130/

Чёрная магия CSS

• CSS Isn’t Black Magic https://medium.com/p/c8d677fa21b2

ES 2017

• ES8 вышел и вот его основные новые возможности https://habr.ru/p/332900/

Полезный npx

• Представляем npx: утилиту для запуска npm-пакетов https://medium.com/p/a72a658cd9e6

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

• 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/
75. Гриды, Edge и IE, сетки и стримеры, CSS is Awesome, ARIA, фокус, JS-импорты, подкасты

10 juli 2017 · 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:13 События
00:05:33 Так пора гриды?
00:18:45 Edge и IE
00:23:52 Сетки и стримеры
00:30:39 Будущее CSS
00:39:12 CSS is Awesome
00:46:52 Примеры ARIA
00:49:38 Фокус и аутлайн
00:58:12 JS-импорты
01:04:10 Подкасты

События

• LvivJS во Львове 26 августа http://lvivjs.org.ua/
• Moscow Frontend Conference в Москве 2 сентября http://frontconf.moscow/
• CSS-Minsk-JS в Минске 10 сентября http://css-minsk-js.by/
• FrontTalks в Екатеринбурге 16—17 сентября https://events.yandex.ru/events/fronttalks/2017/
• Frontend Dev Conf в Минске 30 сентября https://fdconf.by/ru/
• Fronteers Conference в Амстердаме 5—6 октября https://fronteers.nl/congres/2017
• FrontFest в Москве 18 ноября http://frontfest.ru/
• HolyJS в Москве 10—11 декабря https://holyjs-moscow.ru/

Так пора гриды?

• Правда ли уже пора использовать CSS Grid Layout? https://habr.ru/p/332572/

Edge и IE

• New Microsoft Edge features https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/16237/
• An update on disabling VBScript in IE 11 https://blogs.windows.com/msedgedev/2017/07/07/update-disabling-vbscript-internet-explorer-11/

Сетки и стримеры

• Building a Grid System with CSS Custom Properties https://youtu.be/bpo1WwKa9bg
• Lessons from my first year of live coding on Twitch https://medium.com/p/41a32e2f41c1

Будущее CSS

• What’s next for CSS? https://jonathantneal.github.io/css-db/
• W3C: CSS current work https://www.w3.org/Style/CSS/current-work

CSS is Awesome

• CSS is Awesome https://css-tricks.com/css-is-awesome/

Примеры ARIA

• WAI-ARIA Authoring Practices https://www.w3.org/TR/wai-aria-practices/

Фокус и аутлайн

• Как фокус помогает https://youtu.be/eh-yMJzZUJ4

JS-импорты

• Intent to Implement: JavaScript module import https://groups.…
74. Браузеры, HTML, PE и GD, гриды с фолбэком, фокус, шрифты, рефакторинг, PWA, CS в ES

3 juli 2017 · 1 uur 3 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:15 События
00:03:25 Разнообразие браузеров
00:12:57 HTML для людей
00:23:23 PE и GD в Шортах
00:25:40 Гриды с фолбэком
00:33:06 Фокус с клавиатуры
00:38:54 Трюки со шрифтами
00:47:31 Рефакторинг и ответственность
00:51:39 Uber в браузере
00:57:12 Фича из CS в ES

События

• Ru Frontend Events https://www.facebook.com/tenphi/posts/10213517714606581
• Typetersburg 5—6 августа http://typetersburg.ru/2017/
• Pitercss_meetup в августе-сентябре https://pitercss.timepad.ru/events/
• WSD осенью-зимой https://wsd.events/

Разнообразие браузеров

• Release Notes for Safari Technology Preview 34 https://webkit.org/blog/7760/release-notes-for-safari-technology-preview-34/
• Because Browser Diversity Is Good For The Web https://medium.com/p/910d1cbcdf3b

HTML для людей

• The Developer’s Edition of HTML makes a comeback https://blog.whatwg.org/developers-edition-comeback
• HTML Living Standard (WHATWG) https://html.spec.whatwg.org/multipage/
• HTML 5.2 Draft (W3C) https://w3c.github.io/html/

PE и GD в Шортах

• Прогрессивная деградация https://youtu.be/sZleJiCCWP8?list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1

Гриды с фолбэком

• От бутстрапа — к CSS-гридам http://css-live.ru/articles/ot-butstrapa-k-css-gridam.html
• CSS Grid in production on the Mozilla website! https://mobile.twitter.com/patrickbrosset/status/880457191626481665

Фокус с клавиатуры

• Keyboard-Only Focus http://kizu.ru/en/blog/keyboard-only-focus/

Трюки со шрифтами

• Font Aliasing, or How to Rename a Font in CSS https://www.zachleat.com/web/rename-font/
• Unquoted font family names in CSS https://mathiasbynens.be/notes/unquoted-font-family

Рефакторинг и ответственность

• Front End Center: Single Responsibility Components https://youtu.be/pSdp92Up8O8
• React: Why Accessi…
73. Firefox, новые гриды в Edge, зачем флексы, JS-модули в HTML, Webpack 3 и CSS-фрагменты

26 juni 2017 · 43 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:35 События
00:07:52 Firefox
00:17:06 Гриды в Edge
00:19:30 Зачем флексы
00:21:58 JS-модули в HTML
00:25:37 Webpack 3
00:34:40 CSS-фрагменты

События

• Как прошёл Питер-ЦСС http://ilyabirman.ru/meanwhile/all/piter-css-photos/
• PiterCSS Conference Review https://medium.com/p/6a7c6ebbd386
• OdessaJS в Одессе 1—2 июля http://odessajs.org/
• LvivJS во Львове 26 августа http://lvivjs.org.ua/
• FrontTalks в Екатеринбурге 16—17 сентября https://events.yandex.ru/events/fronttalks/2017/
• JSConf Budapest 2017 26—27 октября http://jsconfbp.com/

Firefox

• Новинки Firefox 54 для разработчиков http://tanalin.com/blog/2017/06/firefox-54/
• Инспектор раскладок в Firefox Nightly https://hacks.mozilla.org/2017/06/new-css-grid-layout-panel-in-firefox-nightly/

Гриды в Edge

• Новые гриды в Edge Insider Preview http://css-live.ru/vecssti-s-polej/novye-gridy-uzhe-v-edge-insider-preview.html

Зачем флексы

• Кому нужны флексы, HTML Шорты https://youtu.be/Wpglfz7aXzo

JS-модули в HTML

• Intent to ship script type=module in Blink https://twitter.com/domenic/status/877346264102338562

Webpack 3

• Webpack 3: Official Release https://medium.com/webpack/webpack-3-official-release-15fd2dd8f07b

CSS-фрагменты

• Черновик CSS Overflow L4 https://drafts.csswg.org/css-overflow-4/

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

• 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/
72. Только для Chrome, Safari, Chrome и Edge, гриды, Шорты, стример Юра, Stylelint и Node.js

12 juni 2017 · 1 uur 5 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:14 События
00:05:23 DirecTV
00:11:16 Safari
00:23:35 Chrome
00:29:48 Edge
00:35:14 Гриды
00:39:32 Шорты
00:43:55 Стример Юра
00:46:45 Stylelint
01:02:03 Node.js

События

• pitercss_conf 16 июня https://pitercss.com/
• NodeSchool в Новосибирске 17 июня http://techno.2gis.ru/event/nodeschool
• DevConf 17 июня https://devconf.ru/ru/offers/FrontEnd
• OdessaJS 1—2 июля http://odessajs.org

DirecTV

• DirecTV Now will only support Chrome on desktop starting in July https://www.theverge.com/2017/6/7/15758274/directv-now-google-chrome-exclusive-safari-internet-explorer-browser-support

Safari

• What’s new in Safari 11 https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Safari_11_0/Safari_11_0.html
• Auto-Play Policy Changes for macOS https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/
• Assembling WebAssembly https://webkit.org/blog/7691/webassembly/
• JSC Loves ES6 https://webkit.org/blog/7536/jsc-loves-es6/

Chrome

• What’s New In Chrome 59 DevTools https://developers.google.com/web/updates/2017/04/devtools-release-notes

Edge

• Edge web platform features https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/16215/
• Grids: still behind a flag https://twitter.com/kylealden/status/872941040558145536

Гриды

• Как работает функция minmax в гридах http://css-live.ru/articles/kak-rabotaet-funkciya-minmax.html

Шорты

• HTML Шорты: зачем нужны заголовки https://youtu.be/atXxkKjPbN8?list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1

Стример Юра

• Logo animation https://youtu.be/AajoBGoz8TQ
• Responsive landing page https://youtu.be/mLVBoH5Dwv0

Stylelint

• Autofixing in stylelint https://stylelint.io/CHANGELOG/#7110
• Prettier 1.4.0 https://github.com/prettier/prettier/re…
71. Safari, календарик, гриды, кастомные свойства, лейблы, флексы, Node.js, CSS-in-JS

5 juni 2017 · 1 uur 19 min
Afspelen

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

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

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

Гости: Валерий Сорокобатько

Темы

00:00:00 Интро
00:01:50 События
00:09:44 Safari TP
00:16:42 Нативный календарик
00:20:53 Разработка на телефоне
00:26:39 Гриды на практике
00:28:15 Кастомные свойства
00:35:14 Магия лейблов
00:37:23 Флексы вглубь
00:42:32 Node.js и npm
00:51:00 CSS-in-JS

События

• HolyJS 2—3 июня https://holyjs-piter.ru/
• UralJS: Code Retreat 10 июня https://uraljs.timepad.ru/event/502046/
• JS Party в Новосибирске 7 июня https://events.yandex.ru/events/meetings/07-jun-2017/
• RND.JS №3 в Ростове-на-Дону 24 июня https://vk.com/rndjs
• OrelJS №1 в Орле 24 июня http://oreljs.ru/

Safari TP

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

Нативный календарик

• Date picker in Firefox Nightly https://twitter.com/hsinyi71/status/870436875214782464

Разработка на телефоне

• Writing software using a phone! https://medium.com/p/e71976f1f18d

Гриды на практике

• Learning CSS Grids http://varun.ca/css-grid/

Кастомные свойства

• Зачем кастомные свойства? https://youtu.be/Ag98mgI4bXA?list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1

Магия лейблов

• Label-to-Input States http://kizu.ru/en/blog/label-to-input/

Флексы вглубь

• 11 вещей, которые я узнал, читая спецификацию flexbox https://habr.ru/p/329820/

Node.js и npm

• Обзор изменений в новом мажорном релизе Node 8 https://habrahabr.ru/post/329942/
• npm@5 теперь npm@latest https://medium.com/p/9ef037c9f5f5

CSS-in-JS

• The new CSS workflow in Webpack https://medium.com/p/79583bd107d7
• Письмо любви CSS http://developer.telerik.com/topics/web-development/love-letter-css/
• CSS в JS: будущее компонентных стилей https://habr.ru/p/329710/
• Rockey. Motivation and Requirements https://medium.com/p/f787d1ed61e0
• I swore never to use CSS…
70. Firefox, npm 5, a11y, шорты и шоу, CSS-in-JS, Webpack и SPA, гриды, новичкам

29 mei 2017 · 1 uur 4 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:12 События
00:07:57 Маркетинг Firefox
00:16:44 Npm 5 догоняет
00:29:00 Доступность
00:36:12 Почему шорты и шоу
00:41:10 CSS-in-JS
00:49:51 Webpack и SPA
00:58:02 Гриды
01:01:13 Новичкам

События

• Front-Trends https://2017.front-trends.com/
• Drone hijacked on stage https://twitter.com/pertjensen/status/867683070861864961
• HolyJS 2—3 июня https://holyjs-piter.ru/
• Frontend Conf 5—6 июня http://frontendconf.ru/
• Pitercss_conf 16 июня https://pitercss.com/
• Fronteers 5—6 октября https://fronteers.nl/congres/2017
• DevConf 17 июня https://devconf.ru/ru/offers/FrontEnd
• OdessaJS 1—2 июля http://odessajs.org
• FrontTalks in English? https://twitter.com/FrontTalks/status/867475908806017025

Маркетинг Firefox

• Browse Against the Machine https://medium.com/p/e793c0fee917

Npm 5 догоняет

• Npm: v5.0.0 http://blog.npmjs.org/post/161081169345/v500

Доступность

• Just landed behind a flag in Canary: inert https://twitter.com/rob_dodson/status/868296999375847424
• Why headings and landmarks are so important https://youtu.be/vAAzdi1xuUY

Почему шорты и шоу

• Зачем нужен БЭМ вне Яндекса? https://youtu.be/lQPs20b3Ey8?list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1

CSS-in-JS

• A Unified Styling Language https://medium.com/p/d0c208de2660
• Let There Be Peace On CSS https://speakerdeck.com/didoo/let-there-be-peace-on-css
• London CSS Meetup, January 2017 https://youtu.be/bb_kb6Q2Kdc
• Андрей Оконечников на pitercss_conf https://pitercss.com/#AndreyOkonetchnikov
• Андрей Оконечников в 42 выпуске https://soundcloud.com/web-standards/episode-42

Webpack и SPA

• Введение в философию Webpack https://medium.com/p/d12415cc8594
• Custom Elements v1: Reusable Web Components https://developers.google.com/web/fundamentals/getting-started/primers/c…
69. Браузеры, Google I/O, Git с UI, выравнивание, Lazy Image, Mavo, формы, Perf.HTML, ES-модули

22 mei 2017 · 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:16 События
00:03:45 Samsung
00:12:48 Safari
00:20:07 Google I/O
00:21:49 Git в Atom
00:32:31 GitHub Desktop
00:40:32 Box Alignment
00:46:58 Lazy Image
00:53:07 Лия и Mavo
00:59:33 ППК и формы
01:07:44 Фронтенд заговорил
01:10:09 Perf.HTML
01:12:11 ES-модули

События

• Видео с pitercss_meetup №13 https://youtu.be/b_3lqYrcY-4
• Pitercss_conf 16 июня https://pitercss.com/

Samsung

• Announcing Samsung Internet v5.4 stable! https://medium.com/p/fd941e0dcd58
• Hacker News readers as Progressive Web Apps https://hnpwa.com/

Safari

• Safari Technology Preview 30 https://webkit.org/blog/7614/release-notes-for-safari-technology-preview-30/
• Responsive Design for Motion https://webkit.org/blog/7551/responsive-design-for-motion/

Google I/O

• Google I/O 2017 All Sessions https://www.youtube.com/playlist?list=PLOU2XLYxmsIKC8eODk_RNCWv3fBcLvMMy

Git в Atom

• Git and GitHub Integration comes to Atom http://blog.atom.io/2017/05/16/git-and-github-integration-comes-to-atom.html

GitHub Desktop

• How Four Native Developers Wrote An Electron App https://githubengineering.com/how-four-native-developers-wrote-an-electron-app/

Box Alignment

• Box alignment: justify-content: space-evenly https://codepen.io/matuzo/pen/GmXVWo
• Свойства для выравнивания всего и их новые тайны http://css-live.ru/articles-css/svojstva-dlya-vyravnivaniya-vsego-i-ix-novye-tajny.html
• Наклейки для бейджей WSD https://github.com/web-standards/stickers

Lazy Image

• Lazy-image https://meowni.ca/lazy-image/

Лия и Mavo

• Introducing Mavo: Create Web Apps Entirely By Writing HTML! https://www.smashingmagazine.com/2017/05/introducing-mavo/

ППК и формы

• Native form validation — part 3 https://medium.com/p/8e643e1dd06

Фронтенд заговорил

• Как правильно вставлять SVG? https://you…
68. Edge и PWA, Opera, Electrino, Автопрефиксер, доступное меню, валидация форм, размерности

15 mei 2017 · 55 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:28 События
00:02:28 Edge
00:08:22 Opera
00:10:36 Electrino
00:16:10 Автопрефиксер
00:26:18 Меню-кнопка
00:33:53 Ирония
00:38:05 Валидация форм
00:48:51 Логичные размерности

События

• Pitercss_meetup №13 в Питере 17 мая https://pitercss.timepad.ru/event/487743/
• Moscowcss №3 в Москве 18 мая https://moscowcss.timepad.ru/event/480215/
• MinskJS в Минске 18 мая https://minskjs.timepad.ru/event/479052/
• ITsubbotnik EPAM в Москве 27 мая https://events.epam.com/events/itsubbotnik-moscow-2017
• UralCSS №1 в Екатеринбурге 9 июня https://vk.com/uralcss1
• Pitercss_conf 16 июня https://pitercss.com/

Edge

• Edge: What’s new and what’s next https://channel9.msdn.com/events/Build/2017/B8041
• What’s new in EdgeHTML 15 https://docs.microsoft.com/en-us/microsoft-edge/dev-guide
• PWA discoverability on Windows: Bing, Store https://twitter.com/grigs/status/862790990708350977
• PWA manifest to create the Store listing https://twitter.com/grigs/status/862795167303999488
• PWA on Windows 10 as WebAPK on Android https://twitter.com/firt/status/863120122843627520

Opera

• What’s new in Chromium 58 and Opera 45 https://dev.opera.com/blog/opera-45/

Electrino

• Put your Electron app on a diet with Electrino https://medium.com/p/c7ffdf1d6297

Автопрефиксер

• Autoprefixer 7.0 and Browserslist 2.0 https://evilmartians.com/chronicles/autoprefixer-7-browserslist-2-released

Меню-кнопка

• Menus & Menu Buttons https://inclusive-components.design/menus-menu-buttons
• Inclusive Menu Button https://github.com/Heydon/inclusive-menu-button
• React Menu Button https://github.com/HugoGiraudel/react-menu-button

Ирония

• HTML сломан! https://medium.com/p/69d6dfebf91
• Прогрессивное улучшение меня расстраивает https://medium.com/p/7084fa62d967

Валидаци…
67. Новости браузеров, WebP, HTML Шорты, Normalize.css, CSS5, CSS-in-JS, ES-модули

8 mei 2017 · 1 uur 27 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:29 События
00:04:17 Бета Chrome 59
00:11:12 Safari TP 29
00:18:18 Samsung на десктопе
00:26:28 WebP торт
00:33:01 HTML Шорты
00:35:26 Normalize.css
00:39:59 CSS 5 уровня
00:44:15 CSS-in-JS
01:15:16 ES-модули

События

• Видео с UralJS №3 в Екатеринбурге https://youtu.be/EXX5HmD_5lU?list=PLVxsRDo37_Zdda1PEmbGomFbisl9O3vU1
• Видео с PiterJS №14 в Питере https://youtu.be/thVZI3mUXUM?list=PLcXJ90eZ2bxggKRhomjNwJ8Zftq8yR7nS
• Pitercss_meetup №13 в Питере 17 мая https://pitercss.timepad.ru/event/487743/
• Pitercss_conf 16 июня https://pitercss.com/
• FrontDays в Тольятти 20 мая https://frontdays.ru/
• Front-Trends в Варшаве 24—26 мая https://2017.front-trends.com/
• HolyJS в Питере 2—3 июня https://holyjs.ru/
• Frontend Conf в Сколково, 5—6 июня http://frontendconf.ru/

Бета Chrome 59

• Chrome 59 Beta https://blog.chromium.org/2017/05/chrome-59-beta-headless-chromium-native.html
• Getting Started with Headless Chrome https://developers.google.com/web/updates/2017/04/headless-chrome

Safari TP 29

• Release Notes for Safari Technology Preview 29 https://webkit.org/blog/7532/release-notes-for-safari-technology-preview-29/
• The :focus-within pseudo class https://www.iandevlin.com/blog/2017/04/css/the-focus-within-pseudo-class

Samsung на десктопе

• Samsung DeX brings a new Dimension to the Mobile Web https://medium.com/p/f80d7edcab29

WebP торт

• Wait, WebP is actually worth it https://www.zachleat.com/web/webp/

HTML Шорты

• Зачем задавать картинку через background-image https://youtu.be/3gvjDqhYJ60?list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1

Normalize.css

• Normalize.css v6/v7 diff https://github.com/necolas/normalize.css/compare/6.0.0...7.0.0#diff-bb3dde41d97f19be8ab7b4780a915d5e
• Postcss-normalize https://github.com/jonathantneal/postcss-norma…
66. React и Sketch, HTML и WebGL, игры на CSS, гриды, HTML Шорты, дизайнеры и код в Яндексе

3 mei 2017 · 1 uur 14 min
Afspelen

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

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

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

Гости: Антон Шеин

Темы

00:00:00 Интро
00:01:20 События
00:04:39 Из React в Sketch
00:13:44 HTML в WebGL
00:23:17 Игра на CSS
00:31:30 Гриды
00:43:30 HTML Шорты
00:45:02 Дизайнеры и код в Яндексе

События

• Design Prosmotr http://designprosmotr.ru/
• pitercss_conf в Питере 16 июня https://pitercss.com/
• Ha.js в Хабаровске 13 мая http://hajs.ru/
• Moscowcss №3 18 мая https://moscowcss.timepad.ru/event/480215/
• MinskJS №2 18 мая https://minskjs.timepad.ru/event/479052/

Из React в Sketch

• Painting with Code: React Sketch.app http://airbnb.design/painting-with-code/
• Sketch 43 with an open file format! https://medium.com/p/ae62e7e7c223
• Protein http://theprotein.io/

HTML в WebGL

• DOM2Texture: Abusing Arcane APIs http://dassur.ma/things/dom2texture/
• F8 2017 Videos https://developers.facebook.com/videos/?category=f8_2017

Игра на CSS

• Adventure Time: Rescue of Flame Princess http://minocernota.com/articles/pure_css_game/
• Пламенная Принцесса http://ru.adventuretime.wikia.com/wiki/%D0%9F%D0%BB%D0%B0%D0%BC%D0%B5%D0%BD%D0%BD%D0%B0%D1%8F_%D0%9F%D1%80%D0%B8%D0%BD%D1%86%D0%B5%D1%81%D1%81%D0%B0

Гриды

• CSS Grid Cheat Sheet https://alialaa.github.io/css-grid-cheat-sheet/
• Set of guides to grid layout on MDN http://gridbyexample.com/news/2017/03/07/grid-ships-in-firefox/
• Responsive Periodic Table with CSS Grids https://codepen.io/dudleystorey/full/rmWMXY/
• Мой ванильный CSS https://youtu.be/CaDnbOjXjRg

HTML Шорты

• Можно ли оборачивать блок в ссылку? https://youtu.be/JEItJ4nyl68?list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1

Дизайнеры и код в Яндексе

• Доклады Антона Шеина https://events.yandex.ru/lib/people/3421690/

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

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://ww…
65. Браузеры, асинхронность и ES, PhantomJS всё, веб-компоненты и магические зависимости

24 april 2017 · 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:10 События
00:05:07 Firefox 53
00:09:59 Safari TP
00:11:58 Chrome 58
00:13:12 Асинхронные итераторы
00:21:28 PhantomJS всё
00:50:21 Спор о веб-компонентах
01:07:50 Магические зависимости

События

• KharkivCSS 22 апреля http://kharkivcss.org/
• Видео со SPA Meetup №3 https://habr.ru/p/326524/
• Видео с MinskCSS №2 https://youtu.be/MPqY92O-wMo?list=PL3uk4LxG9Zznos2sWj-sqkZMOha1z1WMg
• Видео с Moscowcss №2 https://youtu.be/fIAokeTWgGU?list=PLAf_MJ7SOshHyefkXgmb8YBb6PoVbxyb6
• Pitercss_meetup №12 25 апреля https://pitercss.timepad.ru/event/457262/
• PiterJS №14 27 апреля https://meetabit.com/events/piterjs-14
• Moscowcss №3 18 мая https://moscowcss.timepad.ru/event/480215/
• MinskJS №2 18 мая https://minskjs.timepad.ru/event/479052/
• Антон Шеин на pitercss_conf https://pitercss.com/#AntonShein

Firefox 53

• Firefox 53 для разработчиков http://tanalin.com/blog/2017/04/firefox-53/

Safari TP

• Safari Technology Preview 28 https://webkit.org/blog/7516/release-notes-for-safari-technology-preview-28/

Chrome 58

• Chrome 58 https://developers.google.com/web/updates/2017/04/nic58

Асинхронные итераторы

• Async iterators and generators https://jakearchibald.com/2017/async-iterators-and-generators/

PhantomJS всё

• PhantomJS: Stepping down as maintainer https://groups.google.com/d/msg/phantomjs/9aI5d-LDuNE/5Z3SMZrqAQAJ
• Chrome Status: Headless mode https://www.chromestatus.com/features/5678767817097216

Спор о веб-компонентах

• Ремы, емы и почему отказ от них — не проблема https://medium.com/p/3b2b1e785787
• Невыполненные обещания веб-компонентов https://medium.com/p/6b8641b390cb
• По поводу невыполненных обещаний веб-компонентов https://medium.com/p/385d63de4959
• Веб компоненты: светлое настоящее https://youtu.be/KjPsp_…
64. События, Edge 15 и новые фичи, доступный туду-лист, доклады, книги, прочее

17 april 2017 · 1 uur 26 min
Afspelen

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

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

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

Гости: Вадим Макишвили

Темы

00:00:00 Интро
00:04:57 События
00:09:09 Edge 15
00:28:00 Доступный туду-лист
00:53:08 Доклады, книги, прочее

События

• Первые докладчики pitercss_conf https://pitercss.com/
• KharkivCSS в Харькове 22 апреля http://kharkivcss.org/
• Pitercss_meetup №12 в Питере 25 апреля https://pitercss.timepad.ru/event/457262/
• Текстовая трансляция с React London https://github.com/web-standards/web-standards-up/blob/master/2017-03-28_react-london.md

Edge 15

• What’s new in Microsoft Edge https://blogs.windows.com/msedgedev/2017/04/11/introducing-edgehtml-15/
• Не гзипом единым https://events.yandex.ru/lib/talks/3351/
• Трекер Edge https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer

Доступный туду-лист

• Inclusive Components: Todo List https://inclusive-components.design/a-todo-list/
• axe-core https://github.com/dequelabs/axe-core

Доклады, книги, прочее

• 36 https://youtu.be/FxljIvLxUqQ
• 5 минут https://youtu.be/iBHr8gKc5L8
• Распечатай Яндекс.Карты https://vimeo.com/74930902
• Большая книга манипуляций http://www.ozon.ru/context/detail/id/138986302/

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

• 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/
63. Safari, гриды, ремы и емы, новый Твиттер, современный JS, полезный код, AMP

10 april 2017 · 1 uur 5 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:25 События
00:04:06 Safari TP
00:08:42 Гриды на огороде
00:17:44 Ремы и емы не нужны?
00:32:24 Новый Твиттер
00:38:37 Современный JS
00:48:06 Полезный код
00:54:11 AMP ломает новости

События

• Билеты на pitercss_conf https://pitercss.com/#BuyTicket
• Видео с moscowcss №2 6 апреля https://www.facebook.com/afishamansarda/videos/1510461452311235/
• KharkivCSS №2 в Харькове 22 апреля http://kharkivcss.org/
• Design Prosmotr в Москве 29—30 апреля http://designprosmotr.ru/#timetable
• Front Trends в Варшаве 24—26 мая https://2017.front-trends.com/
• Fronteers Conference 2017 в Амстердаме 5—6 октября https://fronteers.nl/congres/2017

Safari TP

• Release Notes for Safari Technology Preview 27 https://webkit.org/blog/7497/release-notes-for-safari-technology-preview-27/
• Not sure what’s more thrilling… https://twitter.com/eprev/status/849750273337831425

Гриды на огороде

• Edge Grid Update https://developer.microsoft.com/en-us/microsoft-edge/platform/status/gridupdate/?q=grid
• Grid Garden http://cssgridgarden.com/
• Flexbox Froggy http://flexboxfroggy.com/

Ремы и емы не нужны?

• Rems and ems, and why you probably don’t need them https://medium.com/p/664b9ce1e09f

Новый Твиттер

• How we built Twitter Lite https://blog.twitter.com/2017/how-we-built-twitter-lite

Современный JS

• Современный JavaScript для древних веб-разработчиков https://medium.com/p/e601e59e87a2

Полезный код

• Использование Code Coverage https://medium.com/p/6535bc26c97b

AMP ломает новости

• AMP: Breaking News https://trib.tv/2017/03/31/amp-breaking-news/

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

• 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://m…
62. Всё, что вы не хотели знать про Олю, Вадима и Лёшу в случайном выпуске

3 april 2017 · 1 uur 10 min
Afspelen

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

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

Ведущие: Olga Alessandrini, Vadim Machiavelli, Alessio Simonetti

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

• 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/
61. Браузеры, переключатель, гриды, меню, редактор в браузере, ереси БЭМа, вёрстка для школоты

27 maart 2017 · 1 uur 4 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:12 События
00:03:22 Бета Chrome 58
00:13:24 Safari TP
00:18:58 Кастомные свойства в Edge
00:23:10 Переключатель на кнопке
00:30:38 Гриды на практике
00:40:36 Быстрое меню
00:43:09 Редактор в браузере
00:56:31 Ереси БЭМа
00:59:37 Вёрстка для школоты

События

• Видео с pitercss №11 https://youtu.be/xdhPX2llDeg?list=PLTdS5E3zupkG12igmZ1mk7nrCUbbJbC_E
• 25 докладов с HolyJS 2016 https://youtu.be/khskUi4NZ0k?list=PL8sJahqnzh8IDythQu3ZJPqnvuSXQF8MV
• Moscowcss №2 в Москве 6 апреля https://moscowcss.timepad.ru/event/457567/
• SPA Meetup №3 в Москве 8 апреля https://moscow-spa.timepad.ru/event/463443/
• Pitercss_conf в Питере 16 июня https://pitercss.com/

Бета Chrome 58

• Chrome 58 Beta https://blog.chromium.org/2017/03/chrome-58-beta-indexeddb-20_21.html
• ControlsList API https://github.com/WICG/controls-list/blob/gh-pages/explainer.md
• Intent to Implement: CSS conic-gradient() https://groups.google.com/a/chromium.org/d/msg/blink-dev/-z66SwKdklc/5t-NBchECQAJ
• CSS conic-gradient() polyfill https://leaverou.github.io/conic-gradient/

Safari TP

• Release Notes for Safari Technology Preview 26 https://webkit.org/blog/7474/release-notes-for-safari-technology-preview-26/
• WebKit Feature Status: Service Workers https://webkit.org/status/#specification-service-workers

Кастомные свойства в Edge

• CSS Custom Properties in Microsoft Edge https://blogs.windows.com/msedgedev/2017/03/24/css-custom-properties/#r46FlQpAZfRK1Ykz.97

Переключатель на кнопке

• Inclusive Components: Toggle Buttons http://inclusive-components.club/toggle-button/
• Пепелсбей.net: Модный переключатель https://pepelsbey.net/2012/08/stylish-switch/

Гриды на практике

• Mozilla: CSS Grid https://www.mozilla.org/en-US/developer/css-grid/
• CSS-гриды пришли насов…
60. Фоновые вкладки, CSSO, CSS Peeper, SVG, стандарты, доступность, линтинг, JS и jQuery, Фронтёрки

20 maart 2017 · 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:12 События
00:02:17 Фоновые вкладки
00:03:58 CSSO
00:07:40 CSS Peeper
00:11:30 Курс по SVG
00:15:39 Участие в стандартах
00:24:25 Доступность или жизнь
00:31:22 Линтинг HTML
00:34:03 Сайдбар за 5 строк
00:35:41 Загрузка JS
00:41:41 jQuery не нужен!
00:51:04 Пуш-уведомления
00:59:52 Междисциплинарное
01:13:09 Фронтёрки

События

• Node.js SPb №3 31 марта https://rossinno.timepad.ru/event/457207/
• Moscowcss №2 6 апреля https://moscowcss.timepad.ru/event/457567/
• Pitercss №11 21 марта https://pitercss.timepad.ru/event/457274/
• FrontDays в Тольятти 20 мая https://frontdays.ru/
• OdessaJS в Одессе 1—2 июля http://odessajs.org/

Фоновые вкладки

• Chrome: Reducing power consumption for background tabs https://blog.chromium.org/2017/03/reducing-power-consumption-for.html

CSSO

• CSSO 3.0.0 https://github.com/css/csso/releases/tag/v3.0.0
• Real Web CSS https://github.com/csstree/real-web-css
• CSS Tree Validator https://atom.io/packages/csstree-validator

CSS Peeper

• CSS Peeper https://csspeeper.com/

Курс по SVG

• HTML Академия: Оформление SVG-фигур https://htmlacademy.ru/courses/187

Участие в стандартах

• Проблема выбора структуры документа http://css-live.ru/html5/problema-vybora-struktury-dokumenta.html

Доступность или жизнь

• Правила использования ARIA в HTML https://habr.ru/p/323876/

Линтинг HTML

• Линтинг HTML с помощью CSS http://front-end.su/linting-html-using-css
• Создание Alix, Chrome-расширения для линтинга HTML http://front-end.su/making-alix-a-chrome-extension-for-linting-html

Сайдбар за 5 строк

• Как сделать сайдбар за 5 строк кода https://habrahabr.ru/post/323934/

Загрузка JS

• Асинхронный JavaScript против отложенного https://habr.ru/p/323790/
• Off main thread JS loading https://twitter.com/samcc…
59. Браузеры, гриды, выражения от контейнера, прокрутка в вебе, оптимизация шрифтов

13 maart 2017 · 1 uur 4 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:11 События
00:01:43 Chrome 57
00:06:19 Samsung Internet
00:23:34 Safari TP
00:27:14 Гриды пришли
00:34:24 Выражения от контейнера
00:41:54 Прокрутка в вебе
00:49:42 Оптимизация шрифтов

События

• SPB Frontend в Питере 15 марта https://vk.com/spb_frontend_birthday_170315
• JS Open Day в Питере, 15 марта https://events.epam.com/events/js-open-day
• PiterJS №13 в Питере 23 марта https://meetabit.com/events/piterjs-13
• HTML-вёрстка для начинающих в Пензе 18 марта https://vk.com/mkhtmlverstka

Chrome 57

• Chrome 57: Grid based layouts, Media Session API https://youtu.be/57Scec2XPd0
• MDN: text-decoration-skip https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-skip

Samsung Internet

• Samsung Internet Beta now available without sign up https://medium.com/p/e0d5d4010838
• Google Play: Samsung Internet Beta https://play.google.com/store/apps/details?id=com.sec.android.app.sbrowser.beta

Safari TP

• Release Notes for Safari Technology Preview 25 https://webkit.org/blog/7432/release-notes-for-safari-technology-preview-25/
• The future of loading CSS https://jakearchibald.com/2016/link-in-body/

Гриды пришли

• A New Layout Module for the Web https://webkit.org/blog/7434/css-grid-layout-a-new-layout-module-for-the-web/
• Грид + флексбокс: мощнейшее комбо в веб-раскладке http://css-live.ru/articles-css/grid-fleksboks-moshhnejshee-kombo-v-veb-raskladke.html
• Grid layout = no media queries and less CSS! https://twitter.com/guilh/status/839625256750940160

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

• On container queries https://ethanmarcotte.com/wrote/on-container-queries/

Прокрутка в вебе

• Scrolling on the web: A primer https://blogs.windows.com/msedgedev/2017/03/08/scrolling-on-the-web/

Оптимизация шрифтов

• Оптимизация шрифтов …
58. Firefox, гриды, кастомные свойства, прогрессивное улучшение, шрифты, PWA, собеседование

6 maart 2017 · 1 uur 12 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:12 События
00:09:40 Жирненький Firefox 52
00:19:10 История Firefox OS
00:28:00 Руководства по гридам
00:30:42 Кастомные свойства
00:32:37 Прогрессивное улучшение CSS
00:36:05 Метрики шрифта
00:39:16 Инструменты PWA
00:45:20 Верните Гитхаб
00:53:20 Собеседование на бумажке

События

• Moscowcss №1 в Москве 2 марта https://moscowcss.timepad.ru/event/443474/
• KhJS №1 в Харькове 11 марта http://khjs.org/
• HolyJS в Петербурге 2—3 июня https://habr.ru/p/322818/
• Видео с pitercss_meetup №10 https://youtu.be/ogAZ6JC0pJI?list=PLTdS5E3zupkEiDgztHOUw4kOSM8Qdzo7H
• Видео с pitercss_meetup №9 https://youtu.be/z4FJf994UgY?list=PLTdS5E3zupkF7DlXacSyfscQ9vdW83FxH
• Видео с MinskJS https://youtu.be/8op8ZtKsrSA?list=PL-whh3wS8xsKFQUJwBgWOOm8bAO4JmFiU
• Видео с Frontend Conf 2016 в Москве https://youtu.be/dot5v3LUsq4?list=PLMBnwIwFEFHcJpfTM3YZVolk80kOvnpSm
• Как смотреть видео с фронтенд-конференций https://medium.com/p/e0a088cece23
• Video Speed Controller https://chrome.google.com/webstore/detail/video-speed-controller/nffaoalbilbmmfgbnbgppjihopabppdk?hl=en

Жирненький Firefox 52

• Firefox 52 for developers https://developer.mozilla.org/en-US/Firefox/Releases/52
• A cartoon intro to WebAssembly https://hacks.mozilla.org/2017/02/a-cartoon-intro-to-webassembly/

История Firefox OS

• The Story of Firefox OS https://medium.com/p/cb5bf796e8fb

Руководства по гридам

• Codrops CSS Reference: Grid https://tympanus.net/codrops/css_reference/grid/
• Basic concepts of grid layout https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout
• Learn Grid Layout Video Series http://gridbyexample.com/video/

Кастомные свойства

• Основы пользовательских свойств CSS http://zmeika.name/2017/03/02/custom-css-properties…
57. Браузеры, кастомные свойства, Make, новый HTML-заголовок, опенсорс, W3C против WHATWG

27 februari 2017 · 1 uur 28 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:12 События
00:05:04 Safari TP24
00:08:43 Как работают браузеры в 2017
00:18:56 Кастомные свойства
00:36:16 Make great again
00:45:28 Новый HTML-заголовок
00:59:36 Нервный опенсорс
01:14:00 W3C против WHATWG

События

• Видео с Rolling Scopes в Минске https://youtu.be/CGfnGczxKAI?list=PLe--kalBDwjiiVq-AxoChmYbArhioKhQw
• Pitercss №10 в Питере https://pitercss.timepad.ru/event/442550/
• Moscowcss №1 в Москве 2 марта https://moscowcss.timepad.ru/event/443474/
• Frontend Fellows №11 в Ижевске 3 марта https://frontendfellows.timepad.ru/event/448864/
• React Amsterdam 21 апреля https://react.amsterdam/
• Выигрышная ошибка https://github.com/pitercss/pitercss.com/issues/10

Safari TP24

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

Как работают браузеры в 2017

• Optimising the front end for the browser https://dev.to/sanjsanj/optimising-the-front-end-for-thebrowser
• Оптимизация фронтенда под браузеры https://habrahabr.ru/company/badoo/blog/322988/
• How Browsers Work (2011) https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/

Кастомные свойства

• Трюк: раздельные функции CSS-трансформации http://css-live.ru/tricks/tryuk-razdelnye-funkcii-css-transformacii.html
• PostCSS Transform Shortcut https://github.com/jonathantneal/postcss-transform-shortcut
• CSS Custom Properties as your API https://sgom.es/posts/2017-02-17-css-custom-properties-as-your-api/

Make great again

• Make as a front-end development build tool http://eprev.org/2017/02/20/make-as-a-front-end-development-build-tool/

Новый HTML-заголовок

• Нужен ли нам новый заголовочный элемент? http://css-live.ru/html5/nuzhen-li-nam-novyj-zagolovochnyj-element.html
• W3C/html: Add…
56. Новинки Chrome, Base64, WebKit, ES-модули, Node.js и Webpack, UI, книги, CSS-переменные

21 februari 2017 · 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:42 События
00:09:10 Новинки Chrome
00:28:38 Плохой Base64
00:39:34 Отладчик WebKit
00:46:00 Нативные ES-модули
00:55:18 Модули в Node.js, Webpack и V8
01:01:46 Спокойный UI
01:04:59 Книга с рыбами
01:07:01 CSS-переменные

События

• Видео с KyivJS https://youtu.be/VUyqHzF1yXM?list=PLxw9RJPDS60rSfHr_srQ2xgqBgjeYBUhe
• Pitercss №10 в Питере 21 февраля https://pitercss.timepad.ru/event/442550/
• MinskJS в Минске 1 марта https://www.facebook.com/events/648975141952649/
• Moscowcss №1 в Москве 2 марта https://moscowcss.timepad.ru/event/443474/
• MinskCSS в Минске 30 марта https://twitter.com/MinskCSS/status/828605877598945280
• React Amsterdam 21 апреля https://react.amsterdam/
• Сайт pitercss_conf https://pitercss.com/
• Репозиторий pitercss.com на Гитхабе https://github.com/pitercss/pitercss.com
• CodeFest в Новосибирске 1—2 апреля https://2017.codefest.ru/
• Rolling Scopes 2017 https://2017.conf.rollingscopes.com/
• Frontend Dev Conf в Минске 6—7 апреля http://unitedconf.com/category/dokladchiki/frontend-dev-conf/

Новинки Chrome

• Trailing commas in function parameters https://www.chromestatus.com/feature/5656834660630528
• Throttle expensive background timers http://blog.strml.net/2017/01/chrome-56-now-aggressively-throttles.html
• Object Rest/Spread Properties https://twitter.com/malyw/status/827861278605598720
• Report long tasks which block the UI https://twitter.com/malyw/status/800421380902645760
• Reload, reloaded: faster and leaner page reloads https://blog.chromium.org/2017/01/reload-reloaded-faster-and-leaner-page_26.html
• Web Share API brings the native sharing capabilities https://blog.hospodarets.com/web-share-api

Плохой Base64

• What’s Up with Base64? https://csswizardry.com/2017/02/base64-encoding-a…
55. Браузеры, дизайнеры верстают, HTML API, кастомные свойства, фигуры в CSS, промисы, JS, W3C TAG

13 februari 2017 · 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:13 События
00:07:39 Графика в WebKit
00:13:51 Ссылки в Opera
00:17:33 Дизайнеры верстают
00:29:24 HTML API
00:36:48 Кастомные свойства
00:42:21 Фигуры в CSS
00:45:31 Обещанный бургер
00:50:05 Быстрый старт JS
01:01:21 Отчёты W3C TAG

События

• UralJS №2 в Екатеринбурге 13 февраля https://uraljs.timepad.ru/event/442524/
• MoscowJS №35 17 февраля http://moscowjs.ru/event/moscowjs-35
• Weacom IT Day в Иркутске 17 февраля https://www.facebook.com/events/1867578290185891/permalink/1870311639912556/
• Mobile World Progress в Барселоне 1 марта https://medium.com/p/a1d7ccf71cb4
• moscowcss_meetup №1 в Москве 2 марта https://moscowcss.timepad.ru/event/443474/
• KharkivCSS №2 в Харькове 22 апреля http://kharkivcss.org/
• Приём докладов на pitercss_conf 16 июня https://pitercss.com/

Графика в WebKit

• Next-generation 3D Graphics on the Web https://webkit.org/blog/7380/next-generation-3d-graphics-on-the-web/

Ссылки в Opera

• What’s new in Chromium 56 and Opera 43 https://dev.opera.com/blog/opera-43/

Дизайнеры верстают

• Веб-дизайнеры, начните верстать! https://medium.com/p/c44fa28b6ad9
• Технолог — тоже дизайнер https://events.yandex.ru/lib/talks/460/
• Как «прокачаться» дизайнеру: советы и полезные ссылки https://habr.ru/p/321498/

HTML API

• HTML APIs: What They Are And How To Design A Good One https://www.smashingmagazine.com/2017/02/designing-html-apis/
• MarkApp http://markapp.io/

Кастомные свойства

• CSS Custom Properties. The Basics https://sgom.es/posts/2017-01-27-css-custom-properties-the-basics/
• More Readable CSS with CSS Custom Properties https://sgom.es/posts/2017-02-03-more-readable-css-with-css-custom-properties/
• Bridging CSS and JS with Custom Properties https://sgom.es/posts/2017-02-10-bridging-css-and-js-with…
54. Chrome, установка веб-приложений, очевидный CSS, флексбокс, колбэки, ES-модули, офлайн, HTTP/2

6 februari 2017 · 58 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:12 События
00:02:07 Новинки Chrome
00:08:32 Установка веб-приложений
00:23:50 Баги в браузерах
00:30:44 Очевидный CSS
00:37:33 Банальный флексбокс
00:43:43 Ад колбэков
00:47:21 Нативные ES-модули
00:54:14 Сохранить в офлайне
00:55:31 Локальный HTTP2

События

• Видео с WSD в Москве https://youtu.be/cRFz6GexLpM?list=PLMBnwIwFEFHdF7aJTIHQ_wJ5tkpyG7CNI
• PiterJS №12 в ИТМО 9 февраля https://meetabit.com/events/piterjs-12
• Rolling Scopes в Минске 18—19 февраля https://2017.conf.rollingscopes.com/
• pitercss_meetup №10 21 февраля https://pitercss.timepad.ru/event/442550/
• moscowcss_meetup №1 2 марта http://css.moscow/
• DUMP-2017 14 апреля https://habr.ru/p/321100/

Новинки Chrome

• Chrome 57 Beta https://blog.chromium.org/2017/02/chrome-57-beta-css-grid-layout-improved.html

Установка веб-приложений

• The New and Improved Add to Home screen https://developers.google.com/web/updates/2017/02/improved-add-to-home-screen
• Google is finally making web apps first-class citizens on Android http://www.theverge.com/2017/2/3/14497570/google-chrome-add-to-home-screen-web-apps-android-improvements

Баги в браузерах

• Reporting Browser Bugs https://www.rachelandrew.co.uk/archives/2017/01/30/reporting-browser-bugs/
• Lack of @counter-style support https://bugs.chromium.org/p/chromium/issues/detail?id=687225
• Баги в браузерах: кто виноват и что делать? https://youtu.be/K4cQH85bntQ

Очевидный CSS

• Using CSS variables in SVG icons https://fvsch.com/code/svg-icons/css-variables/
• Сила цветовой CSS-функции rgba http://frontender.info/the-power-of-rgba/

Банальный флексбокс

• A Complete Guide to Flexbox https://css-tricks.com/snippets/css/a-guide-to-flexbox/
• Flexbox Cheatsheet http://yoksel.github.io/flex-cheatsheet/
• Битва за базову…
53. Браузеры, HTTPS, клиарфикс, импорты в CSS, сервис-воркеры, история JS и фронтенд Сбертеха

30 januari 2017 · 1 uur 4 min
Afspelen

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

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

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

Гости: Александра Воробьёва

Темы

00:00:00 Интро
00:00:15 События
00:01:23 Safari 10.1
00:06:18 Chrome 56
00:09:46 Firefox 51
00:14:47 HTTPS и формы
00:21:23 Тестирование в Сбертехе
00:30:57 Новый клиарфикс
00:34:54 Импорты в CSS
00:43:34 Сервис-воркеры
00:46:19 История JS
00:56:05 Команда Сбертеха

События

• WSD в Москве 28 января https://wsd.events/2017/01/28/
• Видео с WSD в Москве https://youtu.be/Z4E2drxNjMk
• NodeSchool в Питере 28 января https://github.com/nodeschool/spb/issues/47
• SPB Frontend 31 января https://vk.com/spb_frontend_meetup_170131
• CodeFest в Новосибирске 1—2 апреля https://2017.codefest.ru/

Safari 10.1

• Safari 10.1 Release Notes https://developer.apple.com/library/prerelease/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_1.html
• Release Notes for Safari TP 22 https://webkit.org/blog/7354/release-notes-for-safari-technology-preview-22/

Chrome 56

• What’s new in Chrome 56 https://youtu.be/F4DfGVbvRpY

Firefox 51

• Firefox 51 http://tanalin.com/blog/2017/01/firefox-51/

HTTPS и формы

• Communicating the Dangers of Non-Secure HTTP https://blog.mozilla.org/security/2017/01/20/communicating-the-dangers-of-non-secure-http/

Тестирование в Сбертехе

Новый клиарфикс

• The end of the clearfix hack? https://rachelandrew.co.uk/archives/2017/01/24/the-end-of-the-clearfix-hack
• Новый display: flow-root — не clearfix, но что это и зачем? http://css-live.ru/faq/displayflow-root-not-clearfix.html

Импорты в CSS

• Is CSS @import still considered as an anti-pattern? https://discourse.wicg.io/t/is-css-import-still-considered-as-an-anti-pattern/1967

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

• Mariko Kosaka: Knitting for JavaScripters https://youtu.be/X1Cc1vrvjdY
• Ты кто такой, сервис-воркер? https://medium.com/p/9bce3b1201b6

История JS

• JavaScript Standar…
52. Moz://a, ввод дат, чек-лист, Webpack 2, React на веб-компонентах, суровый Unix, доступность

23 januari 2017 · 58 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:13 События
00:01:37 Лого Mozilla
00:05:56 Ввод дат
00:24:10 Чек-лист
00:28:31 Webpack 2
00:33:26 React на веб-компонентах
00:34:57 Суровый Unix
00:47:19 Доступность

События

• WSD в Москве 28 января https://wsd.events/2017/01/28/
• KharkivCSS 22 апреля http://kharkivcss.org/
• Rolling Scopes в Минске 18—19 февраля https://2017.conf.rollingscopes.com/

Лого Mozilla

• Moz://a Arrival https://blog.mozilla.org/opendesign/arrival/
• moz:// URI scheme http://www.iana.org/assignments/uri-schemes/prov/moz

Ввод дат

• Date/Time Input Types http://slides.com/jessicajong/datetime
• Making input type=date complicated https://medium.com/p/a544fd27c45a

Чек-лист

• Что поправить в вёрстке перед выпуском в продакшен? https://habrahabr.ru/post/319664/

Webpack 2

• Webpack 2.2: The Final Release https://medium.com/p/76c3d43bf144
• Rollup.js http://rollupjs.org/

React на веб-компонентах

• Web Components, the React way https://medium.com/p/8ed5b6f4f942

Суровый Unix

• Ack for CSS Developers http://csswizardry.com/2017/01/ack-for-css-developers/
• Вместо ack уже ripgrep https://twitter.com/veged/status/821829781482250240
• Ripgrep http://blog.burntsushi.net/ripgrep/
• Tower https://www.git-tower.com/
• WebVim http://www.thedotpost.com/2016/12/bertrand-chevrier-webvim
• Всё, что вы делаете в Vim неправильно https://youtu.be/Lgv_jThBvso
• Panic Themes https://download.panic.com/misc/
• Icon Slate http://www.kodlian.com/apps/icon-slate
• ImageMagick https://www.imagemagick.org/

Доступность

• How I do an accessibility audit https://youtu.be/cOmehxAU_4s
• Accessibility Devtools Extension https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb
• axe-core https://github.com/dequelabs/axe-core
• Us…
51. ES6-модули и global, PhantomJS, веб-манифест, фронтенд ВКонтакте, методологии CSS, SVG-иконки

16 januari 2017 · 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:24 События
00:10:06 JS-модули и global
00:18:08 Бета PhantomJS
00:20:20 Веб-манифест
00:21:52 ВК и PWA
00:32:58 ВК и доступность
00:42:27 Методологии CSS
00:47:26 Кастомные свойства
00:50:52 SVG-иконки
00:52:51 ВК и кастомные шрифты
01:01:30 Динамический импорт JS-модулей

События

• pitercss_meetup №9 в Yota 24 января https://pitercss.timepad.ru/event/429617/
• WSD в Москве 28 января https://wsd.events/2017/01/28/
• SPB Frontend https://vk.com/spb_frontend
• Papers We Love. SPB https://vk.com/paperswelovespb

JS-модули и global

• Release Notes for Safari Technology Preview 21 https://webkit.org/blog/7265/release-notes-for-safari-technology-preview-21/
• Mozilla: Intent to Implement ES6 modules https://groups.google.com/d/msg/mozilla.dev.platform/dr67sITwva8/G3aHo1MKGAAJ
• JavaScript Loader Standard https://whatwg.github.io/loader/
• Remove global from FF Nightly https://github.com/kangax/compat-table/pull/1004

Бета PhantomJS

• PhantomJS 2.5.0 Beta https://groups.google.com/d/msg/phantomjs/AefOuwkgBh0/BsUiXD21DgAJ

Веб-манифест

• Манифест? А? Что? Зачем? https://medium.com/p/865e609f6f47

ВК и PWA

ВК и доступность

• Добьёмся доступности ВК для незрячих https://www.change.org/p/%D0%B4%D0%BE%D0%B1%D1%8C%D1%91%D0%BC%D1%81%D1%8F-%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%BD%D0%BE%D1%81%D1%82%D0%B8-%D1%81%D0%B0%D0%B9%D1%82%D0%B0-%D0%B2%D0%BA%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D0%B5-%D0%B4%D0%BB%D1%8F-%D0%BD%D0%B5%D0%B7%D1%80%D1%8F%D1%87%D0%B8%D1%85-%D0%BB%D1%8E%D0%B4%D0%B5%D0%B9

Методологии CSS

• What’s in a name? A CSS naming convention overview https://medium.com/p/9fd86eae4e6c
• Ничего ты не знаешь, Джон Сноу. Фронтенд ВК https://youtu.be/qseu-ZaGoes

Кастомные свойства

• Random Numbers in CSS https://css-tricks.com…

Alle afleveringen

100. Юбилей, что изменилось, сервис-воркеры, замороженный UA, фронтенд в 2017, молодые фронтендеры

99. Бета Chrome 64 и V8, опенсорс, что не так с CSS и классами в JS, HTML 5.2 и WHATWG

98. Декодинг картинок, анимация и авторизация, Webpack или Parcel, GIF, Smashing Magazine

97. Edge и Chrome, Firefox и веб-компоненты, CSS-волшебники, подкаст, форматы, поддержка

96. Firefox 58, JS-модули, React + BEM, карьера, For Web, паблики и Smashing Magazine

95. Firefox, парное программирование, перфоманс, a11y, книги и термины, школы при компаниях, юниоры

94. События, Node.js 8 LTS, типографика и CSS, интервенции Chrome, дизайн в Деньгах

93. WSD, YGLF, ReactiveConf, графика и цвет, фокус и курсоры, React и Kotlin, украинский фронтенд

92. События, доступность и дизайн с Настей Суховерховой, создательницей Веблайнд

91. Браузеры, общий MDN, ошибки верстальщиков, дизайнеры учатся кодить, харассмент

90. Затишье браузеров, Гитхаб, загрузка картинок, книги, война за CSS, редизайн Slack

89. Браузеры, сетки и смерть сайтов, плохая кнопка, зачем доступность, знакомьтесь, JS

88. Лицензии и DRM, SVG и border-image, графика, Шорты и JS-типизация, доступные диалоги

87. Зачем Edge, Safari, Chrome 62, кому нужен CoffeeScript 2, идеи для DevTools

86. Адаптивность, редакторы, инверсная тема, git --force, гриды, вёрстка, ES-модули в Node

85. CSS-Minsk-JS speakers Aga Naplocha, Harry Roberts, Eva Lettner, Zach Leatherman, Kitty Giraudel

84. Safari, Chrome и Firefox, Yarn 1.0, как сломать гриды и почему не нужны ресеты

83. Браузер без головы, многопоточный JS, Edge, оптимизация загрузки, фавиконки, веб-мастера

82. Safari, Stylo, PWA и Android, Polymer 3.0, Шорты, React или CSS, шрифты, новичкам, RadioJS

81. Наши на западе, Chrome 61, аудит 2.0, доступность, SVG, дизайнерам, видео, кроссбраузерность

80. Браузеры, алгоритмы и паттерны, прозрачный JPG, Телеграм, загрузка, фокусы, Node.js

79. Сервис-воркеры, загрузка шрифтов, гриды и флексы, picture, тяжёлые пакеты, WTF JS?

78. Chrome, Stylo, Flash всё, статистика браузеров, сброс стилей, большой текст, a11y, новинки ES

77. CSS Minsk JS, DevTools, Storage API, DRM и W3C, чистка CSS, API, Xwebs Megabrowser

76. Вертикальный ритм, Sass, переменные, Susy, чёрная магия CSS, ES 2017, полезный npx

75. Гриды, Edge и IE, сетки и стримеры, CSS is Awesome, ARIA, фокус, JS-импорты, подкасты

74. Браузеры, HTML, PE и GD, гриды с фолбэком, фокус, шрифты, рефакторинг, PWA, CS в ES

73. Firefox, новые гриды в Edge, зачем флексы, JS-модули в HTML, Webpack 3 и CSS-фрагменты

72. Только для Chrome, Safari, Chrome и Edge, гриды, Шорты, стример Юра, Stylelint и Node.js

71. Safari, календарик, гриды, кастомные свойства, лейблы, флексы, Node.js, CSS-in-JS

70. Firefox, npm 5, a11y, шорты и шоу, CSS-in-JS, Webpack и SPA, гриды, новичкам

69. Браузеры, Google I/O, Git с UI, выравнивание, Lazy Image, Mavo, формы, Perf.HTML, ES-модули

68. Edge и PWA, Opera, Electrino, Автопрефиксер, доступное меню, валидация форм, размерности

67. Новости браузеров, WebP, HTML Шорты, Normalize.css, CSS5, CSS-in-JS, ES-модули

66. React и Sketch, HTML и WebGL, игры на CSS, гриды, HTML Шорты, дизайнеры и код в Яндексе

65. Браузеры, асинхронность и ES, PhantomJS всё, веб-компоненты и магические зависимости

64. События, Edge 15 и новые фичи, доступный туду-лист, доклады, книги, прочее

63. Safari, гриды, ремы и емы, новый Твиттер, современный JS, полезный код, AMP

62. Всё, что вы не хотели знать про Олю, Вадима и Лёшу в случайном выпуске

61. Браузеры, переключатель, гриды, меню, редактор в браузере, ереси БЭМа, вёрстка для школоты

60. Фоновые вкладки, CSSO, CSS Peeper, SVG, стандарты, доступность, линтинг, JS и jQuery, Фронтёрки

59. Браузеры, гриды, выражения от контейнера, прокрутка в вебе, оптимизация шрифтов

58. Firefox, гриды, кастомные свойства, прогрессивное улучшение, шрифты, PWA, собеседование

57. Браузеры, кастомные свойства, Make, новый HTML-заголовок, опенсорс, W3C против WHATWG

56. Новинки Chrome, Base64, WebKit, ES-модули, Node.js и Webpack, UI, книги, CSS-переменные

55. Браузеры, дизайнеры верстают, HTML API, кастомные свойства, фигуры в CSS, промисы, JS, W3C TAG

54. Chrome, установка веб-приложений, очевидный CSS, флексбокс, колбэки, ES-модули, офлайн, HTTP/2

53. Браузеры, HTTPS, клиарфикс, импорты в CSS, сервис-воркеры, история JS и фронтенд Сбертеха

52. Moz://a, ввод дат, чек-лист, Webpack 2, React на веб-компонентах, суровый Unix, доступность

51. ES6-модули и global, PhantomJS, веб-манифест, фронтенд ВКонтакте, методологии CSS, SVG-иконки