Как мы верстали сайт МО

Описание   Процесс
 
 

Задача была трудная.

Цейтнот
Верстали в очень сжатые сроки. Большинство шаблонов было свёрстано за пару дней. Вот уж точно, правило 80/20 :-)

Параллельная разработка
Мы с Ильёй верстали страницы, которые потом передавали друг другу. Чтобы стили не перекрывали друг друга, я решил использовать для своих блоков префиксы. Но задача состояла не только в том, чтобы избежать перетирания стилей, но и успеть сверстать свою часть, отдать её и получить взамен другую, чтобы не писать снуля уже свёрстанное.

О том, как была организована параллельная разработка подробно написал Вадим Юмадилов, я напишу вкратце:

Примерно это выглядело так:

  1. Илья прислал мне свёрстанные списки, которые я использовал на главной стройнедели.
    В конце первого этапа мы отдали главную стройнедели и страницу объекта основного сайта программистам.
  2. Затем я сверстал второстепенные шаблоны стройнедели. Они были почти одинаковыми, поэтому это заняло немного времени.
  3. После я сверстал список новостей для стройнедели и выслал их Илье, он использовал их для списков новостей основного сайта.
  4. И в конце Илья смержил обе ветки в общую.

Прокрутчик
При внедрении прокрутчика на живой проект всплыло довольно много багов. Вначале мы собирались сфлексить и поставить скрольешку, но я успел вылечить скрипт к дедлайну.
Никогда не думал, что умею так быстро отлавливать и исправлять баги :-)

Одной из самых неприятных проблем было «подёргивание» ссылок при ховере после прокрутки:

Это дала знать о себе субпикселизация. Из-за неё же в некоторых браузерах при прокрутке содержимого сами блоки противно дёргались. Решил проблему реафкторинг кода и оптимизация анимаций при прокрутке.

Сейчас прокрутчик отдаёт долг Родине на главной странице основного сайта: