22
ВЕРСТАЛЬЩИКИ. ИНСТРУКЦИЯ ПО ПРИМЕНЕНИЮ. Зенич Игорь, Олег Ивонин. iDeus

Верстальщики. Инструкция по применению

Embed Size (px)

DESCRIPTION

Аннотация:Докладчики поделятся личным опытом создания с нуля отдела вёрстки внебольшой (20 чел.) харьковской фирме iDeus. Будут даны ответы на вопросы«Как правильно выбрать сотрудников, сделать из них команду?», «Как наладитьпроцесс вёрстки, верстать быстро и качественно, а письма от клиентов пробаги видеть так редко, чтоб это было событием?» и «Когда же мы похоронимIE6?».Целевая аудитория : менеджеры проектов, верстальщики, главы front-endподразделений.Тезисы:Как наладить процесс вёрстки? Как правильно выбрать сотрудников, сделатьиз них команду, верстать быстро и качественно, а письма от клиентов пробаги видеть так редко, чтоб это было событием?Мы будем обсуждать: • Откуда вообще взялась проблема вёрстки? Неужели так сложно взять исверстать? Почему так? Что делать? Где взять работников, что не будутрассказывать про глючный IE за час до дедлайна? • Как правильно выбрать сотрудников на собеседовании, о чём говорить,какие тестовые задания давать, и вообще кого брать? • Самое главное - процесс работы: как обучать? Какие таски давать? Какзаставить не писать говно-код? Как заинтересовывать работой, чтобсотрудники болели за результат? Это мы будем обсуждать подробно. • Сроки выполнения работы, «какие ещё слепые пользователи, вы чторехнулись, фигачить надо!». Как найти время на обучение? Как выбитьувеличение сроков из шефа? • Взгляд на всё это со стороны верстальщика.

Citation preview

Page 1: Верстальщики. Инструкция по применению

ВЕРСТАЛЬЩИКИ. ИНСТРУКЦИЯ ПО ПРИМЕНЕНИЮ.

Зенич Игорь, Олег Ивонин.iDeus

Page 2: Верстальщики. Инструкция по применению

Мы обсудим:џ Как выбрать сотрудников, сделать из них команду?

џ Как наладить процесс вёрстки?

џКак перестать верстать под IE6 и начать жить?

Page 3: Верстальщики. Инструкция по применению

Как наладить процесс вёрстки?Навести порядок * Неидеальные правила

џ Набрать классную команду!џ Сформулировать требованияџ Соглашение о кодированииџ Корпоративный frameworkџ Сode reviewџ Известные и честные правила игры

Page 4: Верстальщики. Инструкция по применению
Page 5: Верстальщики. Инструкция по применению

СобеседованиеЛюди должны знать кто к ним придёт * Сёрч в социалках * Слухи

Собеседование после тестового * Обсудить как сделал * Не устраиваем экзамен * Много кандидатов

Page 6: Верстальщики. Инструкция по применению

Сделать из них коммандуОбщие ценности * Совместные решения * Гайдлайны * Исключения будут * Работа в офисе

Page 7: Верстальщики. Инструкция по применению

Правила игрыСделал - отдыхай * Вечером тасков нет * Усталость * +1 к сроку

Page 8: Верстальщики. Инструкция по применению

Верстать быстро и качественно

џ Мы начинали: 2 дня титулка / 1 день внутряк

џ Спустя 2 года:в 2 раза быстрей

Page 9: Верстальщики. Инструкция по применению

Как нам это удалось?1. До свидания IE6!

Page 10: Верстальщики. Инструкция по применению
Page 11: Верстальщики. Инструкция по применению

Как нам это удалось?

2. Framework с готовыми решениями + HTML5 Boilerplate + сервисы вида PIE.htc, Fontsquirrel, CSS3 Generator, etc.

Page 12: Верстальщики. Инструкция по применению

Как нам это удалось?

3. Набор формальных критериевhttp://bit.ly/html_checklist

Page 13: Верстальщики. Инструкция по применению
Page 14: Верстальщики. Инструкция по применению

Откуда вообще взяласьпроблема вёрстки?

Нереализованные спецификации * Webmascon умер * Нечего читать * Не у кого спросить * Цель качества не ясна

Page 15: Верстальщики. Инструкция по применению

2006таблицами или div'ами?

2007таблицами или div'ами?

2008таблицами или div'ами?

2006image replacement, slidingdoors, шрифты в EM и WCAG 2

2007semantic markup, microformats, flash embedding, WAI-ARIA, одноразовые expressions, вёрстка под iPhone

2008css reset, IE8 и X-UA-Compatible, data:URL, вёрстка сайтов для слепых, HTML5

Page 16: Верстальщики. Инструкция по применению

Неужели так сложно взять и сверстать?

Сжатые сроки * Pixel perfect * Нечего читать * JS * Перфекционизм полезен только в учёбе * Крутые штуки - не hasLayout!

Page 17: Верстальщики. Инструкция по применению

Где взять работников, которые не будут рассказывать про глючный IEза час до дедлайна?

Page 18: Верстальщики. Инструкция по применению

Процесс работы

џ SVNџ ActiveCollabџ Email

Page 19: Верстальщики. Инструкция по применению

ОбучениеНе жалеть время * Книги * Английский * Конференции

Курсы при фирмах * Школа вёрстки

Page 20: Верстальщики. Инструкция по применению

Code review

Page 21: Верстальщики. Инструкция по применению

Не мешайте им работать!

Page 22: Верстальщики. Инструкция по применению

Вопросов не бывает в двух случаях...

Об авторах:

* Зенич Игорь - веб-технолог и менеджер проектов компании iDeus. Разработчик сайта «Клуб „Пинтагон“», завоевавшего I место в конкурсе WebHiTech-2008 в номинации «Лучшее использование технологий». Автор статей на Хабре о плохой и хорошей вёрстке, кроссбраузерности при 120dpi. * Олег Ивонин – ведущий верстальщик компании iDeus. За два года прошел путь от стажёра до seniorа.

http://bit.ly/verstalshiki