Screenbeacon

Fully automated integration testing for visual design

get it

Screenbeacon is a modern take on website uptime monitoring and analysis. They constantly ping your site and check it for consistency in it's coded styles and visual design. If one of the regions on your page breaks, They will alert you via SMS, email, or 3rd party integratio

Reviews

Discussion

You need to become a Contributor to join the discussion - Find out how.
131953
Mark HayesMaker@mhayes · Sr. Software Engineer, RepairPal
When you only have a fraction of a second to make a positive first impression you want to be sure you're not displaying something that looks broken. We built Screenbeacon to ensure your visual design remains consistent. We'd love to hear thoughts from the community!
8319
Erik TorenbergHiring@eriktorenberg · Former Product Hunt
i thought it was screenbacon and i got excited
131482
Jordan HumphreysMaker@spaceprovided · Engineer, ZURB
@eriktorenberg haha, that definitely crossed our minds for a nice April fools joke!
131953
Mark HayesMaker@mhayes · Sr. Software Engineer, RepairPal
We had a few users ask us about using the Chrome plugin. We just published a screencast that should help: https://www.screenbeacon.com/wel...
Ryan HooverPro@rrhoover · Founder, Product Hunt
@mhayes there are a ton of automation tools already available. What makes this better or different?
131953
Mark HayesMaker@mhayes · Sr. Software Engineer, RepairPal
@rrhoover Screenbeacon is different than the other tools out there because it notices when things visually change. Imagine we setup Screenbeacon and another monitoring product like Pingdom to look at a our website.  Pingdom would create an alert if text on the website changed. However if the styles changed and rendered all the text illegible we would not be notified. Screenbeacon catches things like this.
118947
Caleb WintersMaker@cmwinters · Product Designer @ GitHub
Screenbeacon is more focused on what the end user sees. We'll let you know when your web design visually changes. Screenebeacon sends you an alert showing you the baseline screenshot and the diff, letting you decide if it's an error or not. Also, for each test Screenbeacon checks the baseline screenshot AND the computed CSS styles. If both have changed, we create an alert. This helps reduce false positives.