CINXE.COM
our notebook // iinteractive.com
<!DOCTYPE html> <html lang="en"> <!-- prettier-ignore --> <head> <meta charset="utf-8" /> <meta name="description" content="Infinity is a full-service, high-touch, world-class, dash-happy custom software shop that’s been building (cool) stuff since 1998." /> <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=0.86, maximum-scale=3.0, minimum-scale=0.86" /> <link rel="alternate" type="application/atom+xml" title="Atom Feed" href="/notebook/atom.xml" /> <link rel="stylesheet" media="screen and (prefers-color-scheme: light)" href="/css/prism-solarizedlight.css" /> <link rel="stylesheet" media="screen and (prefers-color-scheme: dark)" href="/css/prism-twilight.css" /> <link rel="stylesheet" href="/css/site.css" /> <title>our notebook // iinteractive.com</title> <!-- for Facebook --> <meta property="og:url" content="https://iinteractive.com/notebook/" /> <meta property="og:title" content="our notebook // iinteractive.com" /> <!-- FIXME: need to conditionalize to be 'article' on blog posts and stories --> <meta property="og:type" content="website" /> <meta property="og:description" content="Infinity is a full-service, high-touch, world-class, dash-happy custom software shop that’s been building (cool) stuff since 1998." /> <meta property="og:image" content="https://iinteractive.com/images/infinity-logotype.png" /> <meta property="og:image:height" content="250" /> <meta property="og:image:width" content="250" /> <meta property="og:image:alt" content="Infinity is a full-service, high-touch, world-class, dash-happy custom software shop that’s been building (cool) stuff since 1998." /> <!-- for Twitter --> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="our notebook // iinteractive.com" /> <meta name="twitter:site" content="@iinteractive" /> <meta name="twitter:description" content="Infinity is a full-service, high-touch, world-class, dash-happy custom software shop that’s been building (cool) stuff since 1998." /> <meta name="twitter:image" content="https://iinteractive.com/images/infinity-logotype.png" /> <!-- favicon --> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=5ABErGarWn" /> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=5ABErGarWn" /> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=5ABErGarWn" /> <link rel="manifest" href="/site.webmanifest?v=5ABErGarWn" /> <link rel="mask-icon" href="/safari-pinned-tab.svg?v=5ABErGarWn" color="#5bbad5" /> <link rel="shortcut icon" href="/favicon.ico?v=5ABErGarWn" /> <meta name="msapplication-TileColor" content="#da532c" /> <meta name="theme-color" content="#ffffff" /> </head> <body> <header> <input type="checkbox" name="toggle" id="toggle" aria-label="toggle navigation links" /> <label for="toggle"></label> <nav class="nav-top"><ul> <li><a href="/stories">STORIES</a></li> <li><a href="/notebook">NOTEBOOK</a></li> <li><a href="/careers">CAREERS</a></li> <li><a href="/connect">CONTACT</a></li> </ul> </nav> <div class="logo"> <!-- prettier-ignore --> <a href="/" title="infinity interactive" aria-label="infinity interactive"><svg class="helix-logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 461.9 266.3" style="fill: transparent;"> <path fill="#a5e1fa" class="st0" d="M205.3,107.2l74.1,74.4c18.4,17.9,43.6,29,71.3,29.1c56.8,0.2,103.1-45.6,103.3-102.4 C454.3,51.5,408.5,5.2,351.7,4.9c-27.7-0.1-53,10.8-71.5,28.5L205.3,107.2z"/> <path fill="#052858" class="st1" d="M257.1,158.6l-74.8,74c-18.6,17.8-43.8,28.8-71.7,28.7C53.7,261.3,7.6,215,7.8,158S54.2,55,111.1,55.1 c27.8,0.1,53,11.1,71.5,29.1L257.1,158.6z"/> </svg> </a> <!-- prettier-ignore --> <p><a href="/"><span class="strong">infinity</span><span class="regular">interactive</span></a></p> </div> <nav class="nav-btm"><ul> <li><a href="/stories">STORIES</a></li> <li><a href="/notebook">NOTEBOOK</a></li> <li><a href="/careers">CAREERS</a></li> <li><a href="/connect">CONTACT</a></li> </ul> </nav> </header> <main> <h1>our notebook</h1> <section> <div class="icon-grid top-margin-mid"> <div class="icon-flank"></div> <div class="center"><svg version="1.1" id="basic-lightbulb" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="48px" height="48px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve"> <path fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" d="M21,40v5h22l0.001-5.107C49,36.195,53,29.564,53,22 c0-11.598-9.402-21-21-21s-21,9.402-21,21C11,29.565,14.998,36.304,21,40z"/> <line fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" x1="28" y1="45" x2="25" y2="25"/> <line fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" x1="36" y1="45" x2="39" y2="25"/> <polyline fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" points="25,26 29,29 32,26 35,29 39,26 "/> <rect x="21" y="45" fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" width="22" height="6"/> <rect x="23" y="51" fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" width="18" height="6"/> <rect x="25" y="57" fill="none" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" width="14" height="6"/> </svg> </div> <div class="icon-flank"></div> </div> <article> <header> <p> <a class="large-text" href="/notebook/2023/08/03/cypress-automated-testing-enabling-safe-and-rapid-development/">cypress automated testing: enabling safe and rapid development</a> <br> John Bowser <br> august 3rd, 2023 </p> </header> <div class="float:left"> <img src="/images/notebook/cypress-automated-testing-enabling-safe-and-rapid-development/robot_large.jpg" alt="Illustration of two developers working together to program a robot" title="Automating tasks improves efficiency"> </div> <p>Back in September 2020, our own Eric Wagoner wrote about his <a href="https://iinteractive.com/notebook/2020/09/02/automated-browser-testing-bridging-the-gap-between-dev-and-qa/">first experience with Cypress</a>, touching on its ease of setup, easy to read and write syntax for JavaScript developers, and some of the team-related benefits of incorporating Cypress testing into a project. Since then, we’ve continued to work with several clients using Cypress - whether building out a testing infrastructure from scratch or helping them expand their tests and testing capability. We’ve learned a lot over the past few years working with Cypress and in this post, I’ll share some of the biggest benefits we noticed both from a QA and development perspective.</p> <p class="clearfix"><a href="/notebook/2023/08/03/cypress-automated-testing-enabling-safe-and-rapid-development/">…read more</a></p> </article> <hr> <article> <header> <p> <a class="large-text" href="/notebook/2023/07/07/the-state-of-ai-in-early-2023/">The State of AI in Early 2023</a> <br> Toby Deshane & Eric Wagoner <br> july 7th, 2023 </p> </header> <p>During an internal company meeting in early 2023, Toby Deshane gave a talk about the capabilities and potential risks of AI tools such as ChatGPT and CoPilot, both quite new at the time. It also addresses common questions such as ethics, cost, privacy concerns, and the growing possibility of open-source alternatives. The rapidly evolving nature of the field has aged some material here, but in general it still provides a unique insight into this exciting nascent era in history.</p> <div class="center"> <iframe width="560" height="315" src="https://www.youtube.com/embed/q9Ct0Pt-rrk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> <p class="clearfix"><a href="/notebook/2023/07/07/the-state-of-ai-in-early-2023/">…read more</a></p> </article> <hr> <article> <header> <p> <a class="large-text" href="/notebook/2022/10/28/meet-jeremy-tarver/">Meet Jeremy Tarver</a> <br> Jeremy Tarver & Abby Zavos <br> october 28th, 2022 </p> </header> <div class="float:right"> <img src="/images/notebook/meet-jeremy-tarver/jeremy-tarver.jpg" alt="Jeremy Tarver, Picture source: Jeremy Tarver" title="Jeremy Tarver, Picture source: Jeremy Tarver" width="250" /> </div> <p><em>Meet Jeremy Tarver, player of Native American stickball, river enthusiast, and underappreciated treehouse architect.</em></p> <p><strong>Name, Company, Title, City</strong></p> <p>Jeremy Tarver, Infinity Interactive, Senior Developer, Athens GA</p> <p class="clearfix"><a href="/notebook/2022/10/28/meet-jeremy-tarver/">…read more</a></p> </article> <hr> <article> <header> <p> <a class="large-text" href="/notebook/2022/08/05/meet-suzanne-raphael/">Meet Suzanne Raphael</a> <br> Suzanne Raphael & Abby Zavos <br> august 5th, 2022 </p> </header> <div class="float:right"> <img src="/images/notebook/meet-suzanne-raphael/suzanne-raphael-boat.jpeg" alt="Suzanne Raphael, Picture source: Suzanne Raphael" title="Suzanne Raphael, Picture source: Suzanne Raphael" width="250" /> </div> <p><em>Meet Suzanne Raphael, Infinity’s QA evangelist. A thinker, consultant, thinker, camper, thinker…. okay perhaps a bit of an overthinker, but the perfect kind of overthinker for QA and Infinity.</em></p> <p><strong>Name, Company, Title, City</strong></p> <p>Suzanne Raphael, Infinity Interactive, Lead QA/Consultant, Ossining, NY</p> <p class="clearfix"><a href="/notebook/2022/08/05/meet-suzanne-raphael/">…read more</a></p> </article> <hr> <article> <header> <p> <a class="large-text" href="/notebook/2022/06/17/meet-matt-holtz/">Meet Matt Holtz</a> <br> Matt Holtz & Abby Zavos <br> june 17th, 2022 </p> </header> <div class="float:right"> <img src="/images/notebook/meet-matt-holtz/holtz.jpg" alt="Matt Holtz, Picture source: Matt Holtz" title="Matt Holtz, Picture source: Matt Holtz" width="250" /> </div> <p><em>Meet Matt Holtz, our Denver developer, dog lover, new dad, and the latest in our Infinity interview series.</em></p> <p><strong>Name, Company, Title, City</strong></p> <p>Matt Holtz, Infinity Interactive, Lead Consultant, Denver CO</p> <p class="clearfix"><a href="/notebook/2022/06/17/meet-matt-holtz/">…read more</a></p> </article> <hr> <article> <header> <p> <a class="large-text" href="/notebook/2022/02/18/meet-matt-patterson/">Meet Matt Patterson</a> <br> Matt Patterson & Abby Zavos <br> february 18th, 2022 </p> </header> <div class="float:right"> <img src="/images/notebook/meet-matt-patterson/bio-pic.jpeg" alt="Matt Patterson, Picture source: Matt Patterson" title="Matt Patterson, Picture source: Matt Patterson" width="250" /> </div> <p><em>Meet Matt Patterson (mattpatt), an Infinity developer, and an improviser in music and thought. A man who loves jazz, a good burger, and Larry David!</em></p> <p><strong>Name, Company, Title, City</strong></p> <p>Matt Patterson, Infinity Interactive, Junior Developer, Central Virginia</p> <p class="clearfix"><a href="/notebook/2022/02/18/meet-matt-patterson/">…read more</a></p> </article> <hr> <article> <header> <p> <a class="large-text" href="/notebook/2021/11/19/meet-trey-bianchini/">Meet Trey Bianchini</a> <br> Trey Bianchini, Abby Zavos, & Rob Kopf <br> november 19th, 2021 </p> </header> <div class="float:right"> <img src="/images/notebook/meet-trey-bianchini/trey-hat.jpg" alt="Trey Bianchini, Picture source: Trey Bianchini" title="Trey Bianchini, Picture source: Trey Bianchini" width=250 /> </div> <p><em>Meet Trey Bianchini, Infinity developer who, in his spare time likes to make really good espresso and also, electric guitars.</em></p> <p><strong>Name, Company, Title, City</strong></p> <p>Trey Bianchini, Infinity Interactive, Programmer, Omaha, NE</p> <p class="clearfix"><a href="/notebook/2021/11/19/meet-trey-bianchini/">…read more</a></p> </article> <hr> <article> <header> <p> <a class="large-text" href="/notebook/2021/10/18/meet-john-bowser/">Meet John Bowser</a> <br> John Bowser, Abby Zavos, & Rob Kopf <br> october 18th, 2021 </p> </header> <div class="float:right"> <img src="/images/notebook/meet-john-bowser/bowser.jpg" alt="John Bowser, Picture source: John Bowser" title="John Bowser, Picture source: John Bowser" width=250 /> </div> <p><em>In this latest post in our interview series, we’d like to introduce you to our own John Bowser, programmer, nature lover, cat guy.</em></p> <p><strong>Name, Company, Title, City</strong></p> <p>John Bowser, Infinity Interactive, Junior Developer, Salt Lake City, UT</p> <p class="clearfix"><a href="/notebook/2021/10/18/meet-john-bowser/">…read more</a></p> </article> <hr> <article> <header> <p> <a class="large-text" href="/notebook/2020/09/02/automated-browser-testing-bridging-the-gap-between-dev-and-qa/">automated browser testing: bridging the gap between dev and qa</a> <br> Eric Wagoner <br> september 2nd, 2020 </p> </header> <div class="float:right"> <img src="/images/notebook/automated-browser-testing/robot-blog-large.jpg" alt="Picture of a robot typing on some sort of virtual computer" title="Robots test so we can do smarter thtings."> </div> <p>We recently were a part of a project with what was, in many ways, a typical successful startup. The company makes hardware for a niche market, powered by their own firmware and driven by a suite of web applications running both on a server and locally as <a href="https://www.electronjs.org/apps">Electron apps</a>. They make a great product that is disrupting the space and they’re growing rapidly, both in company size and number of users.</p> <p>What started as a small integrated team has spun up to several groups overseeing various aspects of the product and as that happened the developers became somewhat siloed from the QA folks. Each group had its own process for keeping the quality high in the face of rapid growth, namely thorough unit tests on the development side and a series of step-by-step documents used by a number of testers to manually go through every page and every button of the web applications. Releases were coming quickly and the testers were spending hours upon hours methodically testing only to have to start all over again when another release came out of development. They were overworked and almost overwhelmed, and called Infinity for help.</p> <p class="clearfix"><a href="/notebook/2020/09/02/automated-browser-testing-bridging-the-gap-between-dev-and-qa/">…read more</a></p> </article> <hr> <article> <header> <p> <a class="large-text" href="/notebook/2020/06/18/free-puppies-free-tickets-and-being-smart/">free puppies, free tickets, & being smart</a> <br> <a href="https://twitter.com/genehack">John SJ Anderson (@genehack)</a> <br> june 18th, 2020 </p> </header> <div class="float:right"> <img src="/images/notebook/free-puppies-free-tickets-and-being-smart/sammy.jpg" alt="Picture of an alert looking, rather cute, black and brown dog, staring straight into the camera" title="My dog, Sammy. Sammy is a good doggo."> </div> <p>Here at Infinity, one of our core precepts — coined by former Infin-ite Shawn Moore — is the notion that “tickets are free”. The idea is that you should never waste time wondering “should I make a ticket for this?” Instead, just make the damn ticket! In the immortal words of John Blutarsky, “it don’t cost nuthin’.”</p> <p>With an opening paragraph like that, you’re probably expecting some sort of listicle of all the ways adopting our “tickets are free” credo will help make your software development efforts better and turbocharge your coders to new heights of productivity. That is not what you’re gonna get, however. Nope! Instead, I’m going to talk to you about <em>how</em> tickets are free… because they’re not free like beer, but instead are free like puppies. And then I’ll share ways to make sure your freely created tickets are usefully propelling your project forward, instead of bogging it down.</p> <p class="clearfix"><a href="/notebook/2020/06/18/free-puppies-free-tickets-and-being-smart/">…read more</a></p> </article> <hr> <nav aria-labelledby="pagination" id="pagination"> <ul> <li><</li> <li class="current"> <a href="/notebook/" aria-current="page">1</a> </li> <li > <a href="/notebook/2/">2</a> </li> <li class="elipsis">...</li><li > <a href="/notebook/8/">8</a> </li> <li><a href="/notebook/2/">></a></li> </ul> </nav> </section> </main> <footer> <!-- prettier-ignore --> <div class="flex-spaced"> <a href="https://twitter.com/iinteractive" title="Twitter"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg></a> <a href="https://github.com/iinteractive/" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a> <a href="https://gitlab.com/infinity-interactive" title="GitLab"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-gitlab"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg></a> <a href="https://www.linkedin.com/company/infinity-interactive/" title="Linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg></a> <a href="https://www.facebook.com/iinteractive" title="Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-facebook"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a> </div> <div class="flex-center"> <p class="margin:0"> copyright © 2024 <!-- prettier-ignore --> <a href="/"><svg class="helix-logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 461.9 266.3" style="fill: transparent;"> <path fill="#a5e1fa" class="st0" d="M205.3,107.2l74.1,74.4c18.4,17.9,43.6,29,71.3,29.1c56.8,0.2,103.1-45.6,103.3-102.4 C454.3,51.5,408.5,5.2,351.7,4.9c-27.7-0.1-53,10.8-71.5,28.5L205.3,107.2z"/> <path fill="#052858" class="st1" d="M257.1,158.6l-74.8,74c-18.6,17.8-43.8,28.8-71.7,28.7C53.7,261.3,7.6,215,7.8,158S54.2,55,111.1,55.1 c27.8,0.1,53,11.1,71.5,29.1L257.1,158.6z"/> </svg> <span class="strong">infinity</span><span class="regular">interactive</span></a> </p> </div> </footer> </body> </html>