1. Алан Купер об интерфейсе. Основы проектирования взаимодействия
www.ozon.ru/context/detail/id/4562908

2. 100 главных принципов дизайна. Как удержать внимание
www.ozon.ru/context/detail/id/19918233

3. Универсальные принципы дизайна
www.ozon.ru/context/detail/id/6722011

4. Интерфейс
www.ozon.ru/context/detail/id/1332088

5. Психбольница в руках пациентов
www.ozon.ru/context/detail/id/4710758

Вижу только, что крайние блоки прибавили в ширине у центра. Проблема тут не в :after, а в outline. border в свою очередь корректно работает.

Отрисовка html в разы менее производительна, чем canvas