Past talks by Jon Bellah at Front Porch Conference

Visual Regression Testing with PhantomCSS

You’ve spent months perfecting your site; building your components and checking them twice. You’ve gone through more QA than you can shake a stick at, and you’re now completely change blind… but you’re finally ready to launch that site!

Suddenly, at the last minute, the client requires major changes to the a critical component (probably the legal department, it’s always the legal department).

You make the changes and launch the site.

But wait, oh no! The client has reported some issues on a template you didn’t think to check!

In the past, catching these visual regressions was a manual process. One where everyone is responsible for paying attention to what their code is doing and (hopefully) what else it may affect, with occasional passes through the site for overall QA. But we’re human, mistakes happen… sometimes frequently.

Automated visual regression testing is an excellent way to build yourself a safety net. With PhantomCSS, you can create a test suite that automagically runs through your site after changes have been made, compares visual diffs, and alerts you of any changes.

Embracing Performance Optimization

Optimizing the critical rendering path, eliminating unnecessary roundtrips, and employing progressive enhancement can have a huge impact on scalability and user experience. In this session, we'll take a look at some of the ways you can improve the performance of your websites.