

<!DOCTYPE html>
<html class="no-js">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="google-site-verification" content="IIB2y3sd9nOU94rS6_hSkK6R1Ueqqi1GRum8ubCt7rI" />

    
    <title>Skokie Public Library</title>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>

    <link rel="apple-touch-icon" sizes="57x57" href="/static/img/favicons/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/static/img/favicons/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/static/img/favicons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/static/img/favicons/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/static/img/favicons/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/static/img/favicons/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/static/img/favicons/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/static/img/favicons/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/static/img/favicons/apple-touch-icon-180x180.png">
    <link rel="shortcut icon" href="/static/img/favicons/favicon.ico">
    <link rel="icon" type="image/png" href="/static/img/favicons/favicon-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="/static/img/favicons/favicon-160x160.png" sizes="160x160">
    <link rel="icon" type="image/png" href="/static/img/favicons/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="/static/img/favicons/favicon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="/static/img/favicons/favicon-32x32.png" sizes="32x32">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="msapplication-TileImage" content="/static/img/favicons/mstile-144x144.png">
    <meta name="msapplication-square70x70logo" content="/static/img/favicons/mstile-70x70.png">
    <meta name="msapplication-square150x150logo" content="/static/img/favicons/mstile-150x150.png">
    <meta name="msapplication-square310x310logo" content="/static/img/favicons/mstile-310x310.png">
    <meta name="msapplication-wide310x150logo" content="/static/img/favicons/mstile-310x150.png">

    <link type="text/css" rel="stylesheet" href="/static/css/main.css">
    


    

    <script src="/static/js/modernizr.min.js"></script>

  </head>

  <body id="alt-content" class="homepage ">

    <div class="cms-toolbar-bin">
    </div>

    
<section class="site-alert">
    <p>The library closes at 5 pm on December 31 and is closed all day January 1.</p>
</section>


    

    <div class="contain-to-grid"> <!-- add class 'fixed' -->
      <div class="my-account-bin">
              <nav class="top-bar" data-topbar >
        <ul class="title-area">
          <!-- Title Area -->
          <li class="name">
            <a href="/" title="homepage">
              <svg width="126" height="50" class="svg-logo">
                <image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/static/img/logo.svg" src="/static/img/logo.png" width="120" height="50" alt="Skokie Public Library"></image>
              </svg>
            </a>
          </li>
          <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
          <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
        </ul>

        <section class="top-bar-section">
          <!-- Right Nav Section -->
          <ul class="right">
            <li class="has-dropdown not-click">
              <a href="/events" class="nav-item">Events</a>
              <ul class="dropdown mega-menu events-menu">
                <div class="row">
                  <div class="columns medium-4">
                    <li>
                    <span>Events For</span>
                    <ul>
                      <li><a href="/events">All</a></li>
                      <li><a href="/events/kids">Kids</a></li>
                      <li><a href="/events/teens">Teens</a></li>
                      <li><a href="/events/adults">Adults</a></li>
                    </ul>
                  </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>Classes &amp; Schedules</span>
                      <ul>
                        <li><a href="/events/technology-classes">Tech classes</a></li>
                        <li><a href="/events/category/movie">Movie schedule</a></li>
                        <li><a href="/events/performances">Performances</a></li>
                        <li><a href="/events/book-discussions">Book discussions</a></li>
                        <li><a href="/events/author-visits">Author visits</a></li>
                        <li><a href="/events/exhibits">Exhibits</a></li>
                      </ul>
                    </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>Download</span>
                      <ul>
                        <li><a href="/events/newsletters/#newsletter">Newsletter</a></li>
                        <li><a href="/events/newsletters/#hullabaloo">Hullabaloo</a></li>
                        <li><a href="/events/newsletters/#teenzine">Teenzine</a></li>
                        <li><a href="/events/newsletters/#next">Next</a></li>
                      </ul>
                    </li>
                  </div>
                </div>
                <div class="row">
                  <div class="columns medium-12">
                    <a href="/events/propose-program" class="menu-extra border-extra">Propose a program</a>
                  </div>
                </div>
              </ul> <!-- end of mega dropdown -->
            </li>
            <li class="divider"></li>
            <li class="has-dropdown not-click">
              <a href="/books-movies-more" class="nav-item">Books, movies, more</a>
              <ul class="dropdown mega-menu books-movies-more-menu">
                <div class="row">
                  <div class="columns medium-4">
                    <li>
                    <span>Find it</span>
                    <ul>
                      <li><a href="/books-movies-more/books">Books</a></li>
                      <li><a href="/books-movies-more/movies">Movies</a></li>
                      <li><a href="/books-movies-more/ebooks-downloads">eBooks &amp; downloads</a></li>
                    </ul>
                  </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>Recommendations</span>
                      <ul>
                        <li><a href="/books-movies-more/bookmatch">BookMatch</a></li>
                      </ul>
                    </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>More</span>
                      <ul>
                        <li><a href="/books-movies-more/local-authors">Local authors</a></li>
                        <li><a href="/books-movies-more/new-coming-soon">New &amp; coming soon</a></li>
                      </ul>
                    </li>
                  </div>
                </div>
                <div class="row">
                  <div class="columns medium-12">
                    <a href="/books-movies-more/cant-find-item/" class="menu-extra border-extra">Can't find an item?</a>
                  </div>
                </div>
              </ul> <!-- end of mega dropdown -->
            </li>
            <li class="divider"></li>
            <li class="has-dropdown not-click">
              <a href="/resources" class="nav-item">Resources</a>
              <ul class="dropdown mega-menu resources-menu">
                <div class="row">
                  <div class="columns medium-4">
                    <li>
                    <span>Research</span>
                    <ul>
                      <li><a href="/resources/research">Research a topic</a></li>
                      <li><a href="/resources/research/consumer-information">Consumer info</a></li>
                      <li><a href="/resources/research/business-investing">Business &amp; investing</a></li>
                      <li><a href="/resources/research/genealogy">Genealogy</a></li>
                      <li><a href="/resources/research/languages">Learn a language</a></li>
                    </ul>
                  </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>Learn &amp; Explore</span>
                      <ul>
                        <li><a href="/resources/online-training-tutorials">Online training &amp; tutorials</a></li>
                        <li><a href="/resources/homework-help">Homework help</a></li>
                        <li><a href="/resources/local-history">Local history</a></li>
                      </ul>
                    </li>
                  </div>
                  <div class="columns medium-4">
                  </div>
                </div>
              </ul> <!-- end of mega dropdown -->
            </li>
            <li class="divider"></li>
            <li class="has-dropdown not-click">
              <a href="/services" class="nav-item">Services</a>
              <ul class="dropdown mega-menu services-menu">
                <div class="row">
                  <div class="columns medium-4">
                    <li>
                    <span>Services For</span>
                    <ul>
                      <li><a href="/services/parents">Parents</a></li>
                      <li><a href="/services/teachers-schools">Teachers &amp; schools</a></li>
                      <li><a href="/services/businesses">Businesses</a></li>
                      <li><a href="/services/job-seekers">Job Seekers</a></li>
                    </ul>
                  </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>In the library</span>
                      <ul>
                        <li><a href="/services/study-meeting-rooms">Study &amp; meeting rooms</a></li>
                        <li><a href="/services/computers-technology">Computers &amp; technology</a></li>
                        <li><a href="/services/accessibility">Accessibility</a></li>
                      </ul>
                    </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>In the community</span>
                      <ul>
                        <li><a href="/services/bookmobile">Bookmobile</a></li>
                      </ul>
                    </li>
                  </div>
                </div>
                 <div class="row">
                  <div class="columns medium-12">
                    <a href="http://studyrooms.skokielibrary.info/" class="menu-extra border-extra">Book a study room</a>
                  </div>
                </div>
              </ul> <!-- end of mega dropdown -->
            </li>
            <li class="divider"></li>
            <li class="has-dropdown not-click">
              <a href="/about" class="nav-item">About</a>
              <ul class="dropdown mega-menu about-menu">
                <div class="row">
                  <div class="columns medium-4">
                    <li>
                    <span>Get involved</span>
                    <ul>
                      <li><a href="/about/jobs">Jobs</a></li>
                      <li><a href="/about/volunteering">Volunteering</a></li>
                    </ul>
                  </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>Using the library</span>
                      <ul>
                        <li><a href="/about/hours-location-contact">Hours, location, contact</a></li>
                        <li><a href="/about/library-cards">Library cards</a></li>
                        <li><a href="/about/borrowing-fees">Borrowing &amp; fees</a></li>
                        <li><a href="/about/policies">Policies</a></li>
                      </ul>
                    </li>
                  </div>
                  <div class="columns medium-4">
                    <li>
                      <span>More info</span>
                      <ul>
                        <li><a href="/about">About us</a></li>
                        <li><a href="/about/staff">Staff</a></li>
                        <li><a href="/about/board">Board</a></li>
                        <li><a href="/about/history-building">History &amp; Building</a></li>
                      </ul>
                    </li>
                  </div>
                </div>
                <div class="row">
                  <div class="columns medium-12">
                    <a href="mailto:tellus@skokielibrary.info" class="menu-extra border-extra">Have questions?</a>
                  </div>
                </div>
              </ul> <!-- end of mega dropdown -->
            </li>
            <li class="divider"></li>
          </ul>
        </section>
      </nav>
        <a href="https://encore.skokielibrary.info/iii/encore/myaccount" class="button alert my-account small">My Account</a>
      </div>
    </div> <!-- end of header container -->

    


    <section id="content" class="row">
      <div class="columns">
        
        
        

        
      </div>
    </section>

    

<section class="large-feature" style="background: url(/media/features/1412-teal-snow-header_1.jpg) no-repeat center center; background-size: cover;">
  <div class="layer">
    <div class="row">
      <div class="small-12 medium-10 columns small-centered main-search-bin">
        <div class="main-search">
          <form name="SearchSite" action="http://encore.skokielibrary.info/iii/encore/Home,$Search.form.sdirect" target="_blank" method="get" class="home_search" id="SearchForm" onclick="_gaq.push(['_trackEvent', 'Catalog', 'Opening page search', 'Encore quick search', , 'true']);" _lpchecked="1">
            <input type="text" name="target" id="search-query" size="36" class="home_search search-input" placeholder="Search for books, movies, &amp; more">
            <input name="formids" value="target" type="hidden">
            <input name="lang" value="eng" type="hidden">
            <input name="suite" value="def" type="hidden">
            <input name="reservedids" value="lang,suite" type="hidden">
            <input name="submitmode" value="" type="hidden">
            <input name="submitname" value="" type="hidden">

            <label>
              <?xml version="1.0" encoding="utf-8"?>
              <!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
              <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
              <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin-top: 2px;" x="0px" y="0px" width="31px" height="31px" viewBox="0 0 100 100" fill="#706259" xml:space="preserve">
              <path d="M86.464,79.452l-8.547-8.547l-6.808-6.808c3.502-4.926,5.582-10.93,5.582-17.422c0-16.639-13.537-30.176-30.176-30.176
                S16.341,30.036,16.341,46.675c0,16.638,13.535,30.174,30.174,30.174c6.951,0,13.341-2.385,18.447-6.348l11.7,11.7
                c0.144,0.144,0.305,0.258,0.462,0.377l3.107,3.107L86.464,79.452z M46.517,69.751C33.793,69.75,23.442,59.398,23.442,46.676
                c0-12.724,10.352-23.075,23.075-23.075s23.075,10.351,23.075,23.075c0,5.294-1.809,10.163-4.82,14.061
                c-0.995,1.287-2.113,2.475-3.354,3.527C57.394,67.678,52.196,69.751,46.517,69.751z"/>
              </svg>

              <input type="submit" value="Search" class="alert" style="display: none;">
            </label>
          </form>
        </div>
      </div>
      <div class="small-12 medium-10 columns small-centered large-feature-text">
        <a href="/events/calendar/">Find out everything we’re doing over the holidays. <span>LEARN MORE<i class="arrow"></i><i class="arrow"></i><i class="arrow"></i></span></a>
      </div>
    </div>
  </div> <!-- end of layer -->
</section>

<section class="fill-white events-features">
  <div class="row">
    <div class="medium-4 columns upcoming-events">
      <h2>Events Today</h2>

        
<div class="upcoming-events-list">
    
    <div class="row">
        <div class="small-12 columns">
            <span class="time">10:30 am</span>
            <a href="/events/1352/" class="title">New Year's Eve Trivia Extravaganza</a>
        </div>
    </div>
    
    <div class="row">
        <div class="small-12 columns">
            <span class="time"></span>
            <a href="/events/1351/" class="title">Library Closing at 5pm</a>
        </div>
    </div>
    
</div>


        <a href="/events/calendar" class="button event-button upper">View calendar</a>
    </div>

    <div class="medium-4 columns feature">
      <h2>Our favorite things in 2014</h2>

<p>


<span><img alt="1412-staff-picks.png" src="/media/filer_public_thumbnails/filer_public/03/fe/03fe9f1a-f2ac-4fc1-93ae-df6d5ad68f52/1412-staff-picks.png__468x280_q85_crop_upscale.png" width="468" height="280" /></span>

</p>

<p><span style="color: rgb(112, 98, 89); font-family: 'Open Sans', Helvetica, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25.6000003814697px;">Take a look at the books, movies, and more that our staff enjoyed most in 2014.</span></p>

<p><a href="blog/2014/12/18/our-favorites-2014-skokie-public-library-staff-picks/">Learn more<i class="arrow-s"></i><i class="arrow-s"></i><i class="arrow-s"></i></a></p>

    </div>
    <div class="medium-4 columns feature">
      <h2>Get hands-on with new technology</h2>

<p>


<span><img alt="Youth and staff learn about electronics in the BOOMbox." src="/media/filer_public_thumbnails/filer_public/d0/62/d0627219-7471-49bb-8116-269c60e77af1/boombox-feature-1.jpg__468x331_q85_crop_upscale.jpg" width="468" height="331" /></span>

</p>

<p><span style="color: rgb(112, 98, 89); font-family: 'Open Sans', Helvetica, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25.6000003814697px;">Learn about 3D printers, robots that paint, and more in the BOOMbox, our brand new learning space. We have drop-in times and classes for kids, teens, and adults.</span></p>

<p><a href="/services/computers-technology/boombox/">Learn more<i class="arrow-s"></i><i class="arrow-s"></i><i class="arrow-s"></i></a></p>

    </div>
  </div>
</section>

<section class="fill-alert">

  <div class="row">
    <div class="columns">
    <div class="row quote">
    
        <div class="columns">
            <span class="upper"><a href="/blog">From our blog</a></span>
            <p>Not every great book and movie makes our Staff Picks list. See which ones didn&#39;t make the cut this year.</p>
            <a href="/blog/2014/12/15/staff-picks-confidential/" class="upper right">Read more<i class="arrow-w"></i><i class="arrow-w"></i><i class="arrow-w"></i></a>
        </div>
    

</div>
    </div>
  </div>

</section>

<section class="fill-offwhite materials">
  <div class="row">
    <div class="medium-8 small-12 columns">
      <div class="row review">
        <div class="small-4 columns">
  <img src="http://origin.syndetics.com/index.php?isbn=0385353308/LC.gif&amp;client=skopl&amp;type=hw7" class="left">
</div>
<div class="small-8 columns">
  <article>
    <h2>We Recommend</h2>
    <a href="/selects/books/137/"><h5>Station Eleven</h5></a>
    
        <p>A breathtaking must-read that illuminates the richness of the world in which we currently live.</p>
    
    <a href="/selects/books/137/">Read full review<i class="arrow-s"></i><i class="arrow-s"></i><i class="arrow-s"></i></a>
  </article>
</div>

      </div>
    </div>
    <div class="medium-4 small-12 columns list">
      <h2><a href="/books-movies-more/new-coming-soon/">New and coming Soon</a></h2>
      <ul>
        <li><a href="/books-movies-more/new-coming-soon/dvds">Coming Soon on DVD</a></li>
        <li><a href="/books-movies-more/new-coming-soon/bestsellers">Upcoming bestsellers</a></li>
        <li><a href="/books-movies-more/new-coming-soon/kids-books">New Kids Books</a></li>
        <li><a href="/books-movies-more/new-coming-soon/new">More new releases</a></li>
      </ul>
    </div>
  </div>
</section>

<section class="fill-white downloads-container">
  <div class="row">
    <div class="medium-4 columns">
      
<h2>Ebooks &amp; Downloads</h2>
<ul>
<li><a href="http://overdrive.skokielibrary.info/">OVERDRIVE</a></li>
<li><a href="http://ebook.3m.com/library/SkokiePublicLibrary/">3M CLOUD LIBRARY</a></li>
<li><a href="http://hoopla.skokielibrary.info/">HOOPLA</a></li>
<li><a href="https://www.rbdigital.com/skokieil/service/zinio/landing">ZINIO</a></li>
</ul>

    </div>
    <div class="medium-4 columns">
      
<h2>Check out a STEAM kit today</h2>
<p>Did you know that you can borrow Lego robotics sets from the library? Or how about a solar telescope? Our STEAM kits are packed with fun tools, toys, and resources.</p>
<p><a href="http://encore.skokielibrary.info/iii/encore/search?lang=eng&target=STEAM+KIT">View our STEAM Kits<i class="arrow-s"></i><i class="arrow-s"></i><i class="arrow-s"></i></a></p>

    </div>
    <div class="medium-4 columns">
      
<div class="flex-video">
<iframe width="560" height="315" src="//www.youtube.com/embed/U90q2wjjrzY?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>

    </div>
  </div>
</section>



    <div class="chat-widget" id="chat-widget">
    <button class="chat-widget-button" id="chat-button"><span class="chat-button-label">How can we help?</span><span class="chat-button-control">×</span></button>
    <iframe src="https://us.libraryh3lp.com/mobile/ask_skokie@chat.libraryh3lp.com?skin=23814" id="library-chat-widget"></iframe>
    </div>

    <footer>
      <div class="newsletters">
        <div class="row">
          <div class="large-4 small-12 columns">
            <span>Subscribe to our newsletters</span>

          </div>
          <div class="large-8 small-12 columns">
            <div class="row">
              <div class="small-12 large-12 columns small-centered">
                <div class="row collapse">
                  <form method="post" action="https://visitor.constantcontact.com/d.jsp?m=1101384208905" target="_blank">
                    <input type="hidden" name="m" value="1101384208905">
                    <div class="small-12 columns">
                      <input type="text" name="ea" placeholder="Your email address">
                      <input type="submit" name="go" value="Subscribe" class="postfix">
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="contact-info">
        <div class="row">
          <div class="medium-4 columns">
            <h3>Skokie Public Library</h3>
            <ul>
              <li>5215 Oakton Street</li>
              <li>Skokie, Illinois 60077</li>
              <li><a href="tel:847-673-7774" title="+1-847-673-7774">847-673-7774</a></li>
            </ul>
          </div>
          <div class="medium-4 columns">
            <h3>Hours</h3>
            <ul>
              <li>Monday to Friday, 9 am to 9 pm</li>
              <li>Saturday, 9 am to 6 pm</li>
              <li>Sunday, noon to 6 pm</li>
            </ul>
          </div>
          <div class="medium-4 columns">
            <svg width="140" height="120" class="svg-logo">
                <image xmlns:xlink="https://www.w3.org/1999/xlink" xlink:href="/static/img/logo-stamp.svg" src="/static/img/logo.png" width="140" height="140" alt="Skokie Public Library"></image>
              </svg>
          </div>
        </div>
        <div class="footer-bottom">
          <div class="row">
            <div class="small-12 columns connect">
              <p>Connect with us on <a href="https://www.facebook.com/skokielibrary">Facebook</a>, <a href="https://www.twitter.com/skokielibrary">Twitter</a>, <a href="https://instagram.com/skokielibrary">Instagram</a>, &amp; <a href="https://www.youtube.com/skokielibrary">YouTube</a>.</p>
            </div>
              <iframe src="https://us.libraryh3lp.com/mobile/redesign@chat.libraryh3lp.com?skin=23350" class="chat-widget" id="library-chat-widget" style="display: none;"></iframe>
              <button class="chat-widget-button" id="library-chat-button" style="display: none;"><i class="chat-widget-control">×</i></button>
          </div>
        </div>
      </div>
    </footer>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="/static/js/foundation.js"></script>
    <script src="/static/js/scripts.js"></script>

    

    

  </body>
</html>
