Library Journal

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script src="//cdn.blueconic.net/mediasource.js"></script> <title>Library Journal</title> <meta name="keywords" content="Library Journal Junior Library Guild, jlg, library, librarian, books, collection development, reading categories, reading levels." /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">  <link rel="stylesheet" type="text/css" href="/webfiles/1731914874575/css/bootstrap3.3.7.min.css"/>   <script src="/webfiles/1731914874575/js/jquery.simplePagination.js" type="text/javascript"></script>   <script src="/webfiles/1731914874575/js/bootstrap3.3.7.min.js" type="text/javascript"></script>   <script src='https://www.google.com/recaptcha/api.js'></script>   <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>  <link href="/webfiles/1731914874575/images/LJ_logo.ico" rel="Shortcut Icon" type="image/x-icon" />  <link rel="stylesheet" type="text/css" href="/webfiles/1731914874575/css/font-awesome.css"/> <link rel="stylesheet" type="text/css" href="/webfiles/1731914874575/css/style.css"/> <link rel="stylesheet" type="text/css" href="/webfiles/1731914874575/css/movers.css"/> <link rel="stylesheet" type="text/css" href="/webfiles/1731914874575/css/subscription.css"/> <script src="/webfiles/1731914874575/js/swiper.min.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="/webfiles/1731914874575/css/swiper.min.css"/> <link rel="canonical" href="https://www.libraryjournal.com/section/design"/> <script> function myFunction() { var x = document.getElementById("myTopnav"); if (x.className === "topnav") { x.className += " responsive"; } else { x.className = "topnav"; } } </script> <script type="text/javascript"> var analyticsFileTypes = ['']; var analyticsSnippet = 'enabled'; var analyticsEventTracking = 'enabled'; </script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KKLCXJW');</script>  <script type="text/javascript"> function divSwap(div1,div2) { d1 = document.getElementById(div1); d2 = document.getElementById(div2); if( d2.style.display == "none" ) { d1.style.display = "none"; d2.style.display = "block"; } else { d1.style.display = "block"; d2.style.display = "none"; } } </script> <script async="async" src="https://www.googletagservices.com/tag/js/gpt.js"> </script> <script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; </script> <script type='text/javascript'> var networkCode = 3245306; var adUnit = 'lj'; var slotName = "/" + networkCode + "/" + adUnit; var theme = ''; var pid = ''; var test = ''; theme = 'design'; pid = 'design'; var pgtype = 'theme-landing'; function breakpointval(){ var width = window.innerWidth; if(width<768){ return "mobile"; }else if(width<993){ return "tablet"; }else if(width>992){ return "desktop"; } } function customerName() { if ($.cookie('customerToken') != undefined) { var customerDetails = JSON.parse($.cookie('customerData')); return customerDetails.firstname; } } var breakpoint = breakpointval(); var loggedin =(customerName())?"yes":"no"; var newsletter = ''; googletag.cmd.push(function() { var topMapping = googletag.sizeMapping(). addSize([768, 0], [728, 90]). addSize([0, 0], [300, 50]). build(); var hpmid1Mapping = googletag.sizeMapping(). addSize([993, 0], [300, 250]). addSize([768, 0], [728, 90]). addSize([0, 0], [300, 250]). build(); var hpmid2Mapping = googletag.sizeMapping(). addSize([993, 0], [300, 250]). addSize([0, 0], [300, 50]). build(); googletag.defineSlot(slotName, [[728, 90], [300, 50]], 'header_tag_desktop') .defineSizeMapping(topMapping) .addService(googletag.pubads()) .setTargeting("pos", "top"); googletag.defineSlot(slotName, [[728, 90], [300, 250]], 'themelanding1') .defineSizeMapping(hpmid1Mapping) .addService(googletag.pubads()) .setTargeting("pos", "mid1"); googletag.defineSlot(slotName, [[300, 250], [300, 50]], 'themelanding2') .defineSizeMapping(hpmid2Mapping) .addService(googletag.pubads()) .setTargeting("pos", "mid2"); googletag.defineSlot(slotName, [1, 1], 'LJ_Spotible1_1x1') .addService(googletag.pubads()) .setTargeting("pos", "spotible"); googletag.defineSlot(slotName, [1, 1], 'LJ_Video_1x1') .addService(googletag.pubads()) .setTargeting("pos", "video"); googletag.pubads().setTargeting("theme",theme); googletag.pubads().setTargeting("pid",pid); googletag.pubads().setTargeting("pgtype",pgtype); googletag.pubads().setTargeting("breakpoint",breakpoint); googletag.pubads().setTargeting("loggedin",loggedin); googletag.pubads().setTargeting("newsletter",newsletter); googletag.pubads().setTargeting("test",test); googletag.pubads().enableSingleRequest(); googletag.pubads().collapseEmptyDivs(); googletag.pubads().enableLazyLoad(); googletag.enableServices(); }); </script> <script> function userName() { if ($.cookie('customerToken') != undefined) { var customerDetails = JSON.parse($.cookie('customerData')); if(customerDetails.firstname == "LJ") return "Free User"; else return "loggedin" } } var usertyp =(userName())?userName():"NotLogged"; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'dimensions':{ 'category': theme, 'user type': usertyp } }); </script> <script>/*<![CDATA[*/(function(w,a,b,d,s){w[a]=w[a]||{};w[a][b]=w[a][b]||{q:[],track:function(r,e,t){this.q.push({r:r,e:e,t:t||+new Date});}};var e=d.createElement(s);var f=d.getElementsByTagName(s)[0];e.async=1;e.src='//mediasource.actonservice.com/cdnr/63/acton/bn/tracker/10574';f.parentNode.insertBefore(e,f);})(window,'ActOn','Beacon',document,'script');ActOn.Beacon.track();/*]]>*/</script> <meta name="google-site-verification" content="GINpffHmAfZPGwpGyHSIt6k2Eeg8Hk44abcaPHa4FsI" /> <meta name="facebook-domain-verification" content="894j6361r0x0qu1ys4g936p4766o10" /> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KKLCXJW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="col-md-12 pl_0 pr_0"> <a name="top"></a> <div id="advertisement" class="advertisement adv-top bg-gray col-md-12 col-sm-12 col-xs-12 float-left hidden-print"> <div id="header_tag_desktop"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('header_tag_desktop'); }); </script> </div> </div>  <script src="/webfiles/1731914874575/js/header.js" type="text/javascript"></script> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/20468848.js"></script> <script defer="" src="https://cdnjs.cloudflare.com/ajax/libs/imask/3.4.0/imask.min.js"></script>  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" data-keyboard="false" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="ip-met-pop-cont modal-content"> <div class="modal-body"> <button onclick="closeClick()" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span style="font-size:25px;" aria-hidden="true">×</span> </button> <h3 class="ip-met-pop-h3"></h3> <div class="ip-met-pop-anc-link-cont"> <button onclick="loginClick()" type="button" class="ip-met-pop-anc-link">Login</button> <button onclick="closeClick()" type="button" class="ip-met-pop-anc-link" data-dismiss="modal">No thanks, take me to the website.</button> </div> </div> </div> </div> </div>   <div class="modal fade" id="loginConfirmModal" tabindex="-1" role="dialog" data-keyboard="false" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="login-met-pop-cont modal-content"> <div class="modal-body"> <button onclick="procedToLoginClose()" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span style="font-size:25px;" aria-hidden="true">×</span> </button> <h3 class="login-met-pop-h3-header">You have exceeded your limit for simultaneous device logins.</h3> <h3 class="login-met-pop-h3">Your current subscription allows you to be actively logged in on up to three (3) devices simultaneously. Click on continue below to log out of other sessions and log in on this device.</h3> <div class="ip-met-pop-anc-link-cont"> <button id="proced-to-login" type="button" class="ip-met-pop-anc-link" onclick="procedToLoginClick()" data-dismiss="modal">Continue</button> <button type="button" class="ip-met-pop-anc-link" data-dismiss="modal" onclick="procedToLoginClose()">Cancel</button> </div> </div> </div> </div> </div>   <div class="modal fade" id="myGiftModal" tabindex="-1" role="dialog" data-keyboard="false" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="gift-met-pop-cont modal-content"> <div class="modal-body"> <button onclick="giftPopupCloseClick()" type="button" class="close" data-dismiss="modal" aria-label="Close"> <span style="font-size:25px;" aria-hidden="true">×</span> </button> <h3 id="gift-met-pop-h3" class="gift-met-pop-h3"></h3> <div class="gift-met-pop-anc-link-cont"> <button onclick="giftPopupOKClick()" type="button" class="gift-met-pop-anc-link">OK</button> </div> <div class="display-none" id="gift-loader-space"><i class="fa fa-spinner fa-spin red" style="font-size:38px;margin-left: 45%;"></i></div> </div> </div> </div> </div>  <div id="header" class="header container-fluid col-md-12 col-sm-12 col-xs-12 float-left pl_0 pr_0 hidden-xs"> <div id="header-banner-multi-sub" class="header-banner-multi-sub"></div> <nav class="navbar navbar-default container mb_0"> <div class="col-md-12 col-sm-12 col-xs-12 p_0"> <div class="navbar-header col-md-3 col-sm-3 col-xs-12 mb_15 p_0"> <a href="/page/subscribe"><button id="subscribe-btn" class="btn btn-subscribe btn-red navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button><a> <div id="open-url-btn" class="topic-type mb_10" style="display:none; margin-top:40px">  <a id="digitized" class="theme-link fs_13" style="cursor: pointer">ACCESS DIGITIZED EDITION</a> </div> <div id="emags_link" class="topic-type mb_10" style="display:none; margin-top:40px"> <a id="emags_link_click" class="theme-link fs_13" style="cursor: pointer">ACCESS DIGITIZED EDITION</a> </div> </div> <div class="col-md-6 col-sm-6 col-xs-12 text-align-center"> <a id="homeId" onclick="readUrlCategory('home','homeId','home')" ;> <img class="LJ-image pointer" src="/webfiles/1731914874575/images/LJ.jpg" alt="L J image" /> </a> </div> <ul class="nav navbar-nav navbar-right col-md-3 col-sm-3 col-xs-12 mt_20">  <li class="pull-right mt_20 ml_30 search-bar"> <a href="" class="search-icon p_0 tab-ml-10" data-toggle="collapse"> <img id="btn" class="tab-w20" src="/webfiles/1731914874575/images/search.png" /> <div id="idd" class="display-none"></div> </a> </li> <li id="usertempDetail" class="pull-right mt_20 ellipsis-user-name dropdown-hover display-none"> <div class="usertempDetail pointer ml_20 tab-no-margin fs_16 tab-fs-14 customer-id">Free Access Account</div>  <ul id="account-popup" class="dropdown-menu account-nav border-none"> <li><a class="mb_10 mt_10 pointer" onclick="deleteAllCookies('/page/home')">Logout</a></li> </ul> </li> <li id="userDetail" class="pull-right mt_20 ellipsis-user-name dropdown"> <div id="mydiv" class="userDetail pointer ml_20 tab-no-margin fs_16 tab-fs-14"> <a href="/page/login" class="p_0 fs_16 dropdown-toggle" role="button" aria-expanded="false"> <img class="mr_10" src="/webfiles/1731914874575/images/user.png" />Log In</a> </div>  <ul id="account-popup" class="dropdown-menu account-nav border-none"> <li><a class="mb_10 mt_10" href="/page/account-dashboard?id=ms" id="ms">My Subscriptions</a></li>  <li><a class="mb_10 mt_10" href="/page/account-dashboard?id=mz" id="mz">My Library</a></li> <li><a class="mb_10 mt_10" href="/page/account-dashboard?id=mp" id="mp">My Profile</a></li> <li><a class="mb_10 mt_10 display-none" href="/page/account-dashboard?id=mi" id="mi">Manage Institution</a> </li> <li><a class="mb_10 mt_10 pointer" onclick="deleteAllCookies('/page/home')">Logout</a></li> </ul>   <ul id="reg-popup" class="dropdown-menu dropdown-menu-login pb_20" role="menu"> <li> <div class="registration"> <div class="col-md-12 col-xs-12 p_0"> <form class="registration-form" id="login-form1" method="post" data-toggle="validator"> <div class="col-md-12 text-align-center pl_0 pr_0 pt_0"> <div class="highlight error-color display-none" id="login-error1">Invalid email or password. Try again.</div> </div> <div class="col-md-12 form-group required mb_0 pl_20 pr_20"> <label class="control-label">Email</label> <input class="" type="email" id="loginEmail1" name="loginEmail" placeholder="Email" required> </div> <div class="col-md-12 form-group required mb_0 pl_20 pr_20"> <label class="control-label">Password</label> <input type="password" id="loginPassword1" name="loginPassword" placeholder="Password" required> </div> <div class="col-md-12 form-group required mb_0 pl_20 pr_20 text-align-center" id="headerDropdownLoginLoader"> </div> <div class="col-md-12 text-align-center pl_20 pr_20"> Forgot <a class="border-bottom-red text-decoration-none" href="/page/forgot-pass">password</a>? </div> <div class="col-md-12 align-center pl_20 pr_20"> <button type="submit" class="btn btn-default-red bold akzidenz-grotesk-regular" id="headerDropdownLoginButton">LOG IN</button> </div> <div class="col-md-12 text-align-center align-center pl_20 pr_20 pb_0 fs_13"> Don't have a Library Journal Account? </div> <div class="col-md-12 text-align-center align-center pl_20 pr_20 pt_0"> <a class="border-bottom-red text-decoration-none" href="/page/register">Register Now</a> </div> </form> </div> </div> </li> </ul>  </li> </ul> </div> </nav> <div class="hr_division_grey_light mb_0"></div> <div class="topic-navigation"> <nav class="navbar-default mb_0 container"> <ul class="nav navbar-nav full-width pull-left header-section"> <li class="pl_0 nml-8"> <a id="newsId" class="pl_0" onclick="readUrlCategory('news','newsId','News')" ;>News</a> </li> <li> <a id="reviewsId" onclick="readUrlCategory('reviews','reviewsId','Reviews')" ;>Reviews+</a> </li> <li> <a id="technologyId" onclick="readUrlCategory('technology','technologyId','Technology')" ;>Technology</a> </li> <li> <a id="programsId" onclick="readUrlCategory('programs+','programsId','Programs+')" ;>Programs+</a> </li> <li> <a id="designId" onclick="readUrlCategory('design','designId','Design')" ;>Design</a> </li> <li> <a id="peopleId" onclick="readUrlCategory('people','peopleId','People')" ;>People</a> </li> <li> <a id="publicLibrariesId" onclick="readUrlCategory('publiclibraries','publicLibrariesId','Public Libraries')" ;>Public Libraries</a> </li> <li> <a id="academicId" onclick="readUrlCategory('academiclibraries','academicId','Academic Libraries')" ;>Academic Libraries</a> </li> <li class="pr_0"> <a id="moreId" class="pr_0">Events & More+</a> <ul class="dropdownlist"> <li><a id="eventId" onclick="readUrlCategory('events','eventId','Events')" ;>Events</a></li> <li><a id="onlineCourseId" onclick="readUrlCategory('events?eventtype=eventHome','onlineCourseId','OnlineCourse')" ;>Online Courses</a></li> <li><a href="https://librarieslead.libraryjournal.com">Libraries Lead Podcast</a></li> <li><a id="leadershipId" onclick="readUrlCategory('leadership','leadershipId','Leadership')" ;>Leadership</a></li> <li><a id="advocacyId" onclick="readUrlCategory('advocacy','advocacyId','Advocacy')" ;>Advocacy</a></li> <li><a id="researchId" onclick="readUrlCategory('research','researchId','Research')" ;>Research</a></li> <li><a id="opinionId" onclick="readUrlCategory('opinion','opinionId','Opinion')" ;>Opinion</a></li> <li><a id="infoDocketId" onclick="readUrlCategory('infoDOCKET','infoDocketId','infoDOCKET')" ;>infoDOCKET</a></li> <li><a href="http://jobs.libraryjournal.com/" target="_blank">Job Zone</a></li> </ul> </li> </ul> </nav> </div> <div class="hr_division mt_0 mb_0"></div> <form method="get" action="https://www.libraryjournal.com/search" class="collapse search-form full-width"> <div class="container-fluid p_0"> <div class="p_0 search-bar-container col-md-12 col-sm-12"> <div id="imaginary_container" class="col-md-offset-2 col-md-8 col-sm-12 mt_30"> <div class="input-group stylish-input-group input-append"> <input type="text" name="query" class="form-control search-box" placeholder="Search" autofocus> <span class="input-group-addon"> <button type="submit"> <span class="glyphicon glyphicon-search"></span> </button> </span> </div> </div> </div> </div> </form> </div>  <div id="header-mobile" class="header container-fluid col-md-12 col-sm-12 col-xs-12 float-left visible-xs"> <nav class="navbar navbar-default container mb_0">  <div class="container"> <div class="navbar-header"> <a id="sub-btn-mobi" href="/page/subscribe"><button class="btn btn-subscribe btn-red navbar-btn">SUBSCRIBE</button></a> <button id="ChangeToggle" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarCollapse"> <img id="navbar-hamburger" class="lines pt_0" src="/webfiles/1731914874575/images/menu.png" /> <img id="navbar-close" class="cross pt_0 hidden" src="/webfiles/1731914874575/images/cross.png" /> </button> <a id="mobileHomeId" onclick="readUrlCategory('home','mobileHomeId','home')" ;> <img class="LJ-image pointer" src="/webfiles/1731914874575/images/mob_LJ.png" alt="L J image" /> </a> <a href="#" class="p_0 pull-right" data-toggle="collapse" data-target=".login-user"> <img class="userLines" src="/webfiles/1731914874575/images/user.png" /> </a> <div class="collapse login-user"> <div id="userDetail" class="mt_20 mb_20 dropdown"> <div class="userDetail pointer ml_15 mb_10"> <a href="/page/login" class="p_0 fs_16 dropdown-toggle" role="button" aria-expanded="false">Log In</a> </div>  <div class="display-none" id="mobileViewAccountList"> <ul class="display-none nav navbar-nav full-width pull-left no-margin"> <li><a href="/page/account-dashboard?id=ms" id="ms">My Subscriptions</a></li> <li><a href="/page/account-dashboard?id=ml" id="ml">My Library</a></li>  <li><a href="/page/account-dashboard?id=mp" id="mp">My Profile</a></li> <li><a href="/page/account-dashboard?id=mi" id="mi" class="display-none">Manage Institutions</a></li> <li><a class="pointer" onclick="deleteAllCookies('/page/home')">Logout</a></li> </ul> </div>  </div> </div> </div> <div class="topic-type mb_10 text-center">  <a id="digitized-mobi open-url-btn-mobi" class="theme-link fs_13" style="cursor: pointer; display:none;">ACCESS DIGITIZED EDITION</a> </div>  <div class="collapse navbar-collapse" id="navbarCollapse"> <form method="get" action="https://www.libraryjournal.com/search" class="search-input" id="demo-2"> <div id="imaginary_container"> <div class="input-group stylish-input-group input-append"> <input type="text" name="query" class="form-control search-box" placeholder="Search"> <span class="input-group-addon"> <button type="submit"> <span class="glyphicon glyphicon-search"></span> </button> </span> </div> </div> </form> <ul class="nav navbar-nav mt_70"> <li> <a id="mobNewsId" class="bold" onclick="readUrlCategory('news','mobNewsId','News')" ;>News</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/news/archivespreservation">Archives & Preservation</a></p> <p><a href="/section/news/awards">Awards</a></p> <p><a href="/section/news/booknews">Book News</a></p> <p><a href="/section/news/budgetsfunding">Budgets & Funding</a></p> <p id="newsMoreToggle">More</p> <ul id="newsMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="/section/news/innovation">Innovation</a></li> <li class="mb_10"><a href="/section/news/lis">LIS</a></li> <li class="mb_10"><a href="/section/news/management">Management</a></li> <li class="mb_10"><a href="/section/news/marketing">Marketing</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/news/buildings">Buildings</a></p> <p><a href="/section/news/conferencecoverage">Conference Coverage</a></p> <p><a href="/section/news/impacts">Impacts</a></p> <p><a href="/section/news/industrynews">Industry News</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobReviewsId" class="bold" onclick="readUrlCategory('reviews','mobReviewsId','Reviews')" ;>Reviews+</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/reviews/awards">Awards</a></p> <p><a href="/section/reviews/bestof">Best of</a></p> <p><a href="/section/reviews/booknews">Book News</a></p> <p><a href="/section/reviews/booklists">Booklists</a></p> <p id="reviewMoreToggle">More</p> <ul id="reviewMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="/section/reviews/readersadvisory">Readers' Advisory</a></li> <li class="mb_10"><a href="/section/reviews/reference">Reference</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/reviews/collectionmanagement">Collection Management</a></p> <p><a href="/section/reviews/fiction">Fiction</a></p> <p><a href="/section/reviews/media">Media</a></p> <p><a href="/section/reviews/nonfiction">Nonfiction</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobTechnologyId" class="bold" onclick="readUrlCategory('technology','mobTechnologyId','Technology')" ;>Technology</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/technology/archivespreservation">Archives & Preservation</a></p> <p><a href="/section/technology/awards">Awards</a></p> <p><a href="/section/technology/budgetsfunding">Budgets & Funding</a></p> <p><a href="/section/technology/buildings">Buildings</a></p> <p id="technologyMoreToggle">More</p> <ul id="technologyMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="/section/technology/management">Management</a></li> <li class="mb_10"><a href="/section/technology/marketing">Marketing</a></li> <li class="mb_10"><a href="/section/technology/readersadvisory">Readers' Advisory</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/technology/impacts">Impacts</a></p> <p><a href="/section/technology/industrynews">Industry News</a></p> <p><a href="/section/technology/innovation">Innovation</a></p> <p><a href="/section/technology/lis">LIS</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobProgramsId" class="bold" onclick="readUrlCategory('programs+','mobProgramsId','Programs+')" ;>Programs+</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/programs+/archivespreservation">Archives & Preservation</a></p> <p><a href="/section/programs+/awards">Awards</a></p> <p><a href="/section/programs+/collectionmanagement">Collection Management</a></p> <p><a href="/section/programs+/impacts">Impacts</a></p> <p id="programsMoreToggle">More</p> <ul id="programsMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="/section/programs+/readersadvisory">Readers' Advisory</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/programs+/innovation">Innovation</a></p> <p><a href="/section/programs+/management">Management</a></p> <p><a href="/section/programs+/marketing">Marketing</a></p> <p><a href="/section/programs+/programming">Programming</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobDesignId" class="bold" onclick="readUrlCategory('design','mobDesignId','Design')" ;>Design</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/design/archivespreservation">Architecture & Buildings</a></p> <p><a href="/section/design/awards">Awards</a></p> <p><a href="/section/design/budgetsfunding">Budgets & Funding</a></p> <p><a href="/section/design/buildings">Buildings</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/design/impacts">Impacts</a></p> <p><a href="/section/design/innovation">Innovation</a></p> <p><a href="/section/design/management">Management</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobLeadershipId" class="bold" onclick="readUrlCategory('leadership','mobLeadershipId','Leadership')" ;>Leadership</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/leadership/archivespreservation">Archives & Preservation</a></p> <p><a href="/section/leadership/awards">Awards</a></p> <p><a href="/section/leadership/budgetsfunding">Budgets & Funding</a></p> <p><a href="/section/leadership/careers">Careers</a></p> <p id="leadershipMoreToggle">More</p> <ul id="leadershipMoreToggleUl" class="display-none list-unstyled"> <li class="mb_10"><a href="/section/leadership/management">Management</a></li> <li class="mb_10"><a href="/section/leadership/marketing">Marketing</a></li> <li class="mb_10"><a href="/section/leadership/readersadvisory">Readers' Advisory</a></li> </ul> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/leadership/collectionmanagement">Collection Management</a></p> <p><a href="/section/leadership/impacts">Impacts</a></p> <p><a href="/section/leadership/innovation">Innovation</a></p> <p><a href="/section/leadership/lis">LIS</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobPeopleId" class="bold" onclick="readUrlCategory('people','mobPeopleId','People')" ;>People</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/people/awards">Awards</a></p> <p><a href="/section/people/careers">Careers</a></p> <p><a href="/section/people/industrynews">Industry News</a></p> <p><a href="/section/people/innovation">Innovation</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="/section/people/lis">LIS</a></p> <p><a href="/section/people/management">Management</a></p> <p><a href="/section/people/marketing">Marketing</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobpublicLibId" class="bold" onclick="readUrlCategory('publiclibraries','mobpublicLibId','Public Libraries')" ;>Public Libraries</a> <div class="col-xs-12 mb_10"> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobAcademicId" class="bold" onclick="readUrlCategory('academiclibraries','mobAcademicId','Academic Libraries')" ;>Academic Libraries</a> <div class="col-xs-12 mb_10"> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobAdvocacyId" class="bold" onclick="readUrlCategory('advocacy','mobAdvocacyId','Advocacy')" ;>Advocacy</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="?subpage=Advocacy,Awards">Awards</a></p> <p><a href="?subpage=Advocacy,budgetsfunding">Budgets & Funding</a></p> <p><a href="?subpage=Advocacy,Impacts">Impacts</a></p> </div> <div class="col-xs-6 pr_0 pl_10"> <p><a href="?subpage=Advocacy,Innovation">Innovation</a></p> <p><a href="?subpage=Advocacy,Management">Management</a></p> <p><a href="?subpage=Advocacy,Marketing">Marketing</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li class="pr_0"> <a id="mobMoreId" class="bold">More</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a id="mobCovid19Id" onclick="readUrlCategory('covid19','mobCovid19Id','COVID19')" ;>COVID19</a> </p> <p><a id="mobResearchId" onclick="readUrlCategory('research','mobResearchId','Research')" ;>Research</a></p> <p><a id="mobopinionId" onclick="readUrlCategory('opinion','mobopinionId','Opinion')" ;>Opinion</a> </p> <p><a id="mobInfoDocketId" onclick="readUrlCategory('infoDOCKET','mobInfoDocketId','infoDOCKET')" ;>infoDOCKET</a></p> <p><a href="http://jobs.libraryjournal.com/" target="_blank">Job Zone</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobeventPDId" class="bold" onclick="readUrlCategory('events','mobeventPDId','Events')" ;>Events & PD</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/section/events?eventtype=inPersonEvents">Live Events</a></p> <p><a href="/section/events?eventtype=virtualEvents">Virtual Events</a></p> </div> <div class="col-xs-6 pr_0"> <p><a href="/section/events?eventtype=onlineCourses">Online Courses</a></p> <p><a href="/section/events?eventtype=webcasts">Webcasts</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li>  <li> <a id="mobAboutId" class="bold" href="/page/About-Us">About LJ</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="http://www.mediasourceinc.com/">LJ Projects</a></p> <p><a href="https://self-e.libraryjournal.com/">Self-Published Books</a></p> </div> <div class="col-xs-6 pr_0"> <p><a href="/page/Data-Privacy">Privacy Policy</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <a id="mobGetTouchId" class="bold" onclick="">Get in Touch</a> <div class="col-xs-12 mb_10"> <div class="col-xs-6 p_0"> <p><a href="/page/subscribe">Subscriber Services</a></p> </div> <div class="col-xs-6 pr_0"> <p><a href="/page/Contact-Us">Contact Us</a></p> </div> <div class="hr_division_grey_light"></div> </div> </li> <li> <div class="col-xs-12 mb_10 text-align-center bold fs_18"> 888-282-5852 </div> </li> </ul> </div> </div> </nav> </div> <script type="text/javascript"> var btn = $('#btn'); var idd = $('#idd'); var click = $('#open-url-btn'); if ($.cookie('customerData') != undefined) { var cdata = JSON.parse($.cookie('customerData')); var group_id = cdata.group_id; if (group_id == 4) { //$('.topic-navigation').css("display","none"); $("#userDetail").css("display", "none"); $("#usertempDetail").removeClass('display-none'); } } btn.click(function () { idd.toggle(100, function () { // change the button text according to the state of the "#idd" if (idd.hasClass('display-none')) { btn.attr('src', "/webfiles/1731914874575/images/cross.png"); $('.search-box').focus(); idd.removeClass('display-none'); } else { btn.attr('src', "/webfiles/1731914874575/images/search.png"); idd.addClass('display-none'); } }); }); // click.click(function() { // if ($.cookie('customerData') != undefined) { // var Url = APIBaseUrl + "customer/getEmagsLink/" + JSON.parse($.cookie('customerData')).email; //var Url = APIBaseUrl + "customer/getImpelsysLink/" + "ajey.s@quantilus.com" // $.ajax({ // url: Url, // type: 'GET', // contentType: 'application/json', // success: function(data, textStatus) { // const obj = JSON.parse(data) // if(obj['success'] == 1){ // window.open(obj['url']); // } // }, // error: function(request, textStatus, errorThrown) { //document.getElementById("saveProfileId").innerHTML = '<div onclick="myProfileSave()" class="btn btn-default-red full-width bold akzidenz-grotesk-regular" >SAVE</div>'; // } // }); // } // }); $("#newsMoreToggle").click(function () { if ($("#newsMoreToggleUl").hasClass('display-none')) { $("#newsMoreToggleUl").removeClass('display-none'); } else { $("#newsMoreToggleUl").addClass('display-none'); } }); $("#reviewMoreToggle").click(function () { if ($("#reviewMoreToggleUl").hasClass('display-none')) { $("#reviewMoreToggleUl").removeClass('display-none'); } else { $("#reviewMoreToggleUl").addClass('display-none'); } }); $("#technologyMoreToggle").click(function () { if ($("#technologyMoreToggleUl").hasClass('display-none')) { $("#technologyMoreToggleUl").removeClass('display-none'); } else { $("#technologyMoreToggleUl").addClass('display-none'); } }); $("#programsMoreToggle").click(function () { if ($("#programsMoreToggleUl").hasClass('display-none')) { $("#programsMoreToggleUl").removeClass('display-none'); } else { $("#programsMoreToggleUl").addClass('display-none'); } }); $("#leadershipMoreToggle").click(function () { if ($("#leadershipMoreToggleUl").hasClass('display-none')) { $("#leadershipMoreToggleUl").removeClass('display-none'); } else { $("#leadershipMoreToggleUl").addClass('display-none'); } }); </script> <div class="container">    <div class="TOPIC pull-left full-width resp-pr-15 resp-pl-15"> <div class="topic_head pull-left full-width display-block mb_40"> <div class="col-md-12 col-xs-12 pl_10 pr_10"> <h1 class="page-headline mb_20">Design</h1> </div> <div class="article_topic_type col-md-12 col-sm-12 col-xs-12 pull-left text-align-center"> </div>    <div class="tabcontentSection full-width p_0">  <div class="portlet"> <div class="portlet-title"> <ul class="nav nav-tabs taxonomy">  <li class="active mr_18 resp-mr-15"> <a href="/section/design"> All </a> </li>    <li class="mr_28 resp-mr-15"> <a href="/section/design/archivespreservation"> Archives & Preservation </a> </li>       <li class="mr_28 resp-mr-15"> <a href="/section/design/awards"> Awards </a> </li>       <li class="mr_28 resp-mr-15"> <a href="/section/design/budgetsfunding"> Budgets & Funding </a> </li>       <li class="mr_28 resp-mr-15"> <a href="/section/design/buildings"> Buildings </a> </li>       <li class="mr_28 resp-mr-15"> <a href="/section/design/impacts"> Impacts </a> </li>       <li class="mr_28 resp-mr-15"> <a href="/section/design/innovation"> Innovation </a> </li>       <li class="mr_28 resp-mr-15"> <a href="/section/design/management"> Management </a> </li>    </ul> </div> </div>  </div> <script> // mobile view taxonomy second DropDown function myTaxonomy1() { var x = document.getElementById("myDIV1"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } function myTaxonomy2() { var x = document.getElementById("myDIV2"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } function myTaxonomy3() { var x = document.getElementById("myDIV3"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } </script> <div class="featured-story-section col-md-12 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="review-headline col-md-12 col-sm-12 float-left full-width"> <span class="text-align-center display-block fb mb_30" style="letter-spacing:5px;">FEATURED STORIES</span> </div>  <div class="col-md-8 col-sm-8 pl_0 pr_0 hidden-xs">  <div class="col-md-12 story-image pl_0"> <a href="/page/Year-in-Architecture-2024" target=""> <img id = "center-main-image" class="image-full" src="/binaries/content/gallery/Jlibrary/special-projects/2024/architecture-november-2024/ljarchitecture2024_landingpage_top.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/LJ/defaultcover.jpg'" alt="The Year in Architecture 2024" border="0" id="ad_unbordered"/> </a> </div> <div class="col-md-12 col-sm-12 col-xs-12 pl_0 mt_20"> <a href="/page/Year-in-Architecture-2024" target=""> <h1 class="smart-headline featured-story-headline mt_10 mb_10">The Year in Architecture 2024</h1> </a> <div class="byline-detail col-sm-offset-0 col-md-12 col-sm-12 col-xs-12 pl_0 pr_0">  Nov 04, 2024 </div>    <div class="full-width pull-left top-center-desc"> <p><em>LJ</em>鈥檚 2024 Year in Architecture trends see libraries simultaneously designing for pragmatic concerns, such as safety and site constraints, and an equally important quotient of delight鈥攁chieving harmony in the process!</P> </div> </div> </div>  <div class="pr_0 mb_40 hidden-md-up"> <div class="pl_0 pr_0 full-width pull-left"> <a href="/page/Year-in-Architecture-2024" target=""> <img class="image-full" src="/binaries/content/gallery/Jlibrary/special-projects/2024/architecture-november-2024/ljarchitecture2024_landingpage_top.jpg" border="0" id="ad_unbordered"> </a> <div class="mob-pl_15 mob-pr_15 full-width pull-left"> <a href="/page/Year-in-Architecture-2024" target=""> <h3 class="featured-story-headline mt_20 mb_10">The Year in Architecture 2024</h3> </a> <div class="byline-detail col-sm-offset-0 col-md-9 col-sm-12 col-xs-12 pl_0 pr_0"> Nov 04, 2024 </div>    </div> </div> </div>  <div class="hr_division_grey_light mt_20 mb_20 hidden-md-up"></div> <div class="col-md-4 col-sm-4 col-xs-12 pr_0 mob-pl_0"> <div class="col-md-12 pl_0 pr_0"> <a href=/story/design-institute-spokane-5-architectural-and-design-firms-continue-the-conversation> <img id="right-topic-image2" class="image-full mb_20" src="/binaries/content/gallery/Jlibrary/2024/august/di-trends/ljaug2024di_featured.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/LJ/defaultcover.jpg'" alt="Design Institute Spokane: 5 Architectural and Design Firms Continue the Conversation"> </a> <div class="mob-pl_15 mob-pr_15"> <a href=/story/design-institute-spokane-5-architectural-and-design-firms-continue-the-conversation> <h3 class="smart-headline featured-story-headline-right mt_-3">Design Institute Spokane: 5 Architectural and Design Firms Continue the Conversation</h3> </a> <div class="byline-detail col-sm-offset-0 col-md-9 col-sm-12 col-xs-12 pl_0 pr_0"> <a class="author" href = "/author?query=Lisa Peet"><span>Lisa Peet</span></a>  Aug 12, 2024 </div>     </div> </div> <div class="hr_division_grey_light mt_20 mb_20 "></div> </div>  <div class="col-md-4 col-sm-4 col-xs-12 pr_0 mob-pl_0"> <div class="col-md-12 pl_0 pr_0"> <a href=/story/4-design-challenges-from-durham-design-institute-durham-2023> <img id="right-topic-image3" class="image-full mb_20" src="/binaries/content/gallery/Jlibrary/2023/august/designinstitutedurham/ljaug2023didurham_breakoutfeatured.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/LJ/defaultcover.jpg'" alt="4 Design Challenges from Durham | Design Institute Durham 2023"> </a> <div class="mob-pl_15 mob-pr_15"> <a href=/story/4-design-challenges-from-durham-design-institute-durham-2023> <h3 class="smart-headline featured-story-headline-right mt_-3">4 Design Challenges from Durham | Design Institute Durham 2023</h3> </a> <div class="byline-detail col-sm-offset-0 col-md-9 col-sm-12 col-xs-12 pl_0 pr_0"> <a class="author" href = "/author?query=By Eli Neiburger, Phillip M. Locey, Emily Petty Puckett, Lisa Peet"><span>By Eli Neiburger, Phillip M. Locey, Emily Petty Puckett, Lisa Peet</span></a>  Aug 07, 2023 </div>     </div> </div> <div class="hr_division_grey_light mt_20 mb_20 hidden-md-down"></div> </div> </div> <div class="hr_division mt_0 mb_0 hidden-md-down"></div> <div class="hr_division mt_20 mb_0 hidden-md-up"></div> <div class="FILTERS pull-left full-width display-block"> <div class="col-md-12 col-sm-12 col-xs-12"> <h3 class="filter-section-heading">ALL DESIGN COVERAGE</h3> </div>  <div class="pull-left full-width display-block mb_40"> <form class="" action="https://www.libraryjournal.com/section/design" method="get" id="topicForm"> <div class="filters col-md-2 col-sm-3 col-xs-12 pl_0">  <button class="btn lj-btn-black navbar-btn hidden-md-up mb_30" id="mobileFilterBy">FILTER BY CATEGORY</button> <div class="col-md-12 col-sm-12 col-xs-12 pl_0 pr_0" id="filter"> <div class="panel-group" id="accordion">  <div class="full-width pull-left hidden-md-up" id="mobileFilterByClose" style="display: none;"> <img class="cross pt_0 float-right" src="/webfiles/1731914874575/images/cross.png" style="width: 50px;"> </div> <div class="panel panel-default"> <div class="panel-heading pt_0"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#dateRange"> Date Range <i class="fa fa-minus hidden-md-down"></i> <i class="fa fa-caret-up hidden-md-up"></i> </a> </h4> </div> <div id="dateRange" class="panel-collapse collapse in"> <div class="panel-body no-top-border" onclick="changeDateLinkClicked('last','all')"> <label for="allDates" ><span class="border-hover-red">All</span></label><input class="checked-radio" type="radio" name="" id="allDates" value=""> </div> <div class="panel-body no-top-border" onclick="changeDateLinkClicked('last','1')"><span class="border-hover-red">Last 30 days</span></div> <div class="panel-body no-top-border" onclick="changeDateLinkClicked('last','6')"><span class="border-hover-red">Last 6 months</span></div> <div class="panel-body no-top-border" onclick="changeDateLinkClicked('last','12')"><span class="border-hover-red">Last 12 months</span></div> <div class="panel-body no-top-border" onclick="changeDateLinkClicked('last','24')"><span class="border-hover-red">Last 24 months</span></div>   <div class="panel-body no-top-border"><span id="specific-date">Specific Dates</span></div> <div class="panel-body no-top-border date-range"> <span>From:</span><br> <input autocomplete ="off" type="text" name="frompublishdate" value="" placeholder="Date" id="fromDatepicker" onkeydown="return false">  <br> <span>To:</span><br> <input autocomplete ="off" type="text" name="topublishdate" value="" placeholder="Date" id="toDatepicker" onkeydown="return false">   <button class="tablinks btn btn-default-red full-width mt_10 mb_10" id="dateRefineSearch">REFINE SEARCH</button> </div>    </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#categoryId"> Category <i class="fa fa-plus hidden-md-down"></i> <i class="fa fa-caret-down hidden-md-up"></i> </a> </h4> </div> <div id ="categoryId" class="panel-collapse collapse"> <div class="panel-body no-top-border">  <a href="https://www.libraryjournal.com/section/design?" id="linkCaegoryAll"> <div class="panel-body no-top-border" style="padding-bottom:0px !important"><span id="categoryAll" class="checked-radio">All</span> </div> </a> </div>  <div class="panel-body no-top-border"> <a href=https://www.libraryjournal.com/section/design?&category=article id="linkArticleCategory"> <span id = "categoryArticle">Articles Only</span> <input id="article_category" type="hidden" name="category" value=""/> </a> </div> <div class="panel-body no-top-border"> <a href=https://www.libraryjournal.com/section/design?&category=review id="linkReviewCategory"> <span id = "categoryReview">Reviews Only</span> <input id="review_category" type="hidden" name="category" value=""/> </a> </div>  </div> </div>  <div class="panel panel-default display-none"> <div class="panel-heading"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#reviewFormatId"> Format <i class="fa fa-plus hidden-md-down"></i> <i class="fa fa-caret-down hidden-md-up"></i> </a> </h4> </div> <div id="reviewFormatId" class="panel-collapse collapse"> <div class="panel-body no-top-border"> <input class="small-checkbox format-checkbox" type="checkbox" id="format_All"/>  <label class="small-checkbox" for="format_All" onclick="generateContentMediumList('All')">All</label> </div> <div class="panel-body no-top-border"> <input class="small-checkbox format-checkbox" type="checkbox" id="format_Articles" />  <label class="small-checkbox" for="format_Articles" onclick="generateContentMediumList('Articles')">Article Collection</label> </div> <div class="panel-body no-top-border"> <input class="small-checkbox format-checkbox" type="checkbox" id="format_Blogs" />  <label class="small-checkbox" for="format_Blogs" onclick="generateContentMediumList('Blogs')">Blogs</label> </div> <div class="panel-body no-top-border"> <input class="small-checkbox format-checkbox" type="checkbox" id="format_Columns" />  <label class="small-checkbox" for="format_Columns" onclick="generateContentMediumList('Columns')">Columns</label> </div> <div class="panel-body no-top-border"> <input class="small-checkbox format-checkbox" type="checkbox" id="format_Downloads" />  <label class="small-checkbox" for="format_Downloads" onclick="generateContentMediumList('Downloads')">Downloads</label> </div> <div class="panel-body no-top-border"> <input class="small-checkbox format-checkbox" type="checkbox" id="format_Surveys" />  <label class="small-checkbox" for="format_Surveys" onclick="generateContentMediumList('Surveys')">Surveys</label> </div> <div class="panel-body no-top-border"> <input class="small-checkbox format-checkbox" type="checkbox" id="format_Videos" />  <label class="small-checkbox" for="format_Videos" onclick="generateContentMediumList('Videos')">Videos</label> </div> <input type="hidden" name="contentmedium" value="All" id="contentmediumId"> <button class="tablinks btn btn-default-red full-width mt_10 mb_10" id="formateRefineSearch">REFINE SEARCH</button> </div> </div>     <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#authors"> Authors <i class="fa fa-plus hidden-md-down"></i> <i class="fa fa-caret-down hidden-md-up"></i> </a> </h4> </div> <div id="authors" class="panel-collapse collapse"> <div class="panel-body no-top-border"> <label for="allAuthor">All</label><input class="checked-radio" type="radio" name="" id="allAuthor" value="" checked> </div> <div class="panel-body no-top-border"><span id="specific-author">Specific Authors</span></div> <div class="panel-body no-top-border specific-author"> <input type="text" name="author" value="" placeholder="Search Author" id="authorName" class="has-author">  <button class="tablinks btn btn-default-red full-width mt_10 mb_10" id="authorRefineSearch">REFINE SEARCH</button> </div>    </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#publisher"> Publisher <i class="fa fa-plus hidden-md-down"></i> <i class="fa fa-caret-down hidden-md-up"></i> </a> </h4> </div> <div id="publisher" class="panel-collapse collapse"> <div class="panel-body no-top-border"> <label for="allPublishers">All</label><input class="checked-radio" type="radio" name="" id="allPublishers" value="" checked> </div> <div class="panel-body no-top-border"><span id="specific-publisher">Specific Publisher</span></div> <div class="panel-body no-top-border specific-author"> <input type="text" name="publisher" value="" placeholder="Search publisher" id="publisherName" class="has-author">  <button class="tablinks btn btn-default-red full-width mt_10 mb_10" id="publisherRefineSearch">REFINE SEARCH</button> </div>    </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title filter-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#tag"> Tag <i class="fa fa-plus hidden-md-down"></i> <i class="fa fa-caret-down hidden-md-up"></i> </a> </h4> </div> <div id="tag" class="panel-collapse collapse"> <div class="panel-body no-top-border specific-author"> <input type="text" name="tag" value="" placeholder="Search Tag" id="tagName" class="has-author">  <button class="tablinks btn btn-default-red full-width mt_10 mb_10" id="tagRefineSearch">REFINE SEARCH</button> </div>    </div> </div>  </div>  </div> </div> <input type="hidden" name="page_number" value="1"> </form> <div class="filter-result col-md-6 col-sm-9 col-xs-12 resp-no-padding">  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/design/design-of-the-times-library-are-changing-to-meet-evolving-needs-lj241114> <img class="image-full" src="/binaries/content/gallery/Jlibrary/lj-sponsored-images/2024-sponsored-images/library-design/librarydesign1-hero.png" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/LJ/defaultcover.jpg'" alt="Design of the Times: Library Are Changing to Meet Evolving Needs"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/design/design-of-the-times-library-are-changing-to-meet-evolving-needs-lj241114> <h3 class="smart-headline filtered-document-headline mt_0">Design of the Times: Library Are Changing to Meet Evolving Needs</h3> </a> </div> <div class="byline-detail col-sm-offset-0 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Dennis%20Pierce"><span>Dennis Pierce</span></a>,  Nov 14, 2024 </div> <input type="hidden" id="hcount0" value="0"> <a href="/story/design/design-of-the-times-library-are-changing-to-meet-evolving-needs-lj241114#articleComment" class="topic-comment-bubble"><span class="small-comment-icon-image display-none" id="count0">0</span></a>   <div class="pull-left sponsored mb_20"> SPONSORED </div>  <div class="recommended-description mb_10"> <p>Modern libraries aren鈥檛 just places for reading and research. They鈥檙e vibrant and active community centers where the people and programming play just as critical a role as the collections.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/design/transforming-library-navigation-and-collection-access-with-stackmap-lj241112> <img class="image-full" src="/binaries/content/gallery/Jlibrary/lj-sponsored-images/2024-sponsored-images/stackmap/stackmap_dartmouth-example.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/LJ/defaultcover.jpg'" alt="Transforming Library Navigation and Collection Access with StackMap"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/design/transforming-library-navigation-and-collection-access-with-stackmap-lj241112> <h3 class="smart-headline filtered-document-headline mt_0">Transforming Library Navigation and Collection Access with StackMap</h3> </a> </div> <div class="byline-detail col-sm-offset-0 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=StackMap%20Inc."><span>StackMap Inc.</span></a>,  Nov 12, 2024 </div> <input type="hidden" id="hcount1" value="0"> <a href="/story/design/transforming-library-navigation-and-collection-access-with-stackmap-lj241112#articleComment" class="topic-comment-bubble"><span class="small-comment-icon-image display-none" id="count1">0</span></a>   <div class="pull-left sponsored mb_20"> SPONSORED </div>  <div class="recommended-description mb_10"> <p>Navigating a library can be overwhelming, especially in large or multi-level buildings where finding a specific item, space, or amenity can feel like a treasure hunt. StackMap, a leader in library wayfinding and digital navigation solutions, is here to change that.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/design/finding-balance-year-in-architecture-2024> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2024/november/architecture/ljarchitecture2024_featuredarttext.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/LJ/defaultcover.jpg'" alt="Finding Balance | Year in Architecture 2024"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/design/finding-balance-year-in-architecture-2024> <h3 class="smart-headline filtered-document-headline mt_0">Finding Balance | Year in Architecture 2024</h3> </a> </div> <div class="byline-detail col-sm-offset-0 pl_0 pr_0 mb_20"> </div> <input type="hidden" id="hcount2" value="0"> <a href="/story/design/finding-balance-year-in-architecture-2024#articleComment" class="topic-comment-bubble"><span class="small-comment-icon-image display-none" id="count2">0</span></a>    <div class="recommended-description mb_10"> <p><em>LJ</em>鈥檚 2024 Year in Architecture trends see libraries simultaneously designing for pragmatic concerns, such as safety and site constraints, and an equally important quotient of delight鈥攁chieving harmony in the process!</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/design/design-trend-confident-color-year-in-architecture-2024> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2024/november/architecture/ljarchitecture2024_featuredarttext.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/LJ/defaultcover.jpg'" alt="Design Trend: Confident Color | Year in Architecture 2024"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/design/design-trend-confident-color-year-in-architecture-2024> <h3 class="smart-headline filtered-document-headline mt_0">Design Trend: Confident Color | Year in Architecture 2024</h3> </a> </div> <div class="byline-detail col-sm-offset-0 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Lynn%20Kawaratani"><span>Lynn Kawaratani</span></a>,  Nov 04, 2024 </div> <input type="hidden" id="hcount3" value="0"> <a href="/story/design/design-trend-confident-color-year-in-architecture-2024#articleComment" class="topic-comment-bubble"><span class="small-comment-icon-image display-none" id="count3">0</span></a>    <div class="recommended-description mb_10"> <p>Color, color everywhere! To create welcoming, dynamic spaces, libraries have integrated vivid colors into their designs to connect, invite, comfort, and even surprise.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/design/design-trend-inside-out-year-in-architecture-2024> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2024/november/architecture/ljarchitecture2024_featuredarttext.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/LJ/defaultcover.jpg'" alt="Design Trend: Inside Out | Year in Architecture 2024"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/design/design-trend-inside-out-year-in-architecture-2024> <h3 class="smart-headline filtered-document-headline mt_0">Design Trend: Inside Out | Year in Architecture 2024</h3> </a> </div> <div class="byline-detail col-sm-offset-0 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Rebekkah%20Smith%20Aldrich"><span>Rebekkah Smith Aldrich</span></a>,  Nov 04, 2024 </div> <input type="hidden" id="hcount4" value="0"> <a href="/story/design/design-trend-inside-out-year-in-architecture-2024#articleComment" class="topic-comment-bubble"><span class="small-comment-icon-image display-none" id="count4">0</span></a>    <div class="recommended-description mb_10"> <p>This year鈥檚 crop of libraries demonstrates a continued commitment to the well-being of library workers and patrons through biophilic design, a tried-and-true construct to connect people with nature in hopes of improving human health.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/design/design-trend-whats-old-is-new-again-year-in-architecture-2024> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2024/november/architecture/ljarchitecture2024_featuredarttext.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/LJ/defaultcover.jpg'" alt="Design Trend: What鈥檚 Old Is New Again | Year in Architecture 2024"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/design/design-trend-whats-old-is-new-again-year-in-architecture-2024> <h3 class="smart-headline filtered-document-headline mt_0">Design Trend: What鈥檚 Old Is New Again | Year in Architecture 2024</h3> </a> </div> <div class="byline-detail col-sm-offset-0 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Margaret%20Sullivan"><span>Margaret Sullivan</span></a>,  Nov 04, 2024 </div> <input type="hidden" id="hcount5" value="0"> <a href="/story/design/design-trend-whats-old-is-new-again-year-in-architecture-2024#articleComment" class="topic-comment-bubble"><span class="small-comment-icon-image display-none" id="count5">0</span></a>    <div class="recommended-description mb_10"> <p>The successful renovation of a historic structure for contemporary use is a vivid example of how libraries respond to rapidly evolving community conditions. This year, a variety of approaches create modern facilities that honor history.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/design/design-trend-open-and-airy-year-in-architecture-2024> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2024/november/architecture/ljarchitecture2024_featuredarttext.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/LJ/defaultcover.jpg'" alt="Design Trend: Open and Airy | Year in Architecture 2024"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/design/design-trend-open-and-airy-year-in-architecture-2024> <h3 class="smart-headline filtered-document-headline mt_0">Design Trend: Open and Airy | Year in Architecture 2024</h3> </a> </div> <div class="byline-detail col-sm-offset-0 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Margaret%20Sullivan"><span>Margaret Sullivan</span></a>,  Nov 04, 2024 </div> <input type="hidden" id="hcount6" value="0"> <a href="/story/design/design-trend-open-and-airy-year-in-architecture-2024#articleComment" class="topic-comment-bubble"><span class="small-comment-icon-image display-none" id="count6">0</span></a>    <div class="recommended-description mb_10"> <p>Designing for delight and flexibility is demonstrated in many of this year鈥檚 submissions, fostering gathering, play, and communal experiences.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/design/design-trend-playfulness-year-in-architecture-2024> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2024/november/architecture/ljarchitecture2024_featuredarttext.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/LJ/defaultcover.jpg'" alt="Design Trend: Playfulness | Year in Architecture 2024"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/design/design-trend-playfulness-year-in-architecture-2024> <h3 class="smart-headline filtered-document-headline mt_0">Design Trend: Playfulness | Year in Architecture 2024</h3> </a> </div> <div class="byline-detail col-sm-offset-0 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Lynn%20Kawaratani"><span>Lynn Kawaratani</span></a>,  Nov 04, 2024 </div> <input type="hidden" id="hcount7" value="0"> <a href="/story/design/design-trend-playfulness-year-in-architecture-2024#articleComment" class="topic-comment-bubble"><span class="small-comment-icon-image display-none" id="count7">0</span></a>    <div class="recommended-description mb_10"> <p>As libraries expand into community hubs serving multiple purposes, they have introduced playfulness into their designs to encourage exploration, discovery, and above all, wonder.</p> </div> <div class="hr_division_grey_light mt_0 mb_0"></div> </div>  <div class="filter-story-section col-md-offset-1 col-md-10 col-sm-12 col-xs-12 pl_0 pr_0"> <div class="col-md-3 col-sm-2 col-xs-4 pl_0 mb_10" style="/*border: 1px solid green; height:50%;*/"> <a href=/story/design/design-trend-social-spaces-year-in-architecture-2024> <img class="image-full" src="/binaries/content/gallery/Jlibrary/2024/november/architecture/ljarchitecture2024_featuredarttext.jpg" onerror="this.src='https://s3.amazonaws.com/ArchiveImages/LegacyReviews/LJ/defaultcover.jpg'" alt="Design Trend: Social Spaces | Year in Architecture 2024"> </a> </div> <div class="col-md-9 col-sm-9 col-xs-8 article-headline pl_0 pr_0 mt_0" style=> <a href=/story/design/design-trend-social-spaces-year-in-architecture-2024> <h3 class="smart-headline filtered-document-headline mt_0">Design Trend: Social Spaces | Year in Architecture 2024</h3> </a> </div> <div class="byline-detail col-sm-offset-0 pl_0 pr_0 mb_20"> <a class="author" href = "/author?query=Lynn%20Kawaratani"><span>Lynn Kawaratani</span></a>,  Nov 04, 2024 </div> <input type="hidden" id="hcount8" value="0"> <a href="/story/design/design-trend-social-spaces-year-in-architecture-2024#articleComment" class="topic-comment-bubble"><span class="small-comment-icon-image display-none" id="count8">0</span></a>    <div class="recommended-description mb_10"> <p>Libraries continue to emerge from the pandemic, with spaces designed to promote social interaction along with quiet study鈥攑laces that work for everyone.</p> </div> </div>  <div id="advertisement" class="advertisement adv-top col-md-12 col-sm-12 col-xs-12 float-left hidden-print"> <div id="themelanding2">  <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('themelanding2'); }); </script> </div> </div> <div class="col-md-offset-1 col-md-10 col-sm-10 col-xs-12 text-align-center fs_18 akzidenz-grotesk-roman mb_30"> 764 articles </div>   <div class="full-width pull-left text-align-center"> <div class="pagination-holder black clearfix"> <ul id="paginationId" class="pagination"> </ul> </div> </div>  <script type="text/javascript"> $(document).ready(function () { // jquery Pagination // Discription about pagination is available on : // http://flaviusmatis.github.io/simplePagination.js/#page-20 $('#paginationId').pagination({ items: 764, // Total number of items that will be used to calculate the pages. itemsOnPage: 9, //Number of items displayed on each page. displayedPages: 4, //How many page numbers should be visible while navigating. edges: 1, //How many page numbers are visible at the beginning/ending of the pagination. currentPage: 1, //Which page will be selected immediately after init. hrefTextPrefix: "https://www.libraryjournal.com/section/design?"+"&page_number=", //A string used to build the href attribute, added before the page number. ellipsePageSet: false, prevText: "<div class='pagination-arrow'><i class='fa fa-caret-left pl_0'></i></div>", nextText: "<div class='pagination-arrow'><i class='fa fa-caret-right'></i></div>" }); }); </script>  </div>  <div class="col-md-4 col-xs-12 topic-article_column tab-pl_0">  <div id="advertisement" class="advertisement adv-top col-md-12 col-sm-12 col-xs-12 float-left hidden-print"> <div id="themelanding1">  <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('themelanding1'); }); </script> </div> </div>      </div> </div> </div> </div> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="/webfiles/1731914874575/js/filter_main.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { var ids = 'aa63377d-c1e5-4e3e-8fd7-73816000a424,b1f22411-902f-4d79-911b-d14b1fbc3854,8275bd08-4d69-4021-8dae-becf0a6d7f0c,222d2402-1dbe-42ea-895b-687eb5c7be05,5a11bb0b-2de1-463b-b7ec-5da8e594c882,27bef088-5073-44e8-bd84-af51b0543aaf,616af23f-4e25-4662-ae6a-0558af5500ab,e5c390bf-d859-4223-8bdc-6ee88d6ad290,4a88182f-f8d3-474b-8747-03fb2b4e3e31,'.split(','); //var numberOld = 0 || 0; for(var i=0;i<ids.length;i++) { if(ids[i]!='') { let index = i; var countId = '#count'+index; var hCountId = '#hcount'+index; var numberOld = $(hCountId).val(); if(numberOld > 0){ $(countId).removeClass("display-none"); } $.ajax({ url: 'https://comments.mediasourceinc.com/api/get-comments', type: 'POST', contentType: 'application/x-www-form-urlencoded', data: 'where=WHERE commentArticleURL="'+ids[i]+'" AND state IN ("approved","placeholder")', success: function(data, textStatus) { if(data.result && (data.data.length!=0 || numberOld)){ var count =(data.data.length || 0)+ numberOld; //$('#count'+index).html('<a href="/story/design/design-trend-social-spaces-year-in-architecture-2024#articleComment" class="topic-comment-bubble"><span class="small-comment-icon-image">'+count+'</span></a>'); $(countId).text(count); } } }); } } }); </script> </div> <div id="meternote"> <div class = "gtm_half_ID"></div> <div class="col-md-12 col-xs-12 mt_20 mb_20 fs_20"> <div class="col-md-12 col-sm-12 col-xs-12 mt_20 mb_10 fs_15 resp-no-margin"> <div class="col-md-6 col-sm-8 col-xs-11 meter-text"> </div> <div class="col-md-3 col-sm-3 col-xs-12 fs_20 p_0"> <div class = "text-align-center float-left-resp"> <a class="meter-href" href="?page=subscribe"> <button type="submit" class="btn btn-subscribe-meter btn-white navbar-btn subscribe-btn-size resp-full-width" id="notiRedirect">SUBSCRIBE</button></a> <h6 class="fs_13 mb_20 white">ALREADY A SUBSCRIBER? <a class="meter-login-utm meter-login white underline" href="?page=login">LOG IN</a></h6> </div> </div> </div> </div> <span class="meterNoteclose" style="cursor:pointer;"> <i class="fa fa-chevron-down fa-2x mt_5 meter-login white"></i> </span> </div> <div id="smallmeternote"> <div class = "gtm_small_ID"></div> <div class="container fs_20"> <div class="col-md-8 col-sm-8 col-xs-11 fs_20 resp-no-margin text-align-center white"> <p class="fs_16 mt_20 mb_10 meter-small-num float-right-resp"> </p> </div> <div class="col-md-3 col-sm-3 col-xs-12 fs_20 text-align-center"> <a class="meter-href" href="?page=subscribe"> <button type="submit" class="btn btn-subscribe-meter btn-white navbar-btn subscribe-btn-size resp-full-width" id="notiRedirect">SUBSCRIBE</button></a> </div> </div> <span class="meterNoteopen display-none" style="cursor:pointer;"> <i class="fa fa-chevron-up white fa-2x mt_5 meter-login"></i> </span> </div> <div id="freemeternote"> <div class = "gtm_freehalf_ID"></div> <div class="col-md-12 col-xs-12 mt_20 mb_20 fs_20"> <div class="col-md-12 col-sm-12 col-xs-12 mt_20 mb_10 fs_15 resp-no-margin"> <div class="col-md-6 col-sm-8 col-xs-11 meter-text mr_20"> <p>We are currently offering this content for free. Sign up now to activate your personal profile, where you can save articles for future viewing</p> </div> <div class="col-md-3 col-sm-3 col-xs-12 fs_20 p_0"> <div class = "text-align-center float-left-resp"> <a class="meter-reg-href" href="?page=register"> <button type="submit" class="btn btn-subscribe-meter btn-white navbar-btn subscribe-btn-size resp-full-width" id="notiRedirect">CREATE AN ACCOUNT</button></a> <h6 class="fs_13 mb_20 white">ALREADY A SUBSCRIBER? <a class="white meter-login-utm meter-login underline" href="?page=login">LOG IN</a></h6> </div> </div> </div> </div> <span class="meterNoteclose" style="cursor:pointer;"> <i class="fa fa-chevron-down white fa-2x mt_5 meter-login"></i> </span> </div> <div id="privateMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_private_ID"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="?page=home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <h2 class="text-align-center bold">Thank you for visiting.</h2> <div class="paywall-text"> <p>We鈥檝e noticed you are using a private browser. To continue, please log in or create an account.</p> </div> <p><img style="width: 80%; height: auto!important; margin-top:20px;" src="/webfiles/1731914874575/images/ljHardPaywall.jpg" alt="Hard paywall image"/></p> <p><a class="meter-login-utm" href="?page=login"><button class="btn btn-subscribe btn-red navbar-btn subscribe-btn-size mt_5" style="width:195px;">LOG IN</button></a></p> <p><a href="?page=register"><button class="btn btn-subscribe btn-red navbar-btn subscribe-btn-size mt_5" style="width:195px;">CREATE AN ACCOUNT</button></a></p> <h6 class="mb_20 text-decoration-underline"><span class="bold"><a class="underline full-meter-href" href="?page=subscribe">SUBSCRIPTION OPTIONS</a></span></h6> </div> </div> </div> </div> </div> <div id="hardPaywallMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_hard_ID"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="?page=home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <div class="paywall-text"> </div> <p><a class="full-meter-href" href="?page=subscribe"><button class="btn btn-subscribe btn-red mt_10 navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button></a></p> <h6 class="fs_13 mb_20">Already a subscriber? <span class="bold"><a class="meter-login-utm underline" href="?page=login">Log In</a></span></h6> </div> </div> </div> </div> </div> <div id="hardPaywallReviewMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_reviewHard_ID" style="display:none;"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="?page=home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <div class="text-align-center bold"><h2 class="bold">Thank you for visiting.</h2></div> <div class="paywall-text"> <p>Most <i>LJ</i> reviews are exclusive to subscribers.</p> <p>As a subscriber, you'll receive unlimited access to all reviews dating back to 2010.</p> <p><img style="width: 80%; height: auto!important; margin-top:20px;" src="/webfiles/1731914874575/images/ljHardPaywall.jpg" alt="Hard paywall image"/></p> <p>To access other site content, visit our <a class="meter-backHome" href="?page=home" style="text-decoration:underline;">homepage</a>.</p> </div> <p><a class="full-meter-href" href="?page=subscribe"><button class="btn btn-subscribe btn-red mt_10 navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button></a></p> <h6 class="fs_13 mb_20">Already a subscriber? <span class="bold"><a class="meter-login-utm underline" href="?page=login">Log In</a></span></h6> </div> </div> </div> </div> </div> <div id="meterExhaustMode" class="modal fade" data-backdrop="static" data-keyboard="false" style="overflow : auto;"> <div class = "gtm_exhaust_ID"></div> <div class="modal-dialog" style="top:8%;"> <div class="modal-content"> <div class="modal-body"> <div class="text-align-center" style="border: 1px solid black;"> <div class="text-align-left"> <a class="meter-backHome" href="?page=home"> <button class="back-home-close bold"> BACK TO HOMEPAGE </button> </a> </div> <div class="paywall-text"> </div> <p><a class="full-meter-href" href="?page=subscribe"><button class="btn btn-subscribe btn-red mt_10 navbar-btn subscribe-btn-size" style="width:140px;">SUBSCRIBE</button></a></p> <h6 class="fs_13 mb_20">Already a subscriber? <span class="bold"><a class="meter-login-utm underline" href="?page=login">Log In</a></span></h6> </div> </div> </div> </div> </div> </div> <div id="LJ_Spotible1_1x1"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('LJ_Spotible1_1x1'); }); </script> </div> <div id="LJ_Video_1x1"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('LJ_Video_1x1'); }); </script> </div> <footer class="lj-footer display-block pull-left full-width hidden-print">  <div class="footer" id="footer"> <div class="container">  <div class="laptop mt_30"> <div class="col-md-2 col-sm-2 col-xs-12 footer-block pl_0"> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=News" target="">News</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/reviews" target="">Reviews+</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/technology" target="">Technology</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/programs+" target="">Programs+</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/design" target="">Design</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/leadership" target="">Leadership</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/people" target="">People</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/covid19" target="">COVID-19</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/advocacy" target="">Advocacy</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/opinion" target="">Opinion</a></li> <li class="nav item"><a href="https://www.infodocket.com/?ref=ljnav-news" target="_blank">INFOdocket</a></li> <li class="nav item"><a href="http://jobs.libraryjournal.com/" target="_blank">Job Zone</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0"> <h4 class="mt_0">Reviews+</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=BookLists" target="">Booklists</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=Prepub" target="">Prepub Alert</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=Book%20Pulse" target="">Book Pulse</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=Reviews%2B,Media" target="">Media</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=Readers%27%20Advisory" target="">Readers' Advisory</a></li> <li class="nav item"><a href="https://self-e.libraryjournal.com/" target="_blank">Self-Published Books</a></li> <li class="nav item"><a href="/page/Review-Submissions" target="">Review Submissions</a></li> <li class="nav item"><a href="/page/Review-for-LJ" target="">Review for LJ</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0"> <h4 class="mt_0">Awards</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.libraryjournal.com/?page=jerry-kline-community-impact-prize-submission-guidelines" target="">Community Impact Prize</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=Librarian%20of%20the%20Year" target="">Librarian of the Year</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=Marketer%20of%20the%20Year" target="">Marketer of the Year</a></li> <li class="nav item"><a href="/page/movers-and-shakers-2024" >Movers & Shakers 2024</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?subpage=Library%20of%20the%20Year" target="">Library of the Year</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/page/Best-Small-Library-Guidelines" target="">Best Small Library</a></li> <li class="nav item"><a href="/page/All-Awards-Guidelines" target="">All Awards Guidelines</a></li>  </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0"> <h4 class="mt_0">Resources</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.libraryjournal.com/page/americas-star-libraries-2021" target="">LJ Index/Star Libraries</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?detailStory=research" target="">Research</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?detailStory=white-papers-case-studies" target="">White Papers / Case Studies</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0"> <h4 class="mt_0">Events & PD</h4> <ul class="footer links footer-text"> <li class="nav item"><a href="https://www.libraryjournal.com/section/events?eventtype=onlineCourses" target="">Online Courses</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/events?eventtype=inPersonEvents" target="">In-Person Events</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/events?eventtype=virtualEvents" target="">Virtual Events</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/section/events?eventtype=webcasts" target="">Webcasts</a></li> </ul> </div> <div class="col-md-2 col-sm-2 footer-block pl_0 pr_0"> <ul class="footer links footer-text"> <li class="nav item"><a href="/page/About-Us" target="">About Us</a></li> <li class="nav item"><a href="/page/Contact-Us" target="">Contact Us</a></li> <li class="nav item"><a href="https://media.libraryjournal.com/" target="_blank">Advertise</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/?page=subscribe" target="">Subscribe</a></li> <li class="nav item"><a href="/page/Media-Inquiries" target="">Media Inquiries</a></li> <li class="nav item"><a href="https://www.libraryjournal.com/page/freenewsletters" target="_blank">Newsletter Sign Up</a></li> <li class="nav item"><a href="/page/submit-features-news" target="">Submit Features/News</a></li> <li class="nav item"><a href="/page/Data-Privacy" target="">Data Privacy</a></li> <li class="nav item"><a href="/page/terms-of-use" target="">Terms of Use</a></li> <li class="nav item"><a href="/page/terms-of-sale" target="">Terms of Sale</a></li> <li class="nav item"><a href="/page/FAQs" target="">FAQs</a></li> <li class="nav item"><a href="/page/careers" target="">Careers at MSI</a></li> <li class="nav item mt_20"> <a href="https://www.facebook.com/libraryjournalmagazine/" target="_blank"><img class="mr_4 tab-w-30" src="/webfiles/1731914874575/images/fb.png"></a> <a href="https://twitter.com/libraryjournal?lang=en" target="_blank"><img style="width: 35px;height: 35px;" class="mr_4 tab-w-30" src="/webfiles/1731914874575/images/tw.png"></a> <a href="https://www.pinterest.com/libraryjournal/" target="_blank"><img class="tab-w-30" src="/webfiles/1731914874575/images/pin.png"></a> </li> </ul> </div>  </div> </div> <hr class="footer-border-line mt_20 mb_20 hidden-xs"> <div class="container footer-img hidden-xs"> <div class="col-md-2 col-sm-2 col-xs-6 pl_0 text-align-left" style="border-right: 2px solid white"> <a title="Media Source Incorporated" href="http://www.mediasourceinc.com/" target="_blank"> <img src="/webfiles/1731914874575/images/MSI-Logo-bw_rev55k.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-6 text-align-center"> <a title="AKJ" href="https://www.akjeducation.com/" target="_blank"> <img style="width:50px" src="/webfiles/1731914874575/images/akj1.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-6 text-align-right"> <a title="The Horn Book" href="http://www.hbook.com/" target="_blank"> <img src="/webfiles/1731914874575/images/The_Horn_Booknew.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-4 text-align-right p_0"> <a title="Junior Library Guild" href="https://www.juniorlibraryguild.com/" target="_blank"> <img src="/webfiles/1731914874575/images/JLGnew.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-4 text-align-right"> <a id="homeFromFooter" onclick="readUrlCategory('home','homeFromFooter','home')"; class="pointer"> <img src="/webfiles/1731914874575/images/LJ_Blacknew.png"/> </a> </div> <div class="col-md-2 col-sm-2 col-xs-4 text-align-right"> <a title="School Library Journal" href="http://www.slj.com/" target="_blank"> <img src="/webfiles/1731914874575/images/SLJ-footer.png"/> </a> </div> </div> <hr class="footer-border-line mt_20 mb_20 hidden-xs">  <div class="container hidden-xs mb_10"> <div class="col-md-12 col-sm-12 pl_0 pr_0"> <div class="col-md-6 col-sm-4 pl_0 gray"> © 2024 Library Journal. All rights reserved. </div> <div class="col-md-6 col-sm-8 footer-policy float-right pr_0"> <ul class="pull-right">    </ul> </div> </div> </div>   <div class="col-md-12 col-sm-12 col-xs-12 mb_20 tablet"> <div class="col-xs-12 footer-block mt_30 mb_20"> <ul class="footer links footer-text text-align-center"> <li class="nav item"> <a href="https://www.facebook.com/libraryjournalmagazine/"><img class="mr_20" src="/webfiles/1731914874575/images/fb.png"></a> <a href="https://twitter.com/libraryjournal?lang=en"><img style="width: 35px;height: 35px;" class="mr_20" src="/webfiles/1731914874575/images/tw.png"></a> <a href="https://www.instagram.com/library_journal/"><img class="mr_20" src="/webfiles/1731914874575/images/insta.png"></a> <a href="https://www.pinterest.com/libraryjournal/"><img src="/webfiles/1731914874575/images/pin.png"></a> </li> </ul> </div> <hr class="footer-border-line mb_30"> <div class="footer-img display-block full-width pull-left mb_30"> <div class="col-xs-12 p_0"> <div class="col-xs-6 text-align-center"> <a title="Media Source Incorporated" href="http://www.mediasourceinc.com/" target="_blank"> <img src="/webfiles/1731914874575/images/MSI-Logo-bw_rev55k.png"/> </a> </div> <div class="col-xs-6 text-align-center"> <a title="The Horn Book" href="http://www.hbook.com/" target="_blank"> <img class="full-width" src="/webfiles/1731914874575/images/The_Horn_Booknew.png"/> </a> </div> </div> <div class="col-xs-12 p_0"> <div class="col-xs-6 text-align-center mt_30"> <a id="homeFromFooter" href="https://lj.libraryjournal.com/forms/LJsub2018.php" class="pointer"> <img class="full-width" src="/webfiles/1731914874575/images/LJ_Blacknew.png"/> </a> </div> <div class="col-xs-6 text-align-center mt_30"> <a title="School Library Journal" href="https://lj.libraryjournal.com/forms/SLJsub2018.php" target="_blank"> <img class="full-width" src="/webfiles/1731914874575/images/SLJ-footer.png"/> </a> </div> </div> <div class="col-xs-12 p_0"> <div class="col-xs-6 text-align-center mt_30"> <a title="AKJ" href="https://www.akjeducation.com//" target="_blank"> <img style="width:50px" src="/webfiles/1731914874575/images/akj1.png"/> </a> </div> <div class="col-xs-6 text-align-center mt_30"> <a title="Junior Library Guild" href="https://www.juniorlibraryguild.com/" target="_blank"> <img class="full-width" src="/webfiles/1731914874575/images/JLGnew.png"/> </a> </div> </div> </div> <hr class="footer-border-line mb_30"> <div class="col-md-12 col-xs-12 pl_0 pr_0"> <div class="footer-policy pl_0 pr_0 fs_15">    </div> <div class="col-md-6 col-xs-12 p_0 text-align-center mb_20 fs_15 gray"> © 2024 Library Journal. All rights reserved. </div> </div>     </div>  </div> </footer> <script type='text/javascript'> function readUrlCategory(subpageVal, elementId, page) { var link = document.getElementById(elementId); if ("home" == page) { link.setAttribute("href", "?"); } else { link.setAttribute("href", "?subpage=" + subpageVal); } // document.forms[0].submit(); } </script> <script src="/webfiles/1731914874575/js/variable.js" type="text/javascript"></script> <script src="/webfiles/1731914874575/js/session.js" type="text/javascript"></script> <script src="/webfiles/1731914874575/js/main.js" type="text/javascript"></script> <script src="/webfiles/1731914874575/js/smarten-text.js" type="text/javascript"></script> <script src="/webfiles/1731914874575/js/private-mode.js" type="text/javascript"></script> <script src="/webfiles/1731914874575/js/analytics.js" type="text/javascript"></script> <script src="/webfiles/1731914874575/js/metering.js" type="text/javascript"></script> <script src="/webfiles/1731914874575/js/validation.js" type="text/javascript"></script> <script src="/webfiles/1731914874575/js/ecommerce.js" type="text/javascript"></script> <script src="/webfiles/1731914874575/js/login.js" type="text/javascript"></script> <script src="/webfiles/1731914874575/js/reset.js" type="text/javascript"></script> <script src="/webfiles/1731914874575/js/topic-image.js" type="text/javascript"></script> <script src="/webfiles/1731914874575/js/institutions.js" type="text/javascript"></script>   <script type="text/javascript" id="hs-script-loader" async defer src="//https://us01.l.antigena.com/l/sMmsucjkVjbHBZpY4a_zfeTmny0AEi3ymm19LSkSDmGg-qpqH52GTlPHgWXiwPZllSy3b2n7cBVCA7OIWo1Z7uvZa~7jk56EZ5jXqHE8Xtpu24JDh7gXGy1"></script>  </body> </html>

CINXE.COM

Library Journal