Веб-стандарты

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

• Boosty
• Patreon

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

Темы

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

События

• BeerJS PubTalk в Киеве 8 сентября
• JSNN #10 в Нижнем Новгороде 8 сентября
• RND.JS #7 в Ростове-на-Дону 8 сентября
• DINS JavaScript meetup #1 в Питере 12 сентября
• Ufa Tensor Forum в Уфе 13 сентября
• KyivJS #19 в Киеве 14 сентября
• Krasnodar Dev Days #3 в Краснодаре 15 сентября
• FrontTalks в Екатеринбурге 14–15 сентября
• CSS-Minsk-JS в Минске 21–22 сентября
• Fronteers в Амстердаме 4–5 октября
• FrontendConf в Москве 4–5 октября
• KharkivJS в Харькове 6–7 октября
• Фестиваль 404 в Самаре 6–7 октября

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

• Charting Browser Interoperability
• Flexbox is now used by ~82% of web pages
• BopPad Editor
• Web Bluetooth Implementation Status

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

• Cross-site tracking: Let’s unpack that
• Changing Our Approach to Anti-tracking

Опенсорс и политика

• Change MIT License on Lerna banning ICE collaborators
• Add text to MIT License banning ICE collaborators
• Restore unmodified MIT license
• MIT 3 Laws License

OpenType и полезный каскад

• The Complete CSS Demo for OpenType Features
• A Tale of Two Buttons

Развитие React DOM

• Reach UI
• React Fire: Modernizing React DOM
• Выпуск №122 с Алексеем Швайкой

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

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

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

• Boosty
• Patreon

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

Темы

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

События

• Izh Tech Talks #2 по фронтенду в Ижевске 30 августа
• CodeEvening MeetUP в Нефтекамске 31 августа
• Refresh Conference в Таллине 7 сентября
• DINS JavaScript meetup #1 в Питере 12 сентября
• FrontTalks в Екатеринбурге 14–15 сентября
• CSS-Minsk-JS в Минске 21–22 сентября

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

• Symantec, GeoTrust, RapidSSL, Thawte, Verisign will be distrusted in October 2018

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

• Firefox Nightly: column-gap and row-gap in Flexbox
• Интерактивные курсы (карточки на гридах)
• Custom CSS Properties do not worki inside @page

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

• Webkit-prefixed pseudo-elements are always treated valid in WebKit and Blink
• CSS Selectors Level 4: Parsing Quirks
• Стандарт для нестандартного

SVG-фильтры и WebGL

• SVG Filters
• Глава 3: Размеры в SVG
• Understanding SVG Coordinate Systems and Transformations
• Введение в программирование шейдеров для верстальщиков
• HTML GL. Возьмите столько FPS, сколько вам нужно
• Стримы Юры Артюха

Новинки Node.js

• Experimental multi-threading support behind a flag in Node.js 10
• Node.js: HTTP2: graduate from experimental

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

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

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

• Boosty
• Patreon

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

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

Темы

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

События

• WSD в Питере 18 августа
• NodeSchool Novosibirsk №5 в Новосибирске 25 августа
• NodeSchool SPb №25 в Питере 25 августа
• NodeSchool в Тюмени 1 сентября
• TechTrain в Питере 1–2 сентября
• FrontTalks в Екатеринбурге 14–15 сентября
• CSS-Minsk-JS в Минске 21–22 сентября

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

• Chrome: Intent to Implement Searchable Invisible DOM
• Searchable Invisible DOM Explainer
• Chrome: Intent to Implement Writable Files
• Writable Files Explainer

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

• Chrome Status: Intrinsic size attribute
• Intrinsicsize Attribute on Media Elements Explainer
• A native lazy load for the Web platform

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

• Intent to Ship: Shadow DOM and Custom Elements

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

• Release Notes for Safari Technology Preview 63
• Grunt CLI 1.3.0 released

Хорошая конференция

• I Can Say Words Out Loud At Your Event
• My questions for event organizers

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

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

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

• Boosty
• Patreon

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

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

Темы

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

События

• Pitercss_meetup №23 в Питере 13 августа
• PiterJS №28 в Питере 16 августа
• WSD в Питере 18 августа
• FreeCodeCamp №22 в Москве 19 августа
• MoscowJS в Москве 23 августа
• FrontendConf в Москве 4–5 октября
• LvivCSS во Львове 10–11 ноября
• Скидка 10% по wst@LvivCSS2018

Новинки Chrome 69

• Chrome 69 Beta: CSS tricks, and more

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

• Building websites for Safari Reader Mode and other reading apps

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

• Styling language that looks like CSS but has no cascade
• Houdini API is now candidate recommendation

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

• Как не создавать барьеры для незрячих
• Вёрстка Canvas, Алексей Охрименко
• Accessibility Object Model

Выгорание

• Как я летала на Марс. История эмоционального выгорания

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

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

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

• Boosty
• Patreon

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

Темы

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

События

• Я.Субботник в Питере 11 августа
• БЭМап в Питере 12 августа
• Pitercss_meetup №23 в Питере 13 августа
• NodeSchool в Тюмени 1 сентября
• FrontTalks в Екатеринбурге 14–15 сентября
• Moscowcss 9 в Москве 2 октября

Подкастинг

• Podcasting on WordPress.com
• CSSSR: Новости 512
• SPB Frontend Drinkcast

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

• Firefox 61
• Release Notes for Safari Technology Preview 62
• Blink: Intent to Deprecate and Remove

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

• React v16.4.2: Server-side vulnerability fix

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

• I think TC39 is making a mistake…

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

• CSS Grid Level 2 updated Working Draft

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

• Как мы делали веб-интерфейс для Google Photos

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

• The Case for React-like Web Components
• Web Components in 2018

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

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

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

• Boosty
• Patreon

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

Темы

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

События

• FreeCodeCamp в Москве
• WSD в Питере 18 августа
• Приём докладов до 3 августа
• Krasnodar Dev Days #3 в Краснодаре 15 сентября
• Frontend Conf Moscow в Москве 4–5 октября
• Fronteers в Амстердаме 4–5 октября
• EmberFest в Амстердаме 11–12 октября

Chrome 68

• New in Chrome 68

Опасный HTTP

• A milestone for Chrome security: HTTP as not secure

React или jQuery

• Github.com отказывается от jQuery
• React is The New jQuery
• React — это не новый jQuery

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

• Удивительный и неизвестный inline-block

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

• The Complete Illustrated Flexbox Tutorial
• MDN: justify-self

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

• Hello, animation!
• Все курсы HTML Academy

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

• Removing Babel’s Stage Presets

Браузеры мешают JS

• The three browsers holding JavaScript back

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

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

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

• Boosty
• Patreon

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

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

Темы

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

События

• Видео с UralJS в Екатеринбурге 5 июля
• Do moral Code meetup #2 во Львове 27 июля
• Яндекс Субботник в Минске 27 июля
• БЭМап в Питере 12 августа
• WSD в Питере 18 августа

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

• Классы, сложность и функциональное программирование
• What’s Happening With the Pipeline (|>) Proposal?
• Guppy: friendly app manager and task runner for React
• An introduction to the JavaScript MutationObserver API

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

• PWACompat: the Web App Manifest for all browsers

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

• 9 Biggest Mistakes with CSS Grid
• Should I try to use the IE version of Grid Layout?

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

• Школа разработки интерфейсов Яндекса
• Div class="text" У меня всё
• Ссылки, на которые полезно кликнуть div
• Девшахта №11: ШРИ Яндекса
• Ночной фронтенд №37: ШРИ Яндекса. Итоги

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

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

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

• Boosty
• Patreon

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

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

Темы

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

События

• SPB Frontend в Питере 17 июля
• WSD в Питере 18 августа
• LvivCSS 2018 во Львове 10–11 ноября

Вирус в npm

• Virus in eslint-scope?

Зачем Feature Policy

• Introduction to Feature Policy

Случай в Atom

• Atom Git-Plus

Мёртвый код

• Reduce JavaScript Payloads with Tree Shaking

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

• Компоненты и разделение ответственности

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

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

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

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

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

• Boosty
• Patreon

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

Темы

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

События

• SPB Frontend в Питере 17 июля
• Я.Субботник в Минске 28 июля
• WSD в Питере 18 августа

React это просто JS

• React is just JavaScript
• The Beginner’s Guide to React

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

• Request to pick up the CSS nesting proposal
• CSS Nesting Module Level 3
• А смысл, если есть препроцессоры?

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

• Spacings and CSS Custom properties
• Зачем нужны кастомные свойства?
• Старая тема Material на Sass

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

• ReCAPTCHA v3
• Inaccessibility of CAPTCHA, W3C WD

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

• Debunking Common IE Grid Misconceptions
• CSS Grid and the New Autoprefixer
• Faking an Auto-Placement Grid with Gaps
• Андрей Ситник: Рейчел не позволила
• CSS Grid Level 2: Here Comes Subgrid

Верстальщик против визивига

• WiX
• Tilda
• Adobe Muse

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

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

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

• Boosty
• Patreon

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

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

Темы

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

События

• UralJS в Екатеринбурге 5 июля
• FreeCodeCamp №21 в Москве 22 июля
• Приём докладов на 404fest в Самаре 6–7 октября
• CSS-Minks-JS в Минске 21–22 сентября

Доклады на BeerJS

• BeerJS Summit в Минске 30 июня
• Essential Image Optimization
• Decrease Front-end Size
• Don’t Guess it, Test it!
• Grammarly

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

• Состояние дел в вебе: стратегии оптимизации изображений
• Современный интернет в одном видео

Шрифты в SVG

• Using Custom Fonts With SVG in an Image Tag
• Веб в кривых. Второе рождение SVG
• SVG vs PNG

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

• Исчезающие фреймворки
• Computer, build me an app

Модули ES2015+

• On Consuming (and Publishing) ES2015+ Packages

Див не кликается

• JS click event bubbling on iOS
• Жми сюда!

Почему CSS такой

• Resilient, Declarative, Contextual
• Устойчивый, декларативный, контекстный

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

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn