CSS Summit 2012, моя первая онлайн конференция

В начале августа удалось побывать на четвёртой, ежегодной онлайн конференции CSS Summit ^[1]. Конференция проходила 3 дня подряд с разбитием докладов по следующим направлениям: CSS3 training, Advanced CSS, Preprocessors. Все доклады на английском языке.

Для нас это был первый опыт присутствия на онлайн конференциях, и даже если вы не особо интересуетесь клиентской разработкой, вам возможно будет интересно почитать о формате проведения подобных конференций.

Записи докладов как со всей конференции, так и за отдельные дни, можно купить на официальном сайте ^[2]. Промо код, со скидкой 20% — “20SNOOK”.

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

Как это было

В эти числа мы специально собрались всей командой в рижском офисе и настроились на американский часовой пояс (по рижскому времени, конференция проходила с 17.00 до 24:00). Ожидалось что все докладчики будут вещать из одного места, и вообще мероприятие будет похоже на трансляцию обычной оффлайн конференции, но к сожалению… докладчики оказались достаточно слабо подготовлены, из своих домов и офисов, полусонным голосом рассказывали (а кто то и читал с листа) свои доклады. На протяжении всех сессий, складывалось впечатление, что оратор повествует не публике, а коллеге, за чашкой кофе, со всякими “эм...” (словами-паразитами), различными запинками и косяками со слайдами.

Тем не менее, сами организаторы постарались хорошо, перебоев связи не было, видео записи доставили вовремя, доклады шли строго по программе. Вещание проходило через Adobe Connect ^[3].

Пару слов от главного организатора конференции Кристофера Шмитта

Конспект

В самом начале конференции всех сразу предупредили, что слайды распространять нельзя, только если автор сам их опубликует или выложит в публично доступное место, поэтому расскажу, и оставлю ссылки только на открытые презентации.

Web Typography

Trent Walton ^[4], слайды ^[5]

В своём докладе, Трент начал с основ веб типографии, продолжил примерами креативного использования возможностей веб типографии, и поделился ссылками на интересные плагины для продвинутой работы с текстом в вебе:

• fittextjs.com ^[6] — отзывчивый текст аля responsive design
• letteringjs.com ^[7] — интересный плагин, дающий полный контроль над каждой буквой и строкой текста
• beta.typecastapp.com ^[8] — онлайн сервис для работы с веб типографией

CSS3 Selectors

Rachel Andrew ^[9], слайды ^[10]

Всей командой сошлись во мнении, что доклад Рейчел был самым интересным и познавательным, и нечем не уступал предыдущему её оффлайн выступлению на Front Trends 2012 ^[11].
Она рассказывала о возможностях псевдоклассов и псевдо элементов, которые пришли к нам вместе с CSS3. Особенно интересным, для меня, было открытие селекторов для работы с формами, таких как :valid, :invalid, :in-range и пр.

Еще немного о селекторах на HTML5 Please ^[12].

Media Queries & Viewport

Chris Mills, слайды ^[13]

Не знаю как Крис работает евангелистом, но его монотонное представление чуть не усыпило всю переговорку, пришлось идти играть в соседнюю комнату в настольный теннис. Но слайды просмотреть стоит.

Для себя отметил:

• “The web is responsive by default” Chris Mills.
• Можно использовать media queries для определения “всего кроме” — @media not smthg.

Back stage доклада Криса (из твиттера ^[14]).

CSS3 & Transforms

Tiffany Brown, cлайды ^[15], демо ^[16], записи ^[17]

Доклад был предоставлен откровенно слабо, но слайды подготовлены хорошо, советую просмотреть.

CSS3 Transitions & Animations

Estelle Weyl ^[18], слайды ^[19]

Подробно о CSS3 анимациях и транзишенах, если вы всё еще используете JS для анимаций в вебе, то вам пора менять профессию.

CSS3 Polyfills

Jason Johnston ^[20], cлайды ^[21]

Что такое полифилы?
“a piece of code (or plugin) that provides the technology that you, the developer, expect the browser to provide natively” Remy Sharp (прибл. перевод — плагин, или кусок кода, который реализует поддержку современных стандартов в тех браузерах, где она не предусмотрена нативно).

Selectivizr ^[22], Modernizr ^[23], CSS3 Pie ^[24] и пару интересных ссылок в слайдах.

Essential Tools for UI Performance

Nicole Sullivan ^[25]

Обзор сервисов и инструментов для тестирования производительности, а так же, пару слов про сжатие стилей, скриптов и оптимизацию картинок. Слайдов к сожалению нету в открытом доступе, только пара ссылок на сервисы:

• www.lognormal.com/ ^[26]
• www.webpagetest.org/ ^[27]
• developer.yahoo.com/yslow/ ^[28]
• addons.mozilla.org/en-us/firefox/addon/dust-me-selectors/ ^[29] — плагин для поиска не используемых селекторов

Заметки:

• Посмотреть Themes tab в Chrome canary
• В гугл аналитеке не достоверные данные о производительности
• Очень важно проставлять размеры картинок, что бы избежать кучи рефлоу

Future of CSS

Tab Atkins, cлайды ^[30]

Что нас ждёт в будущем — скандалы, интриги, расследования от участника группы разработки веб стандартов W3C.

#{$N} Things You Didn't Know Sass & Compass Could Do

Chris Eppstein

State of Sass

Nathan Weizenbaum ^[31]

2 очень интересных доклада о SASS и Compass от отцов основателей. Слайдов к сожалению нету, но если вы интересуетесь CSS препроцессорами то обязательно советую купить записи третьего дня конференции.

Beard slap

Как отметили некоторые твиттеряне, одна только Beard Slap гифка ^[32] стоила денег, потраченных на конференцию.

Вывод

Учитывая довольно не скромную цену на билеты, затраты можно компенсировать покупая записи только для группы заинтересованных разработчиков. Смотреть в режиме онлайн нету особого смысла — получить ответы на вопросы достаточно проблематично, а поговорить с докладчиками так вообще не получиться, легче связаться после мероприятия, по почте или твиттеру.

В некоторых аудиториях, за конференцией следили до 50 человек одновременно (из твиттера ^[33]).

Если будут интересные темы в следующем году, мы скорей всего просто купим записи и послушаем доклады на фоне, параллельно занимаясь другими задачами.

Разницу между индивидуальными билетами и коллективными так и не удалось точно определить, после переписки с организаторами, сделал вывод — разницы в билетах нету, и разделение ценовых категорий было сделано только из расчета на честность и совесть покупателей. Записи конференции в обоих случаях будут доступны только с одного логина.

О конференции на Lanyrd ^[34].
Архив твиттов ^[35] с хештегом #CssSummit

Следующая моя конференция запланирована на октябрь, поедем на Fronteers ^[36], в Амстердам, следите за обновлениями ^[37], наделюсь получится написать аналогичный отчет. Мой предыдущий отчет о конференции Front Trends 2012 ^[38].

Автор: Operatino