Talks
Conferences and meetups, public talks, podcasts.
Conferences and meetups
Speakerpunk 2021
О том, как подготовить и рассказать доклад на техническую тему, когда на дворе онлайн, но иногда пускают и в оффлайн: личный опыт, наблюдения, советы, лайфхаки и истории (не)успеха.
<img>
«Просто добавь картинку на сайт», — говорили они. А оказалось, что «просто» не значит «правильно». Давайте разберёмся, как эффективно добавлять изображения на страницу, какие форматы графики для каких случаев полезны и как автоматизировать автоматизируемое.
WWW-аппликация
Чтобы нарисовать веб-страничку, браузер под капотом задействует целый конвейер рендеринга, в котором каждый этап — важный и сложный. Как разработчик может влиять на эти этапы, чтобы сделать страничку лучше и производительней? Давайте вспомним аппликации из бумаги, которые вы, возможно, делали в начальной школе. Оказывается, у рендеринга и детских аппликаций есть много общего.
- @ Frontend Live 2020 ru
- @ Neat Talks #4 ru
Трогательный фронтенд
В марте Apple обновила iPadOS и добавила в него курсор мышки. Но мы привыкли к тому, что планшет — это тач-устройство, для которого можно верстать, не думая об указателях. Попробуем разобраться, нужно ли верстать отдельно под тач-устройства, и какие преимущества может дать нам знание, что сайт показывается не на мониторе.
- @ РИТ++ 2020 ru
Дорогая цена стилей
Загрузка CSS на страницу — блокирующая операция. Если асинхронная загрузка JavaScript может быть незаметна пользователю, то медленное появление стилей может прогнать нетерпеливого пользователя с сайта. Как загружать CSS максимально производительно и незаметно для пользователей? Попробуем разобраться.
Трогательная вёрстка
В марте Apple обновила iPadOS и добавила в него курсор мышки. Но мы привыкли к тому, что планшет — это тач-устройство, для которого можно верстать, не думая об указателях. Попробуем разобраться, нужно ли верстать отдельно под тач-устройства и какие преимущества может дать нам знание, что сайт показывается не на мониторе.
- @ MinskCSS Meetup #8 ru
Анимации в вебе
В 2020 году для хорошего UX использование анимаций на сайтах — почти стандарт. При этом способов «одушевить» интерфейс — вагон и маленькая тележка. Давайте рассмотрим самые популярные и выберем, когда какой способ подходит лучше.
- @ undefined@ in Yandex ru
<a>
Что такое поисковая выдача? По факту — страница с десятками ссылок. Когда тег <a> — самое ценное, что нужно отдать пользователю, знать его особенности критически важно. Давайте разберёмся, какие тайны в себе хранит этот тег, который с нами ещё со стандарта HTML 1.
CSS — язык программирования
В Интернетах принято ругать CSS, если не понимаешь, как с ним работать. Тем не менее, CSS в связке с HTML — Тьюринг-полный язык программирования, а если к ним добавить Houdini API и CSS Custom Properties — можно творить настояющую магию.
- @ Стачка 2019 ru
- @ FrontendConf 2019 ru
- @ LvivCSS’2019 ru
Soft Skills для интровертов
Чтобы быть успешным разработчиком, одних навыков программирования в 2019 году недостаточно. Кроме знаний технологий, нужно развивать коммуникабельность, тайм-менеджмент, лидерские качества и много всего другого. Но что делать, если вы заядлый интроверт и хотите писать только код?
- @ Мастер-класс ru
Алиса, пойдём во фронтенд!
Голосовые помощники — уже не далёкое будущее, а реальная действительность. Алекса, Сири, Алиса и прочие встроенные в «умные» колонки боты постепенно меняют наш способ взаимодействия с приложениями. Давайте посмотрим на примере понимающей русский язык Алисы, как можно применять её навыки для ваших сайтов прямо сейчас. Построим простой навык прямо во время доклада. Рассмотрим, что уже сейчас могут дать голосовые помощники, чтобы привнести что-то новое и полезное в веб.
- @ FrontendConf 2019 ru
Houdini — CSS, который JavaScript
CSS Houdini — набор спецификаций, который изменит веб-разработку. С его внедрением в браузеры обычный верстальщик будет вынужден выучить JavaScript, чтобы оставаться востребованным. Зато вместо того, чтобы дожидаться появления браузерной реализации «супер-мега-гридов», достаточно будет подключить полифил для CSS. Мы немного пофантазируем и рассмотрим все существующие спецификации Houdini.
- @ OdessaJS 2018 ru
- @ FrontTalks 2018 ru
- @ KharkivCSS 2019 ru
Тёмная сторона веба
Тёмные темы сайтов можно признать новым трендом в дизайне веб-приложений. Иногда они уместны, иногда — необходимы. Случается, что они служат скорее во вред пользователям, чем для пользы. Давайте разберёмся, когда и как тёмные темы могут помочь стать вашему веб-приложению лучше.
MacOS Driven Development
Я пишу код в уютной для меня MacOS уже 6 лет. Чёткие картинки, насыщенные цвета на Retina-экране, удобные инструменты, среди которых Sketch — разрабатывать так приятно! Парадокс в том, что люди, которые пользуются продуктами, для которых я пишу код, в большинстве своём пользуются Windows. Поэтому баги, специфичные для Windows, очень легко могут пройти мимо разработчика. Чёрт с ними, с багами — крестик у попапа ведь должен быть слева! Или всё же справа?
- @ moscowcss №11 ru
- @ pitercss_meetup 30 ru
Отладка CSS в боевых условиях
Бывало ли у вас, что нужно срочно подвинуть кнопочку в интерфейсе, а ваши стили не применяются? Или когда у вас всё работает, а на конкретном мобильном устройстве вёрстка плывёт? Как дебажить CSS в таком случае? И как понять, что виноват именно CSS, а не ваш новомодный Webpack 7 со встроенным CSSMegaMinifier?
Идеальный доклад. Голая правда
Что делает доклад интересным и запоминающимся? Полезная тема, харизматичный спикер, весёлые гифки на слайдах? Да, но список требований гораздо шире. Может показаться, что готовить доклады сложно. К тому же непонятно, зачем это нужно лично вам. Плюсы и минусы выступлений для карьеры и личностного роста, как подготовить тот самый, «идеальный» доклад — от опытных докладчиков и организаторов конференций и митапов.
Магия CSS вне Хогвартса
«Играться со шрифтами» и двигать однотипные блоки на одинаковых страницах рано или поздно надоедает. Чтобы не погрязнуть в рутине, нужно давать себе встряску. Как? Создавать крутые демки! Ещё лучше — с попаданием на главную страницу CodePen.
- @ MinskCSS Meetup #4 ru
Подготовка к выступлению. Пошаговое руководство от организаторов
Talking to a public is not an easy thing to learn, and it takes a lot of courage and time to become experienced with and to feel comfortable on a stage. There is always a fear of failing. Is the topic right? Do your slides help you or draw too much attention? Are they informative? Does your voice sound reasonable and confident? What should you do before the event? When it's better to force yourself to finish preparations? Is it OK to make changes to your slides in 5 minutes before the talk?
- @ OdessaJS 2018 ru
Еще не готовил доклад? Чего ждешь?
Показываем картинки пользователю: подробное руководство
Веб-разработчики постоянно работают с изображениями, будь то графика, заложенная в дизайн сайта, или фотографии, загружаемые на сайт извне. При этом одно неоптимизированное изображение может полностью убить старания разработчиков сделать сайт максимально быстрым для загрузки. Давайте попробуем найти тот самый «идеальный» способ доставки изображений пользователям, попутно автоматизировав все возможные шаги к достижению этой цели.
- @ FrontendConf 2018 ru
- @ iTechForum 2018 ru
Распечатай мне курсач. На CSS
В некоторых университетах принято смотреть не на суть работы, а на то, как качественно она оформлена по ГОСТам. Почему бы не применить всю мощь CSS Paged Media Module и больше не думать над отступами?
- @ MinskCSS Meetup #3 ru
Полный Spectre уязвимостей
Новый год в IT начался с разделения мира на «до» и «после». Кто-то бросается покупать процессоры, не подверженные Meltdown и Spectre. Кто-то утверждает, что ничего не изменилось. А кто-то слышал названия уязвимостей, но так и не разобрался, в чем их суть. Наши тайные агенты объяснят вам доступным языком, откуда «хайп» и что нужно знать фронтэнд-разработчикам, чтобы их сайты не майнили биткоины без их ведома.
- @ MinskJS Meetup #3 ru
JS Decorators — приоденьте свой код
Во многих языках программирования есть возможность изменять поведение метода без вмешательства в его код: в C# — атрибуты, в Java — аннотации, в Python — декораторы. Появление декораторов в JavaScript было запланировано еще в стандарте ES2016, но что-то пошло не так. Какие есть реализации стандарта, как его использовать уже сейчас и зачем Тони Старку J.A.R.V.I.S. — постараемся разобраться в докладе.
- @ MinskJS Meetup #3 ru
Houdini — великий разоблачитель
Пока JavaScript-разработчики вовсю используют Babel и полифилы для внедрения новых возможностей языка, адепты CSS вынуждены ждать поддержки полезных свойств хотя бы вечнозелеными браузерами. Но всего один «рыцарь на белом коне» может все исправить. Знакомьтесь, CSS Houdini.
Podcasts
Веб-стандарты №207. 10 лет фронтенда, Firefox 71, WASM, YouTube, селект, экономия трафика в CSS, реклама, WSD всё
ruPro Conf #38 Holy.js: Piter 2019 / CI/CD / Opensource это круто / A11y accessibility много не бывает
ruДевшахта #95: Зачем проводить конференцию на английском языке
ruFrontend Weekend Remote #1 – Никита Дубко (конференции, синдром самозванца, подготовка докладов)
ruВеб-стандарты №189. MathML, ленивые картинки, CSS-модули, БЭМ или CSS-in-JS, приватность, CSS-Minsk-JS
ruВеб-стандарты №185. На утро после BeerJS Summit, альтернативные форматы, дружба народов
ruНа митап! #6 — Путь разработчика, зачем наставничать
ruFrontend Weekend #90 – По следам Web Standards Days в Москве с Александрой Шинкевич и Никитой Дубко
ruFrontend Weekend #75 – Никита Дубко о том, как за год стремительно прокачать свою карьеру frontend-разработчика
ruSPB Frontend. Drinkcast #28 — «Спикерский»
ruВеб-стандарты №134. DOM, атрибуты для картинок, веб-компоненты в Firefox, новости из леса, хорошая конференция
ru