A Book Apart

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="google-site-verification" content="9ex0_Z0xQO5TbWWWG_YdS_AOVUveCyat58PnkSv7E3o" /> <title>A Book Apart</title> <link href="cdn/shop/t/4/assets/2019-screen.scss%EF%B9%96v=60548189626548252431720553516.css" rel="stylesheet" type="text/css" media="all" /> <link rel="preload" href="cdn/shop/t/4/assets/TitlingGothicFBCondensedRegular-subset%EF%B9%96v=144323233704978956321589824711.woff2" as="font" type="font/woff2"> <link rel="preload" href="cdn/shop/t/4/assets/TitlingGothicFBSkylineRegular-subset%EF%B9%96v=82076782130832495991589824635.woff2" as="font" type="font/woff2"> <link rel="preload" href="cdn/shop/t/4/assets/AdelleSans-Regular-subset%EF%B9%96v=170044181468326467751589824607.woff2" as="font" type="font/woff2"> <link rel="alternate" title="A Book Apart: Press Room RSS Feed" type="application/rss+xml" href="https://feeds.feedburner.com/a-book-apart"> <link rel="shortcut icon" href="cdn/shop/t/4/assets/favicon%EF%B9%96v=90145869007515973581537450570.ico" type="image/x-icon"> <link rel="apple-touch-icon" sizes="57x57" href="cdn/shop/t/4/assets/apple-touch-icon-57x57%EF%B9%96v=65803350735019661971537450561.png"> <link rel="apple-touch-icon" sizes="60x60" href="cdn/shop/t/4/assets/apple-touch-icon-60x60%EF%B9%96v=150262060825672676901537450561.png"> <link rel="apple-touch-icon" sizes="72x72" href="cdn/shop/t/4/assets/apple-touch-icon-72x72%EF%B9%96v=147896007713647014101537450561.png"> <link rel="apple-touch-icon" sizes="76x76" href="cdn/shop/t/4/assets/apple-touch-icon-76x76%EF%B9%96v=44952889816077047171537450561.png"> <link rel="apple-touch-icon" sizes="114x114" href="cdn/shop/t/4/assets/apple-touch-icon-114x114%EF%B9%96v=115119225902024552321537450560.png"> <link rel="apple-touch-icon" sizes="120x120" href="cdn/shop/t/4/assets/apple-touch-icon-120x120%EF%B9%96v=102068666138980899281537450560.png"> <link rel="apple-touch-icon" sizes="144x144" href="cdn/shop/t/4/assets/apple-touch-icon-144x144%EF%B9%96v=135072051314031706611537450560.png"> <link rel="apple-touch-icon" sizes="152x152" href="cdn/shop/t/4/assets/apple-touch-icon-152x152%EF%B9%96v=57942616554089397631537450561.png"> <link rel="apple-touch-icon" sizes="180x180" href="cdn/shop/t/4/assets/apple-touch-icon-180x180%EF%B9%96v=64316675395298681401537450561.png"> <link rel="icon" type="image/png" href="cdn/shop/t/4/assets/android-chrome-192x192%EF%B9%96v=119341456129549094591537450560.png" sizes="192x192"> <link rel="me" href="https://front-end.social/@abookapart"> <meta name="description" content="Brief books for people who design, write,聽and聽code "> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@abookapart" /> <meta name="twitter:title" content="A Book Apart" /> <meta property="og:title" content="A Book Apart" /> <meta name="twitter:description" content="Brief books for people who design, write,聽and聽code " /> <meta property="og:description" content="Brief books for people who design, write,聽and聽code " /> <meta property="og:site_name" content="A Book Apart" /> <script src='cdn/shop/t/4/assets/jquery-3.3.1.min%EF%B9%96v=61395414644828968241561739218.js' type='text/javascript'></script> <script> // Picture element HTML5 shiv document.createElement( "picture" ); </script> <script src="cdn/shop/t/4/assets/picturefill%EF%B9%96v=131268525102640775091537450576.js" async></script> <link rel="canonical" href="index.html"> <meta property="og:image" content="https://abookapart.com/cdn/shop/t/4/assets/aba-og.webp" /> <meta property="og:image:secure_url" content="https://abookapart.com/cdn/shop/t/4/assets/aba-og.webp" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="1200" /> </head> <body id="index" class=""> <header role="banner"> <a class='branding' href='/'> <picture class="branding__logo"> <source media="(max-width: 599px)" srcset="cdn/shop/t/4/assets/aba-icon%EF%B9%96v=99583976875288395861537450559.svg" type="image/svg+xml"> <source srcset="cdn/shop/t/4/assets/aba-logo-2%EF%B9%96v=5628627351356293221537450559.svg" type="image/svg+xml"> <img srcset="cdn/shop/t/4/assets/aba-logo%EF%B9%96v=14272058534771725271537450560.png" alt="A Book Apart"> </picture> <h1 class="branding__wordmark">A Book Apart</h1> </a> <div class="site-nav"> <nav class='site-nav__primary'> <ul> <li id='nav-store'> <a href='/products/'>Shop</a> </li> <li id='nav-press'> <a href='/blogs/press/'>Blog</a> </li> <li id='nav-about'> <a href='pages/about/'>About</a> </li> </ul> </nav> <nav class='site-nav__secondary'> <ul> <li id='nav-twitter' class="site-nav__social"> <a href='http://twitter.com/abookapart' class="site-nav__link--icon"> <svg viewBox="0 0 15 12" width="15" height="12" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M15 1.42a6.32 6.32 0 0 1-1.53 1.57v.4c0 4-3.09 8.61-8.75 8.61A8.77 8.77 0 0 1 0 10.77c.24.03.49.05.73.05 1.44 0 2.78-.61 3.82-1.44a3.06 3.06 0 0 1-2.87-2.1 3.25 3.25 0 0 0 1.4-.05A3.04 3.04 0 0 1 .6 4.26v-.04c.41.22.88.36 1.39.38A3 3 0 0 1 .62 2.09c0-.57.16-1.03.42-1.47a8.8 8.8 0 0 0 6.34 3.1 3.04 3.04 0 0 1 3-3.73c.89.01 1.69.39 2.26.97.7-.14 1.35-.4 1.94-.74-.22.7-.7 1.3-1.35 1.68A6.16 6.16 0 0 0 15 1.42z"/></svg> </a> </li> <li id='nav-instagram' class="site-nav__social"> <a href='http://instagram.com/abookapart' class="site-nav__link--icon"> <svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><title>Instagram</title><path d="M8 0c2.17 0 2.45.01 3.3.05.85.04 1.43.17 1.94.37.53.2.97.48 1.42.92.44.45.72.9.92 1.42.2.5.33 1.09.37 1.94.04.85.05 1.13.05 3.3s-.01 2.45-.05 3.3a5.87 5.87 0 0 1-.37 1.94c-.2.53-.48.97-.92 1.42-.45.44-.9.72-1.42.92-.5.2-1.09.33-1.94.37-.85.04-1.13.05-3.3.05a56.3 56.3 0 0 1-3.3-.05 5.85 5.85 0 0 1-1.94-.37c-.53-.2-.97-.48-1.42-.92a3.9 3.9 0 0 1-.92-1.42c-.2-.5-.33-1.09-.37-1.94C0 10.45 0 10.17 0 8s.01-2.45.05-3.3c.04-.85.17-1.43.37-1.94.2-.53.48-.97.92-1.42.45-.44.9-.72 1.42-.92.5-.2 1.09-.33 1.94-.37C5.55 0 5.83 0 8 0m5.23 3.73a.96.96 0 1 0-1.92 0 .96.96 0 0 0 1.92 0M8 3.89a4.1 4.1 0 1 0 0 8.22 4.1 4.1 0 0 0 0-8.22m0 6.78a2.67 2.67 0 1 1 0-5.34 2.67 2.67 0 0 1 0 5.34"/></svg> </a> </li>  <li id='nav-help'> <a href='/pages/help/'>Help</a> </li> <li id='nav-login'> <a href='/pages/help/#access_account'>Sign In</a> </li> </ul> </nav> <a id='nav-cart' class='shopping-cart' href='https://abookapart.com/pages/about' title='View Cart'> <span class='shopping-cart__count'>0</span> <svg class='shopping-cart__icon' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 20"><circle cx="11.55" cy="18.23" r="1.77"/><circle cx="20.02" cy="18.23" r="1.77"/><path d="M22.1 13.24H9.77L5.5.6C5.4.26 5.05 0 4.67 0H.9C.4 0 0 .4 0 .9s.4.9.9.9H4l4.26 12.63c.12.37.47.6.85.6h13c.5 0 .9-.4.9-.9s-.4-.9-.9-.9zm1.94-9.83L8.74 2.1c-.48-.04-.75.3-.6.77l2.67 7.94c.18.47.7.85 1.2.85h11.17c.5 0 .95-.4 1-.9l.68-6.35c.05-.5-.3-.95-.8-1z"/></svg> <span class='shopping-cart__text'>Cart</span> </a> </div> </header> <main id="main"> <section class="section section--center section--tan site-slogan"> <div class="container"> <h2 class="section__title section__title--large"> <svg class="section__icon" width="54" height="52" viewBox="0 0 54 52" xmlns="http://www.w3.org/2000/svg"><path d="M52.8 4.7c.7 0 1.2.6 1.2 1.2v37.8c0 .7-.5 1.2-1.2 1.2h-14c-2.2 0-7.1.6-7.1 6 0 .6-.5 1.1-1.2 1.1h-7c-.7 0-1.2-.5-1.2-1.2 0-5.3-5-5.9-7-5.9H1.2C.5 45 0 44.4 0 43.7V6c0-.6.5-1.2 1.2-1.2h1.1V41.4c0 .6.6 1.1 1.2 1.1H20c2.7 0 3.5.8 3.5 3.6 0 .6.5 1.2 1.2 1.2h4.6c.7 0 1.2-.6 1.2-1.2 0-2.8.8-3.6 3.5-3.6h16.5c.6 0 1.2-.5 1.2-1.1V4.7h1.1zM34 40.2c-3.5 0-5.4 1.5-5.8 4.7V2C29.8.5 31.9 0 34 0h14.1c.7 0 1.2.5 1.2 1.2v39H34.1zm-14 0H4.7v-39C4.7.5 5.2 0 5.9 0h14c2.2 0 4.3.5 6 2v43h-.1c-.4-3.3-2.3-4.8-5.8-4.8z"/></svg> Brief books for people who design, write,聽and聽code </h2> <div class="section__description section__description--large section__description--narrow"><p>We shed light on the industry鈥檚 most essential topics in a format that鈥檚 practical and fun.</p></div> </div> </section> <section class="section section--flush-bottom medium--section--flush-top"> <div class="container"> <a href="pages/about/" class="feature feature--bold feature__link"> <picture class="feature__img" loading="eager"> <source srcset="cdn/shop/files/library-wood-2_2400x1050_crop_center.progressive.png%EF%B9%96v=1696523530.jpg" media="(min-width: 1750px)"> <source srcset="cdn/shop/files/library-wood-2_1750x984_crop_center.progressive.png%EF%B9%96v=1696523530.jpg" media="(min-width: 1400px)"> <img src="cdn/shop/files/library-wood-2_660x.progressive.png%EF%B9%96v=1696523530.jpg" srcset="cdn/shop/files/library-wood-2_375x.progressive.png%EF%B9%96v=1696523530.jpg 375w, cdn/shop/files/library-wood-2_497x.progressive.png%EF%B9%96v=1696523530.jpg 497w, cdn/shop/files/library-wood-2_375x@2x.progressive.png%EF%B9%96v=1696523530.jpg 750w, cdn/shop/files/library-wood-2_375x@3x.progressive.png%EF%B9%96v=1696523530.jpg 1125w, cdn/shop/files/library-wood-2_660x@2x.progressive.png%EF%B9%96v=1696523530.jpg 1320w" sizes="(min-width: 769px) 65vw, 100vw" alt="A Book Apart is now closed"> </picture> <div class="feature__body"> <h2 class="feature__title">A Book Apart is now closed</h2> <div class="feature__description text"> <p>From all of us, we thank you for your support in the years since our doors opened in 2010, and importantly, for your commitment to making the tech world a better place. </p> </div> <span class="section__link section__link--bold">About Us <svg viewBox="0 0 16 15" width="16" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M15.4 7.3V7L7.7 0a.6.6 0 0 0-.8 1l6.3 5.8H1a.6.6 0 0 0 0 1.2h12.2L7 14a.6.6 0 1 0 .8 1l7.5-7a.7.7 0 0 0 .2-.3.6.6 0 0 0 0-.3z"/></svg></span> </div> </a> </div> </section> <div class="section medium--section--spaced-top"> <div class="container"> <div class="grid"> <section class="feature grid__item medium--c-7of12"> <a class='feature__link' href='/products/surviving-change-at-work'> <img class="feature__img" src="cdn/shop/files/aba-000048-pp-stack-4_660x.progressive.png%EF%B9%96v=1696521200.jpg" srcset="cdn/shop/files/aba-000048-pp-stack-4_375x.progressive.png%EF%B9%96v=1696521200.jpg 375w, cdn/shop/files/aba-000048-pp-stack-4_497x.progressive.png%EF%B9%96v=1696521200.jpg 497w, cdn/shop/files/aba-000048-pp-stack-4_375x@2x.progressive.png%EF%B9%96v=1696521200.jpg 750w, cdn/shop/files/aba-000048-pp-stack-4_375x@3x.progressive.png%EF%B9%96v=1696521200.jpg 1125w, cdn/shop/files/aba-000048-pp-stack-4_660x@2x.progressive.png%EF%B9%96v=1696521200.jpg 1320w" sizes="(min-width: 960px) 660px, (min-width: 769px) 497px, 100vw" alt="Surviving Change at Work" loading="lazy"> <div class="feature__body"> <p class="feature__meta">Vanessa Gennarelli</p> <h2 class="feature__title">Surviving Change at Work</h2> <div class="feature__description text"> <p>The reality of working at a high-growth organization can be tough to endure. From product pivots to constantly shifting expectations to personnel turnover, it鈥檚 enough to cause whiplash. If this is your first (or second, or even third!) rodeo in a tech job, and you鈥檙e wondering how to stay upright amid the tumult, <em>Surviving Change at Work </em>will keep you grounded.</p> </div> <span class="section__link section__link--bold">Buy This Book <svg viewBox="0 0 16 15" width="16" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M15.4 7.3V7L7.7 0a.6.6 0 0 0-.8 1l6.3 5.8H1a.6.6 0 0 0 0 1.2h12.2L7 14a.6.6 0 1 0 .8 1l7.5-7a.7.7 0 0 0 .2-.3.6.6 0 0 0 0-.3z"/></svg></span> </div> </a> </section> <section class="news grid__item medium--c-5of12"> <h2 class="section__title section__title--underlined news__heading">Latest News</h2> <a class="news__feed" href='http://feeds.feedburner.com/a-book-apart'>RSS Feed <svg viewBox="0 0 14 14" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><path d="M2.2 14C1 14 0 13 0 11.8c0-1.2 1-2.2 2.2-2.2 1.2 0 2.2 1 2.2 2.2 0 1.2-1 2.2-2.2 2.2m7.1 0h-2a.3.3 0 0 1-.3-.3C7 10 4 7 .3 7a.3.3 0 0 1-.3-.3v-2c0-.2.1-.3.3-.3 5.1 0 9.3 4.2 9.3 9.3 0 .2-.1.3-.3.3m4.4 0h-2a.3.3 0 0 1-.3-.3c0-6.1-5-11-11.1-11a.3.3 0 0 1-.3-.4v-2C0 0 .1 0 .3 0 7.9 0 14 6.1 14 13.7c0 .2-.1.3-.3.3" fill="#ED8433"/></svg></a> <ul class="news__list"> <li class="news__item"> <h3 class="news__title"> <a href='/blogs/press/a-new-chapter-for-a-book-apart'>A New Chapter for A Book Apart</a> </h3> <p class="news__date">Mar 01, 2024</p> <div class='news__summary text'> <p><img alt="ABA logo." src="https://abookapart.com/cdn/shop/t/4/assets/aba-logo_small_small.png" class="press-thumb"></p> <p>Dear Reader, We wanted to share a bit of news with you. Since opening our doors in 2010, we鈥檝e navigated considerable change鈥攆rom rising production costs, to fluctuating fulfillment needs, to evolving operational strategies. Largely, experiencing such change has inspired us to shift, flex, and transform. More recently, it is testing the sustainability of our business, and after careful consideration we will no longer be publishing new titles. <a href='/blogs/press/a-new-chapter-for-a-book-apart'>Read on for more</a>.</p> </div> </li> <li class="news__item"> <h3 class="news__title"> <a href='/blogs/press/bulk-buys-big-savings'>Leap Into *BIG* Savings</a> </h3> <p class="news__date">Feb 28, 2024</p> </li> <li class="news__item"> <h3 class="news__title"> <a href='/blogs/press/aba-now-everywhere-fine-books-are-sold'>ABA is now everywhere fine books are sold!</a> </h3> <p class="news__date">Dec 20, 2023</p> </li> <li class="news__item"> <h3 class="news__title"> <a href='/blogs/press/last-chance-to-save-25'>Last Chance to Save 25%!</a> </h3> <p class="news__date">Dec 14, 2023</p> </li> <li class="news__item"> <h3 class="news__title"> <a href='/blogs/press/great-giftables-25-off'>Great Giftables - 25% Off!</a> </h3> <p class="news__date">Dec 11, 2023</p> </li> </ul> <a class='section__link section__link--bold news__more' href='/blogs/press'>View All News <svg viewBox="0 0 16 15" width="16" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M15.4 7.3V7L7.7 0a.6.6 0 0 0-.8 1l6.3 5.8H1a.6.6 0 0 0 0 1.2h12.2L7 14a.6.6 0 1 0 .8 1l7.5-7a.7.7 0 0 0 .2-.3.6.6 0 0 0 0-.3z"/></svg></a> </section> </div> </div> </div> <section class="section section--close-top section--center section--tan newsletter"> <div class="container"> <h2 class="section__title section__title--small">The Best Newsletter Around</h2> <div class="section__description text"> <p>Stay in the know about new releases, news and interviews, and special offers.</p> </div> <form action='' class="newsletter__form newsletter__form--inline" method='post' target='_blank'> <div style="display: none;" aria-hidden="true"> <label for="website">Website</label><br /> <input type="text" id="website" name="website" tabindex="-1" autocomplete="false" value="" /> </div> <div class='newsletter__field-group'> <label for='newsletter-email2'>Email<span> Address</span></label> <input class='email not-allowed' id='newsletter-email2' name='fields[email]' type='email' value='' disabled /> <button class='btn--rounded not-allowed' type='submit' disabled>Subscribe</button> </div> </form> <p class="newsletter__note">By signing up, you agree to our <a href='/pages/privacy-policy'>Terms of Use</a>.</p> </div> </section> <section class='section section--brown section--center'> <div class="container"> <h2 class="section__title section__title--large section__title--bright"> <svg class="section__icon section__icon--dark section__icon--inline section__icon--wide" width="64" height="53" viewBox="0 0 64 53" xmlns="http://www.w3.org/2000/svg"><path d="M61 23.7L40.8 41v-6.4h.1c.3 0 .5 0 .6-.2L61 17.7v6zm-2.2 9.4L38.6 50.3v-6.4h.1c.3 0 .5 0 .7-.2l1-1 .5.2a1 1 0 0 0 .8-.2l17-14.6v5zm-51.5.8v-5.5l28.7 6 1.2.3a1 1 0 0 0 .8-.2l.6-.4h.3v6.4L7.3 34zM5 43.3v-6.4l31.6 6.6V50L5 43.3zm-1.5-24L35.2 26v6.4L3.6 25.8v-6.4zm33.7 7.1c.2 0 .4 0 .6-.2L57.3 9.6v6L37 32.8v-6.4h.2zM64 23a1 1 0 0 0-.7-.7l-.5-.1v-6l.7-.6a1 1 0 0 0-.4-1.7l-4-.7V8l.8-.6a1 1 0 0 0-.5-1.6L27.5 0a1 1 0 0 0-.7.2L2.1 17.4C1.7 17.7 0 18.8 0 22c0 3.5 2.1 5.1 2.2 5.2h.1l.1.1a.7.7 0 0 0 .1 0l1.6.4c-.3.6-.4 1.4-.4 2.4 0 1.8.5 3 1 4l-1 .7c-.6.3-2.3 1.4-2.2 4.7 0 3.5 2.1 5.1 2.2 5.2l.4.2 33.4 7 1.2.2a1 1 0 0 0 .8-.2l22-18.7a1 1 0 0 0-.4-1.7h-.4v-5.1l3-2.6c.2-.2.4-.6.3-1z" /></svg> Starter Packs </h2> <div class="section__description section__description--large section__description--white section__description--spaced text"><p>Curated collections of books on a聽theme, get you up to speed鈥攁nd save!</p></div> <ul class='pack-grid grid'> <li class='grid__item small--c-1of3 medium--c-1of4'> <a class='pack-grid__item' href='/collections/collaborative-design'> <div class="pack-grid__images"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-42_48x%EF%B9%96v=1660142571.png" srcset="cdn/shop/products/aba-cover-42_48x%EF%B9%96v=1660142571.png 48w, cdn/shop/products/aba-cover-42_34x@3x%EF%B9%96v=1660142571.png 102w, cdn/shop/products/aba-cover-42_48x@3x%EF%B9%96v=1660142571.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Inclusive Design Communities" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-briefs-cover-10_48x%EF%B9%96v=1594738234.png" srcset="cdn/shop/products/aba-briefs-cover-10_48x%EF%B9%96v=1594738234.png 48w, cdn/shop/products/aba-briefs-cover-10_34x@3x%EF%B9%96v=1594738234.png 102w, cdn/shop/products/aba-briefs-cover-10_48x@3x%EF%B9%96v=1594738234.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Practical Pair Programming" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-31_48x%EF%B9%96v=1569338957.png" srcset="cdn/shop/products/aba-cover-31_48x%EF%B9%96v=1569338957.png 48w, cdn/shop/products/aba-cover-31_34x@3x%EF%B9%96v=1569338957.png 102w, cdn/shop/products/aba-cover-31_48x@3x%EF%B9%96v=1569338957.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Expressive Design Systems" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-22_48x%EF%B9%96v=1484930189.png" srcset="cdn/shop/products/aba-cover-22_48x%EF%B9%96v=1484930189.png 48w, cdn/shop/products/aba-cover-22_34x@3x%EF%B9%96v=1484930189.png 102w, cdn/shop/products/aba-cover-22_48x@3x%EF%B9%96v=1484930189.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Practical Design Discovery" loading="lazy"> </div> <h3 class='pack-grid__title'><span>Collaborative Design</span></h3> <div class="pack-grid__text text"> <p>Work better, together.</p> </div> </a> </li> <li class='grid__item small--c-1of3 medium--c-1of4'> <a class='pack-grid__item' href='/collections/compassionate-design'> <div class="pack-grid__images"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-37_48x%EF%B9%96v=1627955454.png" srcset="cdn/shop/products/aba-cover-37_48x%EF%B9%96v=1627955454.png 48w, cdn/shop/products/aba-cover-37_34x@3x%EF%B9%96v=1627955454.png 102w, cdn/shop/products/aba-cover-37_48x@3x%EF%B9%96v=1627955454.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Design for Safety" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-33_48x%EF%B9%96v=1593716071.png" srcset="cdn/shop/products/aba-cover-33_48x%EF%B9%96v=1593716071.png 48w, cdn/shop/products/aba-cover-33_34x@3x%EF%B9%96v=1593716071.png 102w, cdn/shop/products/aba-cover-33_48x@3x%EF%B9%96v=1593716071.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Design for Cognitive Bias" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-32_48x%EF%B9%96v=1579299269.png" srcset="cdn/shop/products/aba-cover-32_48x%EF%B9%96v=1579299269.png 48w, cdn/shop/products/aba-cover-32_34x@3x%EF%B9%96v=1579299269.png 102w, cdn/shop/products/aba-cover-32_48x@3x%EF%B9%96v=1579299269.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Cross-Cultural Design" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/ABA-cover-18_aea67455-a1b9-486c-a817-fbbbbda3637d_48x%EF%B9%96v=1554390815.png" srcset="cdn/shop/products/ABA-cover-18_aea67455-a1b9-486c-a817-fbbbbda3637d_48x%EF%B9%96v=1554390815.png 48w, cdn/shop/products/ABA-cover-18_aea67455-a1b9-486c-a817-fbbbbda3637d_34x@3x%EF%B9%96v=1554390815.png 102w, cdn/shop/products/ABA-cover-18_aea67455-a1b9-486c-a817-fbbbbda3637d_48x@3x%EF%B9%96v=1554390815.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Design for Real Life" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-5-2e_48x%EF%B9%96v=1591736163.png" srcset="cdn/shop/products/aba-cover-5-2e_48x%EF%B9%96v=1591736163.png 48w, cdn/shop/products/aba-cover-5-2e_34x@3x%EF%B9%96v=1591736163.png 102w, cdn/shop/products/aba-cover-5-2e_48x@3x%EF%B9%96v=1591736163.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Designing for Emotion" loading="lazy"> </div> <h3 class='pack-grid__title'><span>Compassionate Design</span></h3> <div class="pack-grid__text text"> <p>Create kinder, more connected design.</p> </div> </a> </li> <li class='grid__item small--c-1of3 medium--c-1of4'> <a class='pack-grid__item' href='/collections/typography-essentials'> <div class="pack-grid__images"> <img class="pack-grid__image" src="cdn/shop/products/aba-cover-27_48x%EF%B9%96v=1532470792.png" srcset="cdn/shop/products/aba-cover-27_48x%EF%B9%96v=1532470792.png 48w, cdn/shop/products/aba-cover-27_34x@3x%EF%B9%96v=1532470792.png 102w, cdn/shop/products/aba-cover-27_48x@3x%EF%B9%96v=1532470792.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Flexible Typesetting" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/aba-briefs-cover-7_07fe9ea6-2b1c-4041-a973-3d3e60f28032_48x%EF%B9%96v=1537209133.png" srcset="cdn/shop/products/aba-briefs-cover-7_07fe9ea6-2b1c-4041-a973-3d3e60f28032_48x%EF%B9%96v=1537209133.png 48w, cdn/shop/products/aba-briefs-cover-7_07fe9ea6-2b1c-4041-a973-3d3e60f28032_34x@3x%EF%B9%96v=1537209133.png 102w, cdn/shop/products/aba-briefs-cover-7_07fe9ea6-2b1c-4041-a973-3d3e60f28032_48x@3x%EF%B9%96v=1537209133.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="Webfont Handbook" loading="lazy"> <img class="pack-grid__image" src="cdn/shop/products/ABA-cover-11_db28d356-b628-4c40-9205-a3e8c7988916_48x%EF%B9%96v=1463456277.png" srcset="cdn/shop/products/ABA-cover-11_db28d356-b628-4c40-9205-a3e8c7988916_48x%EF%B9%96v=1463456277.png 48w, cdn/shop/products/ABA-cover-11_db28d356-b628-4c40-9205-a3e8c7988916_34x@3x%EF%B9%96v=1463456277.png 102w, cdn/shop/products/ABA-cover-11_db28d356-b628-4c40-9205-a3e8c7988916_48x@3x%EF%B9%96v=1463456277.png 144w" sizes="(min-width: 960px) 42px, (min-width: 769px) 30px, (min-width: 480px) 34px, 48px" alt="On Web Typography" loading="lazy"> </div> <h3 class='pack-grid__title'><span>Typography Essentials</span></h3> <div class="pack-grid__text text"> <p>Design readable, great-looking words.</p> </div> </a> </li> <li class="grid__item medium--c-1of6 medium--push"> <a class='more more--light' href='/products/#packs'><span>View all Packs <svg viewBox="0 0 16 15" width="16" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M15.4 7.3V7L7.7 0a.6.6 0 0 0-.8 1l6.3 5.8H1a.6.6 0 0 0 0 1.2h12.2L7 14a.6.6 0 1 0 .8 1l7.5-7a.7.7 0 0 0 .2-.3.6.6 0 0 0 0-.3z"/></svg></span></a> </li> </ul> </div> </section> <section class="section section--flush-bottom"> <div class="container"> <div class="hero" style="background-image: url('cdn/shop/files/gear-2_1320x.progressive%EF%B9%96v=1613167103.jpg')"> <div class="hero__container"> <h2 class="hero__title section__title section__title--white">A Book Apart Gear</h2> <div class="hero__description section__description"> <p>Mugs, shirts, and totes, oh my! Outfit yourself and support your favorite indie book publisher.<br/><br/></p> </div> <a class='btn btn--bold' href='/collections/gear'>Shop Now</a> </div> </div> </div> </section> <section class='section'> <div class="container"> <h2 class="section__title section__title--underlined">Recent Releases</h2> <ul class='book-grid grid'> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/surviving-change-at-work'> <img src="cdn/shop/files/aba-cover-48_212x%EF%B9%96v=1686233060.png" srcset="cdn/shop/files/aba-cover-48_112x%EF%B9%96v=1686233060.png 112w, cdn/shop/files/aba-cover-48_212x%EF%B9%96v=1686233060.png 212w, cdn/shop/files/aba-cover-48_112x@3x%EF%B9%96v=1686233060.png 336w, cdn/shop/files/aba-cover-48_160x@3x%EF%B9%96v=1686233060.png 480w, cdn/shop/files/aba-cover-48_212x@3x%EF%B9%96v=1686233060.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="Surviving Change at Work" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>Vanessa Gennarelli</p> <h3 class='book-grid__title'>Surviving Change at Work</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/you-deserve-a-tech-union'> <img src="cdn/shop/files/aba-cover-47_212x%EF%B9%96v=1686232988.png" srcset="cdn/shop/files/aba-cover-47_112x%EF%B9%96v=1686232988.png 112w, cdn/shop/files/aba-cover-47_212x%EF%B9%96v=1686232988.png 212w, cdn/shop/files/aba-cover-47_112x@3x%EF%B9%96v=1686232988.png 336w, cdn/shop/files/aba-cover-47_160x@3x%EF%B9%96v=1686232988.png 480w, cdn/shop/files/aba-cover-47_212x@3x%EF%B9%96v=1686232988.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="You Deserve a Tech Union" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>Ethan Marcotte</p> <h3 class='book-grid__title'>You Deserve a Tech Union</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/design-by-definition'> <img src="cdn/shop/files/aba-cover-46_212x%EF%B9%96v=1686232747.png" srcset="cdn/shop/files/aba-cover-46_112x%EF%B9%96v=1686232747.png 112w, cdn/shop/files/aba-cover-46_212x%EF%B9%96v=1686232747.png 212w, cdn/shop/files/aba-cover-46_112x@3x%EF%B9%96v=1686232747.png 336w, cdn/shop/files/aba-cover-46_160x@3x%EF%B9%96v=1686232747.png 480w, cdn/shop/files/aba-cover-46_212x@3x%EF%B9%96v=1686232747.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="Design by Definition" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>Elizabeth McGuane</p> <h3 class='book-grid__title'>Design by Definition</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/wireframing-for-everyone'> <img src="cdn/shop/products/aba-cover-45_212x%EF%B9%96v=1682110275.png" srcset="cdn/shop/products/aba-cover-45_112x%EF%B9%96v=1682110275.png 112w, cdn/shop/products/aba-cover-45_212x%EF%B9%96v=1682110275.png 212w, cdn/shop/products/aba-cover-45_112x@3x%EF%B9%96v=1682110275.png 336w, cdn/shop/products/aba-cover-45_160x@3x%EF%B9%96v=1682110275.png 480w, cdn/shop/products/aba-cover-45_212x@3x%EF%B9%96v=1682110275.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="Wireframing for Everyone" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>Michael Angeles, Leon Barnard, & Billy Carlson</p> <h3 class='book-grid__title'>Wireframing for Everyone</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6"> <a class='book-grid__item' href='/products/immersive-content-and-usability'> <img src="cdn/shop/products/aba-cover-44_212x%EF%B9%96v=1677444687.png" srcset="cdn/shop/products/aba-cover-44_112x%EF%B9%96v=1677444687.png 112w, cdn/shop/products/aba-cover-44_212x%EF%B9%96v=1677444687.png 212w, cdn/shop/products/aba-cover-44_112x@3x%EF%B9%96v=1677444687.png 336w, cdn/shop/products/aba-cover-44_160x@3x%EF%B9%96v=1677444687.png 480w, cdn/shop/products/aba-cover-44_212x@3x%EF%B9%96v=1677444687.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="Immersive Content and Usability" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>Preston So</p> <h3 class='book-grid__title'>Immersive Content and Usability</h3> </a> </li> <li class="grid__item c-1of2 small--c-1of3 medium--c-1of6 medium--is-hidden"> <a class='book-grid__item' href='/products/the-business-of-ux-writing'> <img src="cdn/shop/products/aba-cover-43_212x%EF%B9%96v=1666635531.png" srcset="cdn/shop/products/aba-cover-43_112x%EF%B9%96v=1666635531.png 112w, cdn/shop/products/aba-cover-43_212x%EF%B9%96v=1666635531.png 212w, cdn/shop/products/aba-cover-43_112x@3x%EF%B9%96v=1666635531.png 336w, cdn/shop/products/aba-cover-43_160x@3x%EF%B9%96v=1666635531.png 480w, cdn/shop/products/aba-cover-43_212x@3x%EF%B9%96v=1666635531.png 636w" sizes="(min-width: 960px) 160px, (min-width: 769px) 112px, (min-width: 480px) 212px, 202px" alt="The Business of UX Writing" class="book-grid__img" loading="lazy"> <p class='book-grid__byline'>Yael Ben-David</p> <h3 class='book-grid__title'>The Business of UX Writing</h3> </a> </li> <li class="grid__item medium--c-1of6"> <a class='more' href='/products/#books'><span>View all Books <svg viewBox="0 0 16 15" width="16" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M15.4 7.3V7L7.7 0a.6.6 0 0 0-.8 1l6.3 5.8H1a.6.6 0 0 0 0 1.2h12.2L7 14a.6.6 0 1 0 .8 1l7.5-7a.7.7 0 0 0 .2-.3.6.6 0 0 0 0-.3z"/></svg></span></a> </li> </ul> </div> </section> </main> <footer role="contentinfo"> <div class="section section--close-top section--tan"> <div class="container"> <div class="site-footer grid"> <div class="grid__item medium--c-5of12"> <h3 class="site-footer__title">Newsletter</h3> <form action='' class="newsletter__form " method='post' target='_blank'> <div style="display: none;" aria-hidden="true"> <label for="website">Website</label><br /> <input type="text" id="website" name="website" tabindex="-1" autocomplete="false" value="" /> </div> <div class='newsletter__field-group'> <label for='newsletter-email'>Email<span> Address</span></label> <input class='email not-allowed' id='newsletter-email' name='fields[email]' type='email' value='' disabled /> <button class='btn--rounded not-allowed' type='submit' disabled>Subscribe</button> </div> </form> <p class="newsletter__note">By signing up, you agree to our <a href='/pages/privacy-policy'>Terms of Use</a>.</p> </div> <div class="grid__item small--c-1of3 medium--c-3of12"> <h3 class="site-footer__title">Follow Us</h3> <ul class="site-footer__nav site-footer__nav--social"> <li class="site-footer__item--icons"> <a href='http://twitter.com/abookapart'><svg viewBox="0 0 15 12" width="15" height="12" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M15 1.42a6.32 6.32 0 0 1-1.53 1.57v.4c0 4-3.09 8.61-8.75 8.61A8.77 8.77 0 0 1 0 10.77c.24.03.49.05.73.05 1.44 0 2.78-.61 3.82-1.44a3.06 3.06 0 0 1-2.87-2.1 3.25 3.25 0 0 0 1.4-.05A3.04 3.04 0 0 1 .6 4.26v-.04c.41.22.88.36 1.39.38A3 3 0 0 1 .62 2.09c0-.57.16-1.03.42-1.47a8.8 8.8 0 0 0 6.34 3.1 3.04 3.04 0 0 1 3-3.73c.89.01 1.69.39 2.26.97.7-.14 1.35-.4 1.94-.74-.22.7-.7 1.3-1.35 1.68A6.16 6.16 0 0 0 15 1.42z"/></svg>@abookapart on Twitter</a> </li> <li class="site-footer__item--icons"> <a href="http://instagram.com/abookapart"><svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><title>Instagram</title><path d="M8 0c2.17 0 2.45.01 3.3.05.85.04 1.43.17 1.94.37.53.2.97.48 1.42.92.44.45.72.9.92 1.42.2.5.33 1.09.37 1.94.04.85.05 1.13.05 3.3s-.01 2.45-.05 3.3a5.87 5.87 0 0 1-.37 1.94c-.2.53-.48.97-.92 1.42-.45.44-.9.72-1.42.92-.5.2-1.09.33-1.94.37-.85.04-1.13.05-3.3.05a56.3 56.3 0 0 1-3.3-.05 5.85 5.85 0 0 1-1.94-.37c-.53-.2-.97-.48-1.42-.92a3.9 3.9 0 0 1-.92-1.42c-.2-.5-.33-1.09-.37-1.94C0 10.45 0 10.17 0 8s.01-2.45.05-3.3c.04-.85.17-1.43.37-1.94.2-.53.48-.97.92-1.42.45-.44.9-.72 1.42-.92.5-.2 1.09-.33 1.94-.37C5.55 0 5.83 0 8 0m5.23 3.73a.96.96 0 1 0-1.92 0 .96.96 0 0 0 1.92 0M8 3.89a4.1 4.1 0 1 0 0 8.22 4.1 4.1 0 0 0 0-8.22m0 6.78a2.67 2.67 0 1 1 0-5.34 2.67 2.67 0 0 1 0 5.34"/></svg>@abookapart on Instagram</a> </li> <li class="site-footer__item--icons"> <a href="http://feeds.feedburner.com/a-book-apart"><svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><title>RSS</title><path d="M16 12.6c0 1.9-1.5 3.4-3.4 3.4H3.4A3.4 3.4 0 0 1 0 12.6V3.4C0 1.5 1.5 0 3.4 0h9.2C14.5 0 16 1.5 16 3.4v9.2zM4.3 13a1.4 1.4 0 1 0 0-2.8 1.4 1.4 0 0 0 0 2.8zm-1.5-5a5 5 0 0 1 5 5H10a7 7 0 0 0-7-7v2zm0-3.7c4.8 0 8.7 4 8.7 8.7h2c0-5.9-4.8-10.7-10.7-10.7v2z"/></svg>A Book Apart News RSS</a> </li> </ul> </div> <div class="grid__item small--c-1of3 medium--c-2of12"> <h3 class="site-footer__title">Shop</h3> <ul class="site-footer__nav"> <li> <a href='/collections/books' title='Books'>Books</a> </li> <li> <a href='/collections' title='Privacy Policy'>Starter Packs</a> </li> <li> <a href='/collections/gear' title='Gear'>Gear</a> </li> </ul> </div> <div class="grid__item small--c-1of3 medium--c-2of12"> <h3 class="site-footer__title">Company</h3> <ul class="site-footer__nav"> <li> <a href='/pages/help/' title='Help & Contact Us'>Help & Contact</a> </li> <li> <a href='pages/about/' title='About Us'>About Us</a> </li> <li> <a href='/pages/resources-for-authoring/' title='Resources for Authoring'>Resources for Authoring</a> </li>  </ul> </div> </div> </div> </div> <div class="section section--close-top section--tan--dark"> <div class="container"> <div class="site-footer__legal"> <p class="site-credits">© Copyright <script>document.write(new Date().getFullYear())</script>, A Book Apart, LLC <a href='/pages/privacy-policy' title='Privacy Policy'>Privacy Policy</a></p> </div> </div> </div> </footer> </body> </html>

CINXE.COM

A Book Apart