Санкт-Петербург, 20 июня 2015

Конференция прошла в Центре деловой культуры на Почтамтской, 15. Остались вопросы? Пишите: wst@web-standards.ru.

Понравилась конференция?

Программа Наверх

  1. Открытие зала
  2. Начало
  3. Браузеры наши меньшие, или Нам нужно серьёзно поговорить

    Сделали сайт для ретинового Аймака на жирном канале в центре Москвы? Молодцы, осталось проверить его на ультрасовременном 4G-смартфоне, благо тариф безлимитный. А теперь очнитесь, соберите всю свою ответственность и научитесь делать сайты для людей. Прокси-браузеры, мобилки, прогрессивное улучшение и другие базовые принципы веба — давайте иметь совесть. Презентация в HTML.

    Вадим Макеев

  4. Компонентный веб. Проникновение в дизайн

    Всем давно надоело, что дизайнеры и разработчики дублируют работу друг друга. У каждого свой набор компонентов для построения интерфейса и свои представления о качестве. Как соединить эти два мира вместе и собирать компоненты для дизайнеров с помощью современных инструментов БЭМ, React, AngularJS и редактора Sketch. Презентация в PDF.

    Антон Виноградов

  5. Перерыв
  6. Сначала стайлгайд — подход к разработке UI-компонентов

    Живая документация по интерфейсам — новый тренд фронтенд-разработки. Следующий логичный шаг — разработка компонентов, начиная со стайлгайда, чтобы сайт документации становился песочницей для новых интерфейсов. Благодаря такому процессу, разработчики могут уйти от привычной «разработки страниц» к сборке страниц из независимых компонентов. Опыт финских компаний SC5 Online и Elisa в продвижении этого подхода с помощью собственного инструмента в опенсорсе. Презентация в PDF.

    Варя Степанова

  7. Жизнь в изоляции

    С ростом кодовой базы компонентный подход, когда каждая логическая часть обособлена, становится всё очевиднее. В JavaScript есть области видимости для изоляции компонентов, но в CSS ничего похожего нет, поэтому и придумываются Shadow DOM (Web Components) и различные методики вроде БЭМ. Взглянем на проблему под другим углом: адаптируя подходы, что уже используются для других задач, можно получить куда больше выгоды, чем просто изолированные стили! Презентация в PDF.

    Роман Дворнов

  8. Обед
  9. Service Workers как предчувствие

    W3C продолжает радовать нас новыми спецификациями. Некоторые из них уже вовсю используются благодаря полифилам, а про некоторые пока только рассказывают на конференциях. Как например о Service Workers. Может показаться, что это просто реинкарнация HTML Application Cache, но на деле всё немного сложнее. Чего не хватает веб-приложениям из того, что уже есть у нативных и как здесь могут помочь Service Workers? Презентация в HTML.

    Вячеслав Шебанов

  10. Перерыв
  11. Отладка кода в браузере

    Чем плох console.log и как сэкономить время на отладке в Dev Tools? Как пользоваться точками останова, следить на состоянием стеков, переменных и выражений, ходить по самым запутанным исходникам с картами кода и ловить хитрые исключения. Презентация в PDF.

    Антон Шувалов

  12. Интерактивная 3D-графика на WebGL

    Трехмерная графика гарантированно создаёт вау-эффект и становится все популярнее. В браузере давно можно рисовать 3D на элементе <canvas> с помощью WebGL и ничего не будет тормозить: трёхмерные сцены описываются на шейдерном языке GLSL ES и отрисовываются прямо на видеокарте. Научимся же использовать современные браузерные 3D-технологии, шейдеры и библиотеку three.js в собственных проектах. Презентация в HTML.

    Василика Климова

  13. Перерыв
  14. Книги в браузере

    Разработка инструмента для чтения в браузере — это больше, чем просто сконвертировать книгу в HTML и показать её. История о том, как такой сервис разработали в Яндексе, с какими проблемами столкнулись по дороге, какие трюки помогут вам верстать книги и чего не хватает в браузерах для удобного чтения. Презентация в PDF.

    Олег Мохов

  15. Кнопка

    А также: базовая линия шрифта, флексбоксы, кроссбраузерность, современные технологии и дополнительные обёртки. Презентация в HTML.

    Роман Комаров

  16. Оживляем текст

    Какие интересные возможности дарят нам современные технологии, какие из них мы можем применить к тексту? Можно ли заполнить текст видеороликом или залить текст текстом? Способы оформления текста, их преимущества и ограничения. Презентация в HTML.

    Юлия Бухвалова

  17. Закрытие

Докладчики Наверх

Юлия Бухвалова @yoksel

Верстальщик в LiveJournal, автор блога Про CSS.

Юлия Бухвалова

Антон Виноградов @awinogradov

Разработчик интерфейсов со стажем в Альфа-Лаборатории (Альфа-Банк). Активный участник опенсорс-сообщества, автор инструментов и библиотек. Евангелист БЭМа и современных подходов к разработке.

Антон Виноградов

Роман Дворнов @rdvornov

Фронтенд-разработчик в Авито, до этого работал в Ostrovok.ru и в «Едином кошельке». Автор и мейнтейнер опенсорсного JavaScript-фреймворка basis.js.

Роман Дворнов

Василика Климова @Lik04ka

Разработчик интерфейсов в Artec Group, любитель 3D и компьютерных игр.

Василика Климова

Роман Комаров @ki_zu

Разработчик интерфейсов в компании Яндекс, отвечает за вёрстку новой Яндекс.Почты,

Роман Комаров

Брюс Лоусон @brucel

Евангелист открытых веб-стандартов в Opera Software. Соавтор первой книги по HTML5 «Изучаем HTML5». Любитель поэзии, панк-рока, кикбоксинга и вязаных манкини.

Брюс Лоусон

Вадим Макеев @pepelsbey

Веб-евангелист в Opera. Разработчик, организатор и участник IT-конференций, автор блога Пепелсбей.net, пропагандист веб-стандартов.

Вадим Макеев

Олег Мохов @olmokhov

Разработчик интерфейсов в Яндексе из Екатеринбурга. Участник сообщества и организатор конференций FrontTalks и EkbJS.

Олег Мохов

Варя Степанова @toivonens

Фронтенд-разработчик, фокусируется на опенсорсных инструментах, библиотеках UI-компонентов и больших сайтах. Живет в Хельсинки, руководит разработкой библиотеки блоков мобильного оператора Elisa. За плечами работа в медийной компании TMG в Амстердаме и в московском Яндексе.

Варя Степанова

Вячеслав Шебанов @thought_sync

Сооснователь и технический директор интернет-газеты «Бумага», один из организаторов регулярных встреч SPB Frontend.

Вячеслав Шебанов

Антон Шувалов @shuvalov_anton

Ведущий фронтенд-разработчик в Rambler&Co, мейнтейнер Page.JS и создатель стартапа Reading List. Кроме программирования, пишет музыку и иногда занимается дизайном интерфейсов.

Антон Шувалов

Организаторы Наверх

Opera

Норвежская компания, известная своими браузерами: Opera для компьютеров, Opera для Android, Opera Mini. Участвует в разработке движков Chromium и Blink, подробнее о технологиях на Dev.Opera.

HTML Academy

Сервис интерактивных онлайн-курсов по HTML и CSS. Цель курсов — превратить любого из новичка в профессионала веб-разработки. Мы с самого начала учим работать с живым кодом и самостоятельно писать код, решая задачи, приближенные к реальным. Также ученику периодически приходится проходить испытания, принцип которых — «сверстай, как показано в образце».

Площадка Наверх

Санкт-Петербург, Центр деловой культуры на Почтамтской, 15.