1<!doctype html> 2<html lang="en"> 3<head> 4 <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 4-5
4 5 <script async src="https://www.googletagmanager.com/gtag/js?id=
5G-166LYHF4XG
vendor: 14 bytes, lines 5-6
5"></script> 6
6<script> 7
vendor: 140 bytes, lines 7-11
7window.dataLayer = window.dataLayer || []; 8 function gtag(){dataLayer.push(arguments);} 9 gtag('js', new Date()); 10 11 gtag('config', '
11G-166LYHF4XG
vendor: 6 bytes, lines 11-12
11'); 12
12</script>
12 13 <meta charset="utf-8" /> 14 <meta name="viewport" content="width=device-width, initial-scale=1" /> 15 16 <title>Ian Bogost - Books â Ian Bogost</title> 17 <meta name="description" content="Books I have authored and co-authored" /> 18 19 <!-- Canonical --> 20 <link rel="canonical" href="https://bogost.com/books/" /> 21 22 <!-- Open Graph --> 23 <meta property="og:site_name" content="Ian Bogost" /> 24 <meta property="og:title" content="Ian Bogost - Books" /> 25 <meta property="og:description" content="Books I have authored and co-authored" /> 26 <meta property="og:type" content="website" /> 27 <meta property="og:url" content="https://bogost.com/books/" /> 28 <meta property="og:image" content="https://bogost.com/images/hero.jpg" /> 29 30 <!-- Twitter --> 31 <meta name="twitter:card" content="summary_large_image" /> 32 <meta name="twitter:title" content="Ian Bogost - Books" /> 33 <meta name="twitter:description" content="Books I have authored and co-authored" /> 34 <meta name="twitter:image" content="https://bogost.com/images/hero.jpg" /> 35 36 <!-- Favicon/manifest --> 37 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> 38 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 39 <link rel="manifest" href="/site.webmanifest"> 40 41 <link rel="stylesheet" href="/assets/styles.css?v=1763957323" /> 42</head> 43<body> 44 <a class="skip-link" href="#main">Skip to content</a> 45 <header class="site-header" role="banner"> 46 <div class="container nav-wrap"> 47 <a class="brand" href="/">Ian Bogost</a> 48 <button class="nav-toggle" aria-label="Menu" aria-expanded="false" aria-controls="site-menu"> 49 <span class="bar"></span> 50 <span class="bar"></span> 51 <span class="bar"></span> 52 </button> 53 <nav class="site-nav" id="site-menu" aria-label="Primary"> 54 <ul> 55 <li> 56 <a href="/books/" aria-current="page" class="active"> 57 Books </a> 58 </li> 59 <li> 60 <a href="/writing/" > 61 Writing </a> 62 </li> 63 <li> 64 <a href="/games/" > 65 Games </a> 66 </li> 67 <li> 68 <a href="/projects/" > 69 Projects </a> 70 </li> 71 <li> 72 <a href="/about/" > 73 About </a> 74 </li> 75 </ul> 76 </nav> 77 </div> 78
78<script> 79 (function(){ 80 var header = document.querySelector('.site-header'); 81 var toggle = document.querySelector('.nav-toggle'); 82 var menu = document.getElementById('site-menu'); 83 84 function openMenu(){ 85 header.classList.add('nav-open'); 86 if (toggle) toggle.setAttribute('aria-expanded', 'true'); 87 document.body.classList.add('menu-open'); // optional scroll lock (needs CSS) 88 } 89 function closeMenu(){ 90 header.classList.remove('nav-open'); 91 if (toggle) toggle.setAttribute('aria-expanded', 'false'); 92 document.body.classList.remove('menu-open'); 93 } 94 95 if (toggle) { 96 toggle.addEventListener('click', function(){ 97 if (header.classList.contains('nav-open')) closeMenu(); else openMenu(); 98 }); 99 } 100 101 // Close on link click inside the menu 102 document.addEventListener('click', function(e){ 103 if (!header.classList.contains('nav-open')) return; 104 if (e.target.closest('.site-nav a')) { closeMenu(); return; } 105 // Close if clicking outside the header/nav 106 if (!e.target.closest('.site-header')) { closeMenu(); } 107 }); 108 109 // Close on Escape 110 document.addEventListener('keydown', function(e){ 111 if (e.key === 'Escape') closeMenu(); 112 }); 113 })(); 114 </script>
114 115 </header> 116 <main id="main" class="container"></file> <div class="site-promo"> 117 <a href="https://smallstuffbook.com" class="site-promo-inner"> 118 <div class="site-promo-label">My new book, <i>The Small Stuff</i></div> 119 <div class="site-promo-text"> 120 Hi! Please read my new book, <i>The Small Stuff: How to Lead a More Gratifying Life</i>, out summer 2026. You can click up here to order it. —love, ian 121 </div> 122 </a> 123 </div> 124<section class="rail" aria-label="Books"> 125 <h1 class="content-title">Books</h1> 126 <p class="content-dek">I have authored or co-authored 11 books. I also edit two <a href="/projects">book series</a>, and I formerly published books and related media at a small educational publisher.</p> 127 <div class="cards cards-4"> 128 <article class="card card-wrap"> 129 <a href="/books/small-stuff/" class="card-link"> 130 <img src="/images/content/books/small-stuff.jpg" alt="" class="card-img card-img--book" /> 131 <h3 class="card-title">The Small Stuff</h3> 132 <p class="muted">How you got disconnected from the physical worldâand how to reclaim that lost joy in everyday life. Out summer 2026.</p> 133 <img src="/assets/creatures/0.png" 134 alt="" 135 class="mascot" 136 style="cursor:pointer;pointer-events:auto" /> 137 </a> 138</article><article class="card card-wrap"> 139 <a href="/books/play-anything/" class="card-link"> 140 <img src="/images/content/books/play-anything.jpg" alt="" class="card-img card-img--book" /> 141 <h3 class="card-title">Play Anything</h3> 142 <p class="muted">How filling life with playâwhether soccer or lawn mowing, counting sheep or tossing Angry Birdsâforges a new path for creativity and joy in our impatient age.</p> 143 <img src="/assets/creatures/3.png" 144 alt="" 145 class="mascot" 146 style="cursor:pointer;pointer-events:auto" /> 147 </a> 148</article><article class="card card-wrap"> 149 <a href="/books/persuasive-games/" class="card-link"> 150 <img src="/images/content/books/persuasive-games.jpg" alt="" class="card-img card-img--book" /> 151 <h3 class="card-title">Persuasive Games</h3> 152 <p class="muted">How videogames mount arguments and make expressive statements about the world</p> 153 <img src="/assets/creatures/0.png" 154 alt="" 155 class="mascot" 156 style="cursor:pointer;pointer-events:auto" /> 157 </a> 158</article><article class="card card-wrap"> 159 <a href="/books/how-to-talk-about-videogames/" class="card-link"> 160 <img src="/images/content/books/how-to-talk-about-videogames.jpg" alt="" class="card-img card-img--book" /> 161 <h3 class="card-title">How to Talk About Videogames</h3> 162 <p class="muted">A fond look at the preposterousâand yet essentialâpursuit of games criticism.</p> 163 <img src="/assets/creatures/0.png" 164 alt="" 165 class="mascot" 166 style="cursor:pointer;pointer-events:auto" /> 167 </a> 168</article><article class="card card-wrap"> 169 <a href="/books/alien-phenomenology/" class="card-link"> 170 <img src="/images/content/books/alien-phenomenology.jpg" alt="" class="card-img card-img--book" /> 171 <h3 class="card-title">Alien Phenomenology</h3> 172 <p class="muted">A bold new metaphysics that explores how all thingsâfrom atoms to green chiles, cotton to computersâperceive, and experience one another.</p> 173 <img src="/assets/creatures/0.png" 174 alt="" 175 class="mascot" 176 style="cursor:pointer;pointer-events:auto" /> 177 </a> 178</article><article class="card card-wrap"> 179 <a href="/books/racing-the-beam/" class="card-link"> 180 <img src="/images/content/books/racing-the-beam.jpg" alt="" class="card-img card-img--book" /> 181 <h3 class="card-title">Racing the Beam</h3> 182 <p class="muted">The relationship between technological design and creative expression in the Atari VCS (2600).</p> 183 <img src="/assets/creatures/1.png" 184 alt="" 185 class="mascot" 186 style="cursor:pointer;pointer-events:auto" /> 187 </a> 188</article><article class="card card-wrap"> 189 <a href="/books/newsgames/" class="card-link"> 190 <img src="/images/content/books/newsgames.jpg" alt="" class="card-img card-img--book" /> 191 <h3 class="card-title">Newsgames</h3> 192 <p class="muted">How videogames offer a new way to do journalism</p> 193 <img src="/assets/creatures/0.png" 194 alt="" 195 class="mascot" 196 style="cursor:pointer;pointer-events:auto" /> 197 </a> 198</article><article class="card card-wrap"> 199 <a href="/books/unit-operations/" class="card-link"> 200 <img src="/images/content/books/unit-operations.jpg" alt="" class="card-img card-img--book" /> 201 <h3 class="card-title">Unit Operations</h3> 202 <p class="muted">A literary-technical theory for analsys of configurative systems</p> 203 <img src="/assets/creatures/0.png" 204 alt="" 205 class="mascot" 206 style="cursor:pointer;pointer-events:auto" /> 207 </a> 208</article><article class="card card-wrap"> 209 <a href="/books/how-to-do-things-with-videogames/" class="card-link"> 210 <img src="/images/content/books/how-to-do-things-with-videogames.jpg" alt="" class="card-img card-img--book" /> 211 <h3 class="card-title">How to Do Things With Videogames</h3> 212 <p class="muted">A fresh look at computer games as a mature mass medium with unlimited potential for cultural transformation</p> 213 <img src="/assets/creatures/0.png" 214 alt="" 215 class="mascot" 216 style="cursor:pointer;pointer-events:auto" /> 217 </a> 218</article><article class="card card-wrap"> 219 <a href="/books/10_print_chr2055rnd1_goto_10/" class="card-link"> 220 <img src="/images/content/books/10-print-chr2055rnd1-goto-10.jpg" alt="" class="card-img card-img--book" /> 221 <h3 class="card-title">10 PRINT CHR$(205.5 + RND(1)); : GOTO 10</h3> 222 <p class="muted">A whole book about a single line of code.</p> 223 <img src="/assets/creatures/0.png" 224 alt="" 225 class="mascot" 226 style="cursor:pointer;pointer-events:auto" /> 227 </a> 228</article><article class="card card-wrap">
229 <a href="/books/the-geeks-chihuahua/" class="card-link"> 230 <img src="/images/content/books/the-geeks-chihuahua.jpg" alt="" class="card-img card-img--book" /> 231 <h3 class="card-title">The Geek's Chihuahua</h3> 232 <p class="muted">The evolution and meaning of our love affair with Apple and its devices.</p> 233 <img src="/assets/creatures/0.png" 234 alt="" 235 class="mascot" 236 style="cursor:pointer;pointer-events:auto" /> 237 </a> 238</article><article class="card card-wrap"> 239 <a href="/books/elementary-greek/" class="card-link"> 240 <img src="/images/content/books/elementary-greek.jpg" alt="" class="card-img card-img--book" /> 241 <h3 class="card-title">Elementary Greek</h3> 242 <p class="muted">An ancient Greek text for children.</p> 243 <img src="/assets/creatures/0.png" 244 alt="" 245 class="mascot" 246 style="cursor:pointer;pointer-events:auto" /> 247 </a> 248</article> </div> 249</section> 250 </main> 251 252 <footer class="site-footer" role="contentinfo"> 253 <div class="container footer-wrap"> 254 <p class="copyright">©2003 – 2026 Ian Bogost, Persuasive Games LLC. All rights reserved.</p> 255 <nav class="footer-nav" aria-label="Footer"> 256 <ul> 257 <li><a href="/about/#contact">Contact</a></li> 258 <li><a href="https://ibogost.substack.com/" target="_blank" rel="noopener">Newsletter</a></li> 259 </ul> 260 </nav> 261 <div class="social"> 262 <a href="https://x.com/ibogost" aria-label="Twitter">Twitter/X</a> 263 <a href="https://bsky.app/profile/ibogost.com" aria-label="Bluesky">Bluesky</a> 264 <a href="https://instagram.com/ibogost" aria-label="Instagram">Instagram</a> 265 <a href="https://www.linkedin.com/in/ian-bogost" aria-label="LinkedIn">LinkedIn</a> 266 </div> 267 </div>
268<script src="/assets/mascot.js?v=3" defer></script>
268 269</footer> 270<div class="footer-newsletter"><a name="subscribe"></a> 271 <div class="footer-newsletter-instruction" style="height:4rem;"> 272 <p><a name="newsletter"></a>Subscribe to my (free) newsletter for quips and occasional updates: 273 <br/>(It's free and I won't share your email with anyone.)</p></div> 274 <div class="footer-newsletter-iframe"><iframe src="https://ibogost.substack.com/embed" width="480" height="150" style="margin-bottom:1em;float:right" frameborder="0" scrolling="no"></iframe></div> 275</div> 276</body> 277</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.