Сверхбыстрая верстка:
от макета до Production

Артём Дикмаров, Simtech Development.

Сверхбыстрая верстка:
от макета до Production

Артём Дикмаров, Simtech Development

Проблемы со скоростью верстки

Пути решения

Увеличение производительности hardware

Баяны

Увеличение производительности software

Sublime text

Emmet

Sublime Text

Photoshop

CSS-hat

Photoshop

Тема для холивара

Эксперимент 1: выбор ОС

Самоускорение

Отказываемся от социалочек:

Способы выспаться

Эксперимент 2: График

            5:00 - подъем
            5:20 - встать с кровати
            6:00 - выйти из дома
            7:00 - отъездить
            8:00 - поехать на работу
            9:30 - приехать на работу
            9:30 - 19:00 - работать
            20:30 - приехать домой
            21:00 - спать
        
График самоорганизации Жесткий график
105 закрытых часов* 75 закрытых часов*

* - неточные значения

Ускорение рутины

  • Префиксация
  • Рефакторинг
  • Рутинная верстка
  • Префиксер

    https://autoprefixer.github.io/ru/

    Быстрый рефакторинг

    Запомнить проблемы

                calc(100% - 2px)
                 
                calc(98%)
            
                ~"calc(100% - 2px)"
                 
                calc(100% - 2px)
            

    Иметь методологию в голове

                .b-header__logo - "Правильная БЭМ методология"
            
                .header_logo - "Моя упрощенная методология"
            

    Тесты

    Тесты

  • Тестировать лучше тестировщика
  • Больше времени тратить на самотест
  • Тестировать в сафари (мacOs и iOS)
  • Эксперимент 3: самотестирование

    Без самотестирования С самотестированием
    Время в тесте* 7 дней 2 дня
    Количество багов* 20 3
    Количество failed test* 7 2

    * - cредние значения

    Xcode

    Вопросы?