Skip to content

Latest commit

 

History

History
212 lines (121 loc) · 19.3 KB

2018-10-27_wsd-kiev.md

File metadata and controls

212 lines (121 loc) · 19.3 KB

Web Standards Days Kiev

2018-10-27, Киев, Украина

Прямая трансляция #wstdays #Kyiv 2019 youtu.be/hSyO6y4B4BE

Конференция проходит в «Bel étage» на Шота Руставели, 16А. Вход бесплатный, и у вас еще есть шансы попасть (эти мил… twitter.com/i/web/status/1…

Второй год подряд #wstdays проходит в «Bel étage» и это самое офигительное место для веб-конференций что я видел: в… twitter.com/i/web/status/1…

Тренд последних 2 лет на фронтенд-конференциях в xUSSR – англоязычные доклады, первые которые помню это доклады на… twitter.com/i/web/status/1…

Традиция продолжается и этот #wstdays будет открывать @ShiloMangam из Wix.com с докладом "Mirror us… twitter.com/i/web/status/1…

В этот раз - твое ведущих, традиционно Вадим @pepelsbey Макеев и разработчик из VideoGorillas - Елена Жукова. pic.twitter.com/tAeDm3V7BU

9-ый год #wstdays проходит в Киеве. В следующем году будет юбилейная 10-ая конференция. pic.twitter.com/Ki61xsiwaX

Shilo Mangam рассказывает о реальных кейсах UX на их продукте Wix.com – что раздражает пользователе… twitter.com/i/web/status/1…

Как изучить что именно делают юзеры на сайте? Создать зеркало сессии реального пользователя на сайте. pic.twitter.com/XCfu0RxOam

На #wstdays как всегда аншлаг. pic.twitter.com/TpOCK79jze

Для реализации такого слежения за пользователями используются веб-сокеты.

Из комментов с прямой трансляции #wstdays: "Сумасшедшие разрабы следят за нами! Нужен доклад на тему блокировки вебсокетов"

Напоминаю что доступна прямая видео-трансляция #wstdaysyoutu.be/hSyO6y4B4BE

Shilo Mangam задает вопросы залу и кидает маленькие подарочки в ответ прямо в зал, это так мило ;)

Прикольно что это по сути мастер-класс, а не слайды – Shilo Mangam программирует прямо на сцене, постепенно реализу… twitter.com/i/web/status/1…

Елена Жукова: "Вадим, ты знаешь что такое «непозбувна бентега»"?
* смех в зале *
– нет))
– если вещи, которые может… twitter.com/i/web/status/1…

Валдемар: "я расскажу вам как добавить 4 картинки и положить сайт. шутка)"

Вальдемар рассказывает как перейти на svg-графику, какие инструменты использовать, трюки, фишки, подводные камни.

Тем временем подъехали слайды первого доклада #wstdays'2018 Kyiv – Shilo Mangam "Mirror users session in 30 minutes… twitter.com/i/web/status/1…

– Что больше всего садит производительность в SVG?
– Маски

Третий доклад – Карина Охрименко "Энтропия в вёрстке и способы её уменьшить", рассказывает о способах организации c… twitter.com/i/web/status/1…

Хорошим дополнением к докладу Карины Охрименко на #wstdays будут примеры верстки одной и той же страницы во всех по… twitter.com/i/web/status/1…

Также Карина рассказывает о полезности библиотек компонентов и кодстайлов.

4-ый доклад – @DenisZavgorodny "Уменьшаем CSS лениво" про то как очистить и оптимизировать CSS на старом проекте.

@DenisZavgorodny Денис рассказывает про авто-тулзы для очистки CSS:

  • UnCSS
  • uCSS
  • Helium
    Но все они "не зашли".

@DenisZavgorodny Вариантом есть идея от @csswizardry об использовании маленькой картинки в background-image для тех… twitter.com/i/web/status/1…

Слайды второго доклада – Вальдемар Костенко "
SVG: трудности перевода"
wsd.events/2018/10/27/pre…

Слайды третьего доклада – Карина Охрименко "Энтропия в вёрстке и способы её уменьшить"
wsd.events/2018/10/27/pre…

@DenisZavgorodny Полезной оказался Rework CSS parser, но он устарел и правильным оказалось заюзать CSSTree и PostCSS.

@DenisZavgorodny Слайды 4-го доклада –
@DenisZavgorodny "Уменьшаем CSS лениво" wsd.events/2018/10/27/pre…

@DenisZavgorodny Вывод доклада: мы оптимизировали CSS и улучшили проект. Но это не дало какого-то прям нереального… twitter.com/i/web/status/1…

Перерыв на обед на полтора часа.

RT @Oxana98901532: #wstdays обновочки для моего ноутбука) pic.twitter.com/Q61Vzzc0p4

Первый доклад после обеда – Вадим @pepelsbey Макеев "Семантика для циников"

Вы можете знать меня как "популярного видеоблогера" © pic.twitter.com/L1neesWjz0

Вадим рассказывает о семантике HTML5 сейчас, взглядом из 2018 года.
С такой знаете долей самоиронии и цинизма.

  • Семантика – это как монады. Вы знаете что такое монады, можете объяснить простыми словами?
  • А помните нам сказал… twitter.com/i/web/status/1…

На сайте kharkivjs.org - 497 div.
Это много или нормально?
Может вы бы сверстали с 300? Ну может у вас бю… twitter.com/i/web/status/1…

Отсутствие информации - это плохо. А кол-во оберток неважно. Не тормозит же оно из-за этого. Мы вообще с вами ДИВелоперы :)

Проблема это когда например сайт читают скринридеры а пользователю не понятно что там вообще, тк нет информации. pic.twitter.com/psaSYxCdYc

Важен контент pic.twitter.com/7ZrhZ0maHX

Например HTML5 типы форм - очень важно. На часах например просто нет клавиатуры, там нельзя ввести текст. pic.twitter.com/Zm2elmOJeV

И например article, wai-aria разметка – тоже очень полезна, на тех же часах она даст оптимизацию "для часов" из кор… twitter.com/i/web/status/1…

Ну вы поняли идею… pic.twitter.com/EAwikQPJ2v

А что делать с приложениями?
Тут тоже семантика может быть полезна.
Например как можно разметить верстку Телеграмма… twitter.com/i/web/status/1…

Полезные ссылочки:

Больше ссылок в слайдах доклада: wsd.events/2018/10/27/pre…

Вадим вдохновился идеей Shilo Mangan и каждому кто задаёт вопрос кидает в зал деревянного енотика :) pic.twitter.com/sE69sdnbzB

Следующий доклад от одной из ведущих подкаста «Веб-стандарты» – Маши Просвирниной @prosvirnina1 "Математика в вебе"

Маша приводит примеры использования математики: машинное обучение, робототехника и т.д.

Пока не очень понятно какое это имеет отношение к вебе и веб-стандартам.

Пошли примеры того какие особенности отображения математических формул в книгах и интернете.
Кратко – все очень неп… twitter.com/i/web/status/1…

Подробнее в слайдах доклада: wsd.events/2018/10/27/pre…

Перед каждый докладом Вадим и Лена проговаривают какие-то диалоги-шутки подводящие к теме доклада, прямо как на раз… twitter.com/i/web/status/1…

Предпоследний доклад – Андрей @flpvsk Саломатин "Разработка в условиях неопределённости"

RT @webstandards_up: Подробнее в слайдах доклада: wsd.events/2018/10/27/pre…

RT @mobiletrelis: Неожиданно подошла задать вопрос , про анимацию и математику у @akella , а тут неизвестный джентльмен налил бокал jamison…

Андрей рассказывает про разницу работы в стартапе и аутсорс-компании.
Например аутсорс-компания не закрывается чере… twitter.com/i/web/status/1…

В аутсорсе меньше неопределенности и это очень помогает.
Дальше Андрей говорит о том как можно уменьшать неопределенность в своей работе.

Приводит много реальный кейсов из своего опыта разработки различных продуктов.

Дальше идут советы из своего опыта как правильней организовать разработку.

Слайды: wsd.events/2018/10/27/pre…

Бросание "букета невесты"^W подарочка в зал.

  • Вы будете докладчиком на следующем WSD, как мы уже говорили - нам ну… twitter.com/i/web/status/1…

Последний доклад – Никита @dark_mefody Дубко и Александра @Neesoglasnaja Шинкевич "Идеальный доклад. Голая правда".… twitter.com/i/web/status/1…

А-ха-ха, это просто супер - "Я рассказал свой первый доклад и понял что он удался и нужно продолжать!" pic.twitter.com/v90Vo2QpSl

Как стать спикером на конференции pic.twitter.com/x5HjGfxxiV

Дальше идет много реально полезных советов и прикольных вещей из опыта.
Очень клево, весело и смешно, особенно если… twitter.com/i/web/status/1…

Смотрите слайды, это реально лучший доклад про доклады и подготовку к ним: wsd.events/2018/10/27/pre…

Вот просто не нужно больше ничего читать и смотреть про доклады и подготовку к ним. В этом докладе все. Все-все. Правда.

@smmurf В докладе про это тоже есть.

RT @VladAntipenko: @Neesoglasnaja и @dark_mefody на #wstdays рассказывают о том как подготовить идеальный доклад.
Маст хэв к просмотру!
кон…

Во время доклада что-то может пойти не так и как в подтверждение - один из слайдов не сработал и пришлось исправлять прямо на (1/2)

сцене:) (2/2) pic.twitter.com/SUK1Pwnehm

Аудитория подыгрывает с вопросами, Владимир @NightNei Макуха задвинул длинный спич на украинском с приглашением Ник… twitter.com/i/web/status/1…

Второй вопрос – дораскажите анекдот от Юры Артюха, который вы начали рассказывать во время технических проблем с до… twitter.com/i/web/status/1…

Конференция закончена, видеотрансляция будет скоро доступна на сайте wsd.events/2018/10/27/
А мы перемещаемся на а… twitter.com/i/web/status/1…