Transcript
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


Recommended