Отладка и тестирование вёрстки

Вёрстка CSS

Сегодня небольшая подборка информации для тех, кому интересна тема тестирования и отладки вёрстки. Disclaimer: некоторые статьи читал давно (возможно что-то устарело), не всеми советами пользовался, однако статьи, безусловно, полезные.

Chrome Dev Tools

Отдельный совет касается галочки Async в Sources / Call stack. Её включение позволяет увидеть полный стек вызовов (например, перейти из обработчика setTimeout/setInterval к коду, который его установил). Анализируя стек вызовов, можно посмотреть значения переменных в любой точке выполнения.

Отладка CSS

Debugging CSS — отличная статья, особенно для таких как я — кто занимается проблемами с вёрсткой далеко не каждый день. Можно последовательно читать, когда сам сходу не разобрался — есть вероятность, что найдёшь что-то подходящее.

Автоматизация тестирования

The Art Of Layout Testing With Galen Framework — интересный фреймворк. Пока не было случая попробовать, но по описанию очень понравилось. Если кто-то уже пробовал — поделитесь отзывами, пожалуйста. Можно в Twitter.

Pixelmatch. The smallest, simplest and fastest JavaScript pixel-level image comparison library. Из названия, думаю, всё понятно, где можно применить — тоже :)

Вёрстка CSS