Процесс создания «актуальной бухгалтери»

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

Оптимизация, оптимизация, оптимизация — столько раз я проходил этот этап при вёрстке «актуальной бухгалтерии».

  • — оптимизация структуры для адаптива;
  • — оптимизация css для скорости и для души;
  • — оптимизация скриптов для мобильников.

Что касается структуры: нужно было думать, как разместить блоки друг относительно друга, чтобы при смене ориентации на айпаде, например, не нужно было прятать и показывать какие-либо элементы — чтобы разные стили применялись к одной и той же разметке.

Абсолютно всё так сделать не получилось, в некоторых местах (например при размещении даты и количества комментариев рядом со ссылкой на новость) пришлось сделать дубликат блока — это было менее ресурсоёмко.

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

 

От мобильной версии для планшетов в портретной ориентации решили отказаться, потому что три колонки гораздо лучше смотрятся, и информации больше помещается:

 

Для телефонов сайт выглядит как простое приложение: