ݺߣ

ݺߣShare a Scribd company logo
ВЕРСТАЛЬЩИКИ.
ИНСТРУКЦИЯ ПО ПРИМЕНЕНИЮ.
Зенич Игорь, Олег Ивонин.
iDeus
Мы обсудим:
џКак выбрать сотрудников, сделать
 из них команду?

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

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




џНабрать классную команду!
џСформулировать требования
џСоглашение о кодировании
џКорпоративный framework
џСode review
џИзвестные и честные правила игры
Верстальщики. Инструкция по применению
Собеседование
                   Люди должны знать кто к ним придёт * Сёрч в социалках * Слухи



   Собеседование после тестового * Обсудить как сделал * Не устраиваем экзамен * Много кандидатов
Сделать из них комманду
    Общие ценности * Совместные решения * Гайдлайны * Исключения будут * Работа в офисе
Правила игры
       Сделал - отдыхай * Вечером тасков нет * Усталость * +1 к сроку
Верстать быстро и качественно

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

џСпустя 2 года:
в 2 раза быстрей
Как нам это удалось?
1. До свидания IE6!
Верстальщики. Инструкция по применению
Как нам это удалось?

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

3. Набор формальных критериев
http://bit.ly/html_checklist
Верстальщики. Инструкция по применению
Откуда вообще взялась
проблема вёрстки?
  Нереализованные спецификации * Webmascon умер * Нечего читать * Не у кого спросить * Цель качества не ясна
2006                     2006
таблицами или div'ами?   image replacement, slidingdoors,
                         шрифты в EM и WCAG 2

2007                     2007
таблицами или div'ами?   semantic markup, microformats,
                         flash embedding, WAI-ARIA,
                         одноразовые expressions,
                         вёрстка под iPhone

2008                     2008
таблицами или div'ами?   css reset, IE8 и X-UA-Compatible,
                         data:URL, вёрстка сайтов для
                         слепых, HTML5
Неужели так сложно
взять и сверстать?
  Сжатые сроки * Pixel perfect * Нечего читать * JS * Перфекционизм полезен только в учёбе * Крутые штуки - не hasLayout!
Где взять работников,
которые не будут рассказывать
про глючный IE
за час до дедлайна?
Процесс работы

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



               Курсы при фирмах * Школа вёрстки
Code review
Не мешайте им работать!
Вопросов не бывает
                     в двух случаях...

                     http://bit.ly/verstalshiki

Об авторах:

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

More Related Content

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

  • 2. Мы обсудим: џКак выбрать сотрудников, сделать из них команду? џКак наладить процесс вёрстки? џКак перестать верстать под IE6 и начать жить?
  • 3. Как наладить процесс вёрстки? Навести порядок * Неидеальные правила џНабрать классную команду! џСформулировать требования џСоглашение о кодировании џКорпоративный framework џСode review џИзвестные и честные правила игры
  • 5. Собеседование Люди должны знать кто к ним придёт * Сёрч в социалках * Слухи Собеседование после тестового * Обсудить как сделал * Не устраиваем экзамен * Много кандидатов
  • 6. Сделать из них комманду Общие ценности * Совместные решения * Гайдлайны * Исключения будут * Работа в офисе
  • 7. Правила игры Сделал - отдыхай * Вечером тасков нет * Усталость * +1 к сроку
  • 8. Верстать быстро и качественно џМы начинали: 2 дня титулка / 1 день внутряк џСпустя 2 года: в 2 раза быстрей
  • 9. Как нам это удалось? 1. До свидания IE6!
  • 11. Как нам это удалось? 2. Framework с готовыми решениями + HTML5 Boilerplate + сервисы вида PIE.htc, Fontsquirrel, CSS3 Generator, etc.
  • 12. Как нам это удалось? 3. Набор формальных критериев http://bit.ly/html_checklist
  • 14. Откуда вообще взялась проблема вёрстки? Нереализованные спецификации * Webmascon умер * Нечего читать * Не у кого спросить * Цель качества не ясна
  • 15. 2006 2006 таблицами или div'ами? image replacement, slidingdoors, шрифты в EM и WCAG 2 2007 2007 таблицами или div'ами? semantic markup, microformats, flash embedding, WAI-ARIA, одноразовые expressions, вёрстка под iPhone 2008 2008 таблицами или div'ами? css reset, IE8 и X-UA-Compatible, data:URL, вёрстка сайтов для слепых, HTML5
  • 16. Неужели так сложно взять и сверстать? Сжатые сроки * Pixel perfect * Нечего читать * JS * Перфекционизм полезен только в учёбе * Крутые штуки - не hasLayout!
  • 17. Где взять работников, которые не будут рассказывать про глючный IE за час до дедлайна?
  • 19. Обучение Не жалеть время * Книги * Английский * Конференции Курсы при фирмах * Школа вёрстки
  • 21. Не мешайте им работать!
  • 22. Вопросов не бывает в двух случаях... http://bit.ly/verstalshiki Об авторах: * Зенич Игорь - веб-технолог и менеджер проектов компании iDeus. Разработчик сайта «Клуб „Пинтагон“», завоевавшего I место в конкурсе WebHiTech-2008 в номинации «Лучшее использование технологий». Автор статей на Хабре о плохой и хорошей вёрстке, кроссбраузерности при 120dpi. * Олег Ивонин – ведущий верстальщик компании iDeus. За два года прошел путь от стажёра до seniorа.