В своей работе мы постоянно используем инструменты, призванные облегчить нам жизнь. Но как хорошо мы ими на самом деле владеем? И почему мы пренебрегаем их суперсилами? Например, Chrome DevTools — это не только отладчик и инспектор HTML. Но когда у нас в руках молоток, кругом мерещатся гвозди. Десятки мегабайт и процентов загрузки процессора на вкладку браузера — верный признак того, что пора учиться пользоваться микроскопом.
Роман предложит освоить что-то посложнее молотка и расскажет о том, какую реальную пользу можно получить от профилирования, как найти в огромном отчёте проблему с кодом и что лучше — написать в коде десяток console.log или async debug.

Препроцессором сейчас уже никого не удивишь. С их помощью упрощается синтаксис css, добавляются переменные, условия и циклы. Все это хорошо и замечательно, но часто — не достаточно. Препроцессоры не дадут изменить уже существующий css, который вы получаете из внешних источников, не перепишут ссылки на картинки и шрифты при перемещении файлов в новую папку, не отсортируют css-свойства в нужном вам порядке и не удалят из файлов лишние правила. Во всех этих случаях, а также во многих других вам помогут постпроцессоры.
В своем докладе я расскажу, что такое постпроцессоры, какие они бывают и чем отличаются друг от друга. Объясню почему использовать их лучше, чем править css вручную и с помощью регулярных выражений, а также приведу примеры их использования в ежедневной работе.

Доклад посвящен фронтенд-разработке под различные устройства и проблемам, которые могут при этом возникнуть.
Основные темы:
— Кто и зачем пишет для J2ME телефонов. Почему WAP уже не торт.
— Ограничение функционала и трафика. Отказ от сторонних библиотек.
— Проблемы сборки веб-приложений под Андроид. Баги и их решение.
— Телевизоры и трудности взаимодействия с пультом.
— Подмена устройств ввода.

В последнее время во фронтенде появляется столько нового и внедряется настолько быстро, что не все успевают осознать последствия. Хорошо это или плохо? Рассмотрим некоторые новинки с точки зрения «за», а главное – «против».

Flexbox – замечательная технология с одним существенным недостатком: ей почему-то никто не пользуется. Я попытаюсь сломать расхожие стереотипы о флексбоксах и поделюсь опытом их использования в реальном проекте. Будет несколько интересных примеров, рассказ об особенностях работы в разных браузерах, фолбэки для старых IE и особенности взаимодействия с другими CSS-свойствами.

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

Дмитрий расскажет о:
— применении фильтров и эффектов для изображений прямо в браузере;
— достоинствах и недостатках Canvas, WebGl, SVG и CSS-фильтров и шейдеров;
— неизведанном мире SVG-фильтров, его продуманных до мелочей устоях, синтаксисе и правилах;
— возможностях обработки изображений — от простых чёрно-белых картинок до нелинейных искажений и градиентных карт.
В докладе будет минимум скучной теории и максимум живых примеров.

Мы все умеем пользоваться элементом <img>, ему уже двадцать лет в обед. Но за это время задачи поменялись, и старичок уже не справляется с адаптивным дизайном. Этой осенью новый элемент <picture> приедет в большинство популярных браузеров. Самое время разобраться, как он работает.