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

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

• Boosty
• Patreon

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

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

Темы

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

События

• AmsterdamJS в Амстердаме 1 июня
• Почта [email protected], тема AmsterdamJS
• JS Party в Новосибирске 13 февраля
• PiterJS #22 в Питере 15 февраля
• RND.JS #5 в Ростове-на-Дону 18 февраля
• ngVikings в Эспоо 1–2 марта
• Moscowcss 7 в Москве 6 марта
• JS Fest в Киеве 30–31 марта
• React Finland в Хельсинки 24–26 апреля

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

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

• Фронтенд — это не больно!

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

• Circularity and Container Queries
• CSS Module Timelines
• CSSWG FAQ

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

• Flexible Box Layout Module, 2009

PWA в Safari

• PWA on iOS: Cupertino, we have a problem

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

• Всё про Edge

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

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

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

• Boosty
• Patreon

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

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

Темы

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

События

• SPB Frontend Drinkup в Питере 30 января
• Три видео с MinskJS
• Ha.js в Хабаровске 3 февраля
• UralJS в Екатеринбурге 8 февраля
• AmsterdamJS в Амстердаме 1 июня

Браузеры

• Safari 11.1
• Betas of iOS 11.3 and macOS 10.13.4 are out
• Firefox 58, Марат Таналин
• The Quantum Era Continues
• New in Chrome 64
• Watch your back, Browser! You’re being observed

Bootstrap 4

• Bootstrap 4
• Should I try to use the IE implementation of CSS Grid Layout?

WebStorm и CSS

• WebStorm 2018.1

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

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

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

• The Trials and Tribulations of the Title Attribute

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

• Use Cases and Requirements for Element Queries

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

• Все книги серии «Веб-стандарты»

Миру мир

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

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

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

• Boosty
• Patreon

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

Темы

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

События

• pitercss_meetup №18 в Питере 24 января
• WSD в Москве 3 февраля
• MinskJS в Минске 25 января
• Rolling Scopes в Минске 10–11 февраля
• Frontend Meetup №1 в Новосибирске 3 февраля
• CodeFest в Новосибирске 31 марта—1 апреля
• NodeSchool SPb в Питере 17 февраля
• DUMP и FrontTalks в Екатеринбурге 13 апреля

Селектор matches

• Complex CSS Selectors Inside Selectors

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

• Learn all about CSS Grid
• Layout Land: Season One
• CSS Grid + CSS Multi-Columns
• Профессиональный HTML и CSS 2 уровня

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

• Turning Design Mockups Into Code With Deep Learning

Согласие по main

• Restrict the main element to be used once
• Consider aligning main element definition

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

• ESM modules in node: npm edition

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

• Шортики по ReactJS

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

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

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

• Boosty
• Patreon

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

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

Темы

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

События

• PiterJS в Питере 18 января
• Я.Субботник в Нижнем Новгороде 20 января
• Pitercss_meetup в Питере 24 января
• MinskJS в Минске 25 января
• WSD в Москве 3 февраля

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

• Intent to Implement :matches()
• Enable Custom Elements v1
• Enable script type="module"
• Building Bridges, WarsawJS
• Code Podcast: Don’t make me write UI!
• CSS Houdini

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

• Телеграм

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

• Hazard of Automatic Semicolon Insertion
• Prettier
• JavaScript Standard Style
• Airbnb JavaScript Style Guide

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

• Demystifying CSS alignment

Трюки Сары с SVG

• Optimizing SVG Text & Image Delivery with Inline SVG
• Cropping & Scaling Images Using SVG Documents

Управление проектами

• Systems thinking in management

Фронтендер в Берлине

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

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

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

• Boosty
• Patreon

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

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

Темы

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

События

• Pitercss_meetup №18 в Питере 24 января
• WSD в Москве 3 февраля
• AmsterdamJS в Амстердаме 1 июня

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

• Бесчеловечные эксперименты над CSS
• Инструменты для экспериментов
• Flexible Overflow
• Counters and Stones
• Castle of Sinister Sorcerers
• Zen Coding 2.0. Концепт
• Hayaku

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

• Математика CSS-шлюзов
• Re-adding min() and max()?
• Native interpolation function in CSS
• CSS conic-gradient() polyfill
• Change the pointer cursor to indicate any interactive element
• Move to WICG to get more traction?
• The RGB hexadecimal notations

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

• Typed CSS With Stylable
• Styled Components

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

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

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

• Boosty
• Patreon

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

Темы

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

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

• David Bowie Year by Year
• Do Make Say Think
• Terminal Bar на Белинского

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

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

• Star Wars: The Last Jedi Trailer
• Зубастики
• All Changes Made to Star Wars
• Nosferatu (1922)

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

• Оливье
• Aperol Spritz

Про книги

• Продолжение Звёздных войн
• Дилемма инноватора
• Sapiens. Краткая история человечества
• Орфография
• Вся кремлёвская рать
• Донна Тартт
• Никколо Амманити
• Лёха Андреев
• Град обреченный
• Князь Света

Дж. Р. Р. Толкин

• Сильмариллион

Про сериалы

• Хороший доктор
• Гоморра
• Нарко
• Государство у Чарльза Тилли
• Табу
• Рассказ служанки
• Хранители
• Охотник за разумом
• Метод
• Троцкий

Закругляемся

• Dream a Little Dream of Me

Песня

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

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

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

• Boosty
• Patreon

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

Темы

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 Кому молодых фронтендеров?

Юбилей

• Добролёт
• Пилотный выпуск №1
• Выпуск №65 с Виталием Слободиным из PhantomJS

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

• Промокод wst для YGLF Kyiv даёт 10% скидку

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

• Flexbox Froggy
• Grid Garden
• Как работает на низком уровне Node.js и Angular?

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

• Service Workers: Going beyond the page
• Release Notes for Safari Technology Preview 46
• STP 46 freezes Safari’s user agent
• I want things to be different…
• Chrome will start blocking ads on February 15

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

• Frontend in 2017: The important parts
• Мой ванильный CSS
• Missed naming opportunities

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

• Веб-стандарты на Ютубе
• Best Dynamic USB Microphone
• Good Starter Microphone

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

• Профессия «Фронтенд-разработчик»

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

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

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

• Boosty
• Patreon

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

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

Темы

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 декабря
• WSD в Москве 3 февраля
• HolyJS Piter в Питере 19–20 мая
• YGLF Kyiv в Киеве 24–25 мая
• Front-Trends в Варшаве 24–25 мая
• Frontend Conf в Москве 28–29 мая
• CSSconf в Берлине 1 июня
• JSConf в Берлине 2–3 июня
• Pitercss_conf в Питере 8–9 июня
• CSS Day в Амстердаме 14–15 июня

Бета Chrome 64 и V8

• Chrome 64 Beta
• V8 JavaScript code coverage

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

• Sindre Sorhus is creating open source software
• Gitcoin

Что не так с CSS

• CSS Reset: Bert Bos & Håkon Wium Lie

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

• I don’t like this pattern
• Ideally the latter I’d say

HTML 5.2 и WHATWG

• Рекомендация HTML 5.2
• Thanks Steve for everything
• Новая политика WHATWG: шаг к единому стандарту HTML?
• Please ignore the WHATWG HTML spec
• Add link rel="modulepreload"

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

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

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

• Boosty
• Patreon

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

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

Темы

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 декабря
• Pitercss_meetup №17 в Питере 20 декабря
• MinskJS Meetup 3 в Минске 25 января
• WSD в Москве 3 февраля
• Rolling Scopes в Минске 10–11 февраля
• Smashing Conf

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

• Safari TP 45
• Chrome 63
• Intent to Ship: image decoding attribute
• Chrome 65 adding Web Animations API implementation
• Intent to Ship: Web Authentication

Webpack или Parcel

• Webpack 4.0.0-alpha.0
• Parcel

GIF устарел

• Эволюция img Gif без формата GIF
• Debugging Grid Layouts With Firefox Grid Inspector

Smashing Magazine

• Илья Пухальский
• Виталий Фридман

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

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

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

• Boosty
• Patreon

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

Темы

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 декабря
• RND.JS #4 в Ростове-на-Дону 9 декабря
• HolyJS в Москве 10–11 декабря
• WSD в Москве 3 февраля
• Frontend Conf в Москве 6–7 июня
• ScotlandCSS в Эдинбурге 18 июля
• ScotlandJS в Эдинбурге 18–20 июля
• pitercss_conf в Петербурге 8-9 июня

Edge и Chrome

• Edge now available for iOS and Android
• DevTools Chrome 63
• DevTools Chrome 64

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

• Intent to implement: Shadow DOM
• Intent to implement: Custom Elements
• Светлое будущее Custom Elements
• I is="the walrus"
• GitHub vulnerability announcements

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

• Flexible Overflow
• A few syntaxes for element queries in CSS
• Generating Wireframe Boxes with CSS and HTML5

Подкаст, форматы, поддержка

• Сгенерировать XML-фид из описаний выпуска

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

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