WebHiTech. Отчеты о мероприятиях

Web Standards Days в Санкт-Петербурге

Mon, 02 Jul 2012 11:53:56 +0000

Вторая в 2012 году встреча в формате Web Standards Days состоялась в Санкт-Петербурге. Событие произошло 23 июня — в один из самых длинных дней года, в пик поры белых ночей. Царившая в городе атмосфера всеобщей расслабленности не помешала, однако, участникам объединения разработчиков «Веб-стандарты» организовать и провести на высоком уровне полноценную однодневную конференцию по веб-технологиям клиентской стороны с семью докладами в основной программе и, конечно же, кулуарным общением.

Программа мероприятия

Джедаями не рождаются. Заметки о том, как нужно и как не нужно учить клиентским технологиям (Михаил Баранов)
Селекторы CSS в разрезе производительности (Артемий Ломов)
Жми сюда! Кнопка, ссылка, псевдоссылка? Как правильно выбрать, сверстать и не наделать глупостей (Вадим Макеев)
Schema.org. Современный семантический веб (Сергей Мезенцев)
Трудности производительности JavaScript (Дмитрий Махнев)
На грани возможного. 3D, 2D, анимация и эмоции в веб с помощью CSS (Антон Немцев)
Спасаем мир вместе. Несколько простых способов внести свой вклад в развитие фронтенда. Опенсорс, Гитхаб и все такое (Роман Комаров)

Презентации докладов

Презентации всех докладов вскоре будут размещены в разделе «События» на сайте объединения разработчиков «Веб-стандарты». Архив всех материалов к докладу Артемия Ломова (презентация, все примеры и тесты) можно скачать с этого сайта и поэкспериментировать при желании у себя на локальной машине. Объем файла — 8,7 мегабайт.

Фоторепортаж

Уже за полчаса до начала встречи почти все гости собрались в зале

Вячеслав Олиянчук: «Мы хотим проводить в России технологические конференции не хуже западных»

Вступительное слово Вадима Макеева: «Поднимите руки, кто знает, что такое сообщество „Веб-стандарты“!»

Михаил Баранов рассказывает, как воспитывают джедаев в питерском Политехе, где, собственно, и проходит встреча WSD

Артемий Ломов по техническим причинам демонстрирует все свои примеры и тесты с принадлежащего Вадиму Макееву MacBook — с непривычки с заминками, но зато показать удалось все запланированное

Вот и сам Вадим с премьерой доклада про ссылки, кнопки и промежуточную сущность — псевдоссылки

Сергей Мезенцев: «Если сайт использует Schema.org — это, скорее всего, качественный сайт»

Тезис Дмитрия Махнева о целесообразности жертвования семантикой в пользу производительности воспринят коллегами неоднозначно

Антон Немцев с присущим ему артистизмом просит попробовать отличить Flash от HTML5

В презентации у Романа Комарова — кажется, меньше десятка весьма лаконичных слайдов, но его завершающий встречу доклад слушают с восхищением

Слушатели активно задают вопросы докладчикам

Вопросы задают и те, кто сам выступает. Кстати говоря, авторам лучших вопросов вручены книги из легендарной серии A Book Apart, изданные на русском языке

Учебный семинар в Академии Натальи Нестеровой

Tue, 05 Jun 2012 15:25:57 +0000

31 мая состоялся очередной учебно-практический семинар, организованный совместно экспертами проекта WebHiTech и специалистами компании RU-CENTER. Мероприятие такого рода уже в третий раз проходит в стенах Академии Натальи Нестеровой, одного из старейших негосударственных вузов страны, с которым у WebHiTech сложились давние дружеские отношения. Так, представители проекта и компании RU-CENTER в том или ином составе проводили в Академии образовательные семинары по интернет-технологиям в 2009 и 2010 годах.

Программа мероприятия

Веб-стандарты на пороге HTML5 и CSS3 (Артемий Ломов, координатор проекта WebHiTech)
Быстрый удар точно в цель. CSS-селекторы в разрезах производительности, каскадности и независимости, избранных нововведений CSS3 (Артемий Ломов)
Ключевые тренды развития доменной индустрии (Марина Чернецова, специалист PR-департамента RU-CENTER)

Презентации докладов

Предлагаем желающим скачать архив презентаций всех докладов, прозвучавших на семинаре (содержимое в форматах HTML и MS PowerPoint, объем файла — 19 мегабайт).

Обращаем внимание читателей на то, что онлайн-версии примеров и тестов, демонстрировавшихся Артемием Ломовым, доступны на странице репортажа со встречи WSD в Екатеринбурге, где Артемий выступил с аналогичным докладом.

Небольшой фоторепортаж

Рассказ Артемия Ломова. Встроенная камера iPhone — это все-таки зло. :-)

Выступает Марина Чернецова

Аудитория слушателей семинара

Доклад Марины о доменах сбил градус «технократичности», достигший максимума во время выступления Артемия о селекторах CSS

Семинар «Интернет-технологии» в МАТИ

Mon, 21 May 2012 17:42:44 +0000

17 мая в РГТУ имени К. Э. Циолковского, известном также под славным историческим названием МАТИ, состоялся учебно-практический семинар «Интернет-технологии», организованный совместными усилиями кафедры СМиИГ МАТИ, PR-департамента компании RU-CENTER, экспертов проекта WebHiTech и администрации сервиса регистрации доменов Server.Su.

Это уже второе учебно-практическое мероприятие, устраиваемое перечисленными организаторами для студентов и преподавателей МАТИ. Первым подобным опытом явилась мини-конференция «Современные тенденции развития интернет-индустрии», проведенная годом ранее.

Основу программы семинара составили 4 доклада, посвященных самым разнообразным областям IT-сферы: веб-разработке клиентской стороны, доменной индустрии, проектированию пользовательских интерфейсов.

Программа мероприятия

«Селекторы CSS. Вопросы производительности» (Артемий Ломов, координатор проекта WebHiTech)
Internet Explorer: возможно ли примирение с веб-разработчиками? (Наталья Чернега, технический дизайнер редакционно-издательской группы RU-CENTER)
Перспективы развития доменного пространства (Виктория Бунчук, руководитель пресс-службы RU-CENTER)
Математический подход к выявлению проблем пользовательских интерфейсов (Павел Кейно, аспирант РГТУ «МАТИ», администратор проекта Server.Su)

В завершение семинара проведена викторина с вопросами о веб-технологиях и доменах. За правильные ответы на вопросы активным участникам семинара вручены памятные призы.

Презентации докладов

Предлагаем желающим скачать архив презентаций всех докладов, прозвучавших на семинаре (содержимое в форматах HTML, MS PowerPoint и PDF, объем файла — 20 мегабайт).

Фоторепортаж

Подготовка к началу мероприятия

В первом ряду партера — докладчики, рвущиеся в бой: Виктория Бунчук и Наталья Чернега

Но первым в программе стал доклад Артемия Ломова о ~~рядах Маклорена~~ производительности CSS-селекторов

Артемий поведал публике о «быстрых» и «медленных» селекторах, показал тесты и работу профайлеров

Наталья Чернега начинает свой доклад с демонстрации провокационного слайда

Можно ли мирно сосуществовать со старыми версиями IE — Наталья ставит вопрос ребром

Начинает свой доклад Виктория Бунчук

Виктория поведала, что еще в ноябре прошлого года существовало более 5000 доменов, содержащих в своей записи слово “occupy”

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

Web Standards Days в Екатеринбурге

Thu, 03 May 2012 16:09:31 +0000

28 апреля состоялась первая встреча в формате Web Standards Days в 2012 году. Она прошла довольно далеко от мест постоянного проживания большинства активистов объединения разработчиков «Веб-стандарты» — в Екатеринбурге. Добраться до столицы Урала смогли далеко не все участники сообщества — даже из тех, кто первоначально собирался выступить. Встреча получилась камерной, ее программу составили всего пять докладов, причем три выступления были представлены местными докладчиками.

Программа мероприятия

Как сделать текстовый онлайн-редактор и испортить себе жизнь (Василий Аксенов)
Быстрый удар точно в цель (Артемий Ломов)
Dart — светлая сторона силы? (Михаил Давыдов)
-Пре-фиксы. Зачем и как правильно (Вадим Макеев)
Как должно быть и как на самом деле? (Олег Мохов)

Презентации докладов

Презентации всех докладов вскоре будут размещены в разделе «События» на сайте объединения разработчиков «Веб-стандарты».

Онлайн-презентация доклада «Быстрый удар точно в цель»

Доклад координатора проекта WebHiTech Артемия Ломова «Быстрый удар точно в цель», посвященный CSS-селекторам, уже был представлен ранее на конференции РИТ++, но в значительно сокращенной версии. Более полная версия, представленная в Екатеринбурге, отличалась демонстрацией разнообразных примеров и тестов, сосредоточением на всяких тонких моментах. Для демонстрации ряда примеров необходим веб-сервер (недостаточно просто браузера), поэтому решено разместить онлайн-версии презентации и всех примеров на этом сайте.

Онлайн-версия презентации (открывается в любом современном браузере. Для переключения слайдов используются клавиши: вперед — Пробел, →, ↓ или Page Down; назад — ←, ↑ или Page Up; в начало — Home; в конец — End. Все ссылки на примеры, тесты и внешние ресурсы работают)
Онлайн-версия демонстрации процесса загрузки веб-страницы в замедленном режиме (в качестве основы для демки используется главная страница сайта проекта WebHiTech в виде, актуальном по состоянию на 18 апреля. Ссылка на этот пример есть в презентации, тут она просто продублирована отдельно)
Онлайн-версия демонстрации еще более замедленной загрузки страницы, начиная с меню навигации (для этого пункта полностью справедлив комментарий к предыдущему)
Отдельная страница оглавления тестов производительности селекторов (ссылки на тесты также есть в презентации)
Полный архив всех материалов к докладу (презентация, все примеры и тесты — можно скачать и экспериментировать у себя на локальной машине. Объем файла — 8,8 мегабайт)

Фоторепортаж

Представляем небольшой фоторепортаж со встречи — здесь все докладчики (кроме Артемия Ломова, который не смог сфотографировать сам себя), а также общая атмосфера мероприятия.

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

Первым выступает Василий Аксенов, представитель компании «СКБ Контур» — соорганизатора встречи

Михаил Давыдов рассказывает про Dart

Михаил Баранов, бессменный видеооператор встреч Web Standards Days, задает вопрос из зала

Вадим Макеев: «присесть на таком нагромождении стульев проблематично»

Олег Мохов: «Производители браузеров делают огромные лайнеры, а людям надо просто летать»

Аудитория слушателей конференции

Клиентские технологии на конференции РИТ++

Mon, 09 Apr 2012 17:36:56 +0000

2—3 апреля в московском конференц-центре Digital October состоялась профессиональная конференция для веб-разработчиков РИТ++. Слушателям были предложены семь тематических секций: «Технологии будущего», «Качество», «Серверное программирование», «Системы хранения, базы данных», «Системное администрирование», «Управление» и, конечно же, «Клиентские технологии».

Секция «Клиентские технологии» организована силами объединения разработчиков «Веб-стандарты», координируемого веб-евангелистом компании Opera Software Вадимом Макеевым. В рамках секции прозвучали 15 докладов. В качестве докладчика в мероприятии поучаствовал и Артемий Ломов, координатор проекта WebHiTech, представив слушателям выступление о селекторах CSS.

Компания RU-CENTER, оказывающая содействие развитию проекта WebHiTech, выступила бронзовым спонсором конференции и приняла в ней участие с собственным стендом, на котором проводились различные конкурсы и викторины.

Программа мероприятия

Доклады перечисляются в хронологическом порядке.

Первый день
- Сетки для всего или как использовать чужие недостатки (Василий Аксенов, «СКБ Контур»)
- Профилирование и оптимизация jQuery-кода (Владимир Журавлев, Evil Martians)
- Разработка сложного мультимедийного приложения на JavaScript + HTML и PhoneGap для iPad (Олег Неклюдов)
- Адаптивный веб-дизайн на практике (Антон Епрев, Mail.Ru)
- Быстрый удар точно в цель (Артемий Ломов)
- Эффекты OpenType в современной веб-типографике (Ростислав Чебыкин)
- Зачем переписывать то, что и так работает (Сергей Константинов, «Яндекс»)
Второй день
- История одной кнопки: b-form-button.css и b-form-button.js (Елена Глухова и Варвара Степанова, «Яндекс»)
- Новая главная портала Mail.Ru (Егор Дыдыкин, Mail.Ru)
- Префиксы. Зачем и как правильно (Вадим Макеев, Opera Software)
- Семантика HTML5, вы тоже можете стать задротами (Брюс Лоусон — Bruce Lawson, Opera Software)
- Ловим баги с помощью Opera Dragonfly (Патрик Лауке — Patrick Lauke, Opera Software)
- На грани возможного. 3D, 2D, анимация и эмоции в веб с помощью CSS (Антон Немцев)
- Вращай, двигай, загибай — практика 3D в вебе (Андрей Ситник, Evil Martians)

Презентации докладов

Презентации некоторых (почему-то не всех) докладов можно найти на официальном сайте конференции. Презентацию Артемия Ломова можно скачать с этого сайта (архив объемом 28 мегабайт, содержимое — в формате HTML, открывать лучше браузером Google Chrome для исправного воспроизведения связанного с презентацией видеоролика в формате H.264).

Фоторепортаж

Вот несколько фотографий, снятых во второй день проведения конференции.

Общий вид холла конференц-центра

Светило солнышко — сразу понятно, что за окном апрель

Ведущий секции «Клиентские технологии» — Вадим Макеев

Вадим представляет посетителям конференции РИТ++ расширенную версию доклада о браузерных префиксах, впервые прозвучавшего на московской встрече WSD

Коллега Вадима по Opera Software Брюс Лоусон

Локализованное название доклада Брюса звучит смело: «Семантика HTML5, вы тоже можете стать задротами»

Один из слайдов презентации Брюса Лоусона: “The Zadrot Twins”. Но даже у настоящих задротов случаются ошибки: вместо закрывающего тега

мы видим открывающий. :-)

Еще один представитель Opera Software — Патрик Лауке

Выступление Патрика про Opera Dragonfly выдержано в более серьезной манере

Неотразимый Антон Немцев

Один из тезисов выступления Антона: «Программное обеспечение должно быть офигенным!»

Доклад Андрея Ситника, как и выступление Антона Немцева, посвящен 3D-эффектам в вебе

Андрей, однако, сосредоточил внимание не на чем-то «офигенном» и «сногсшибательном», а на простых вещах, делающих интерфейс более естественным

Компания RU-CENTER, поддерживающая проект WebHiTech, участвует в конференции РИТ++ с собственным стендом. Работой стенда заведует Наталья Чернега, технический дизайнер редакционно-издательской группы компании

Посетителям стенда предлагаются конкурсы и викторины (головоломка 3D-IQ и экзамен по веб-стандартам)