The Library will be closed to the public, including researchers and others with reader identification cards, until Wednesday, April 1, 2020 at 8 a.m. to reduce the risk of transmitting COVID-19 coronavirus. During the closure, all Library-sponsored public programs, including the National Book Festival Presents Jeffrey Rosen with Dahlia Lithwick, are postponed or canceled.

If you’ve never taken advantage of our Ask-a-Librarian service, allow us to introduce you!

Through the Library's online reference service, the Law Library can help you with:

• Legal and legislative research assistance for US federal and state, foreign, international, and comparative law
• Queries on resources unique to the Law Library of Congress

Learn more about this FREE service on this guest post by Chief of the Public Services Division Andrew Winston.

The Law Library of Congress and the American Bar Association will present the Law Day 2020 program, "Social Movement Changing America: The Legacies of the 19th Amendment" on Thursday, April 30 at 3:30 p.m. EST.

The event will be held online. Click here to be taken to the registration page.

Law Day is a national day set aside to celebrate the rule of law and an opportunity to understand how law and the legal process protect liberty and promote justice. This year's Law Day theme--“Your Vote, Your Voice, Our Democracy: The 19th Amendment at 100”--dovetails with the Library of Congress' exhibition, Shall Not Be Denied: Women Fight for the Vote, which celebrates the ratification of the 19th Amendment.

Our Law Day 2020 event is on Thursday, April 30 at 2:00 p.m. ET. Spots are filling up for this online event, and we are almost at capacity! If you want to view it live, click this link to register now.

Law Day is a national day set aside to celebrate the rule of law and an opportunity to understand how law and the legal process protect liberty and promote justice. This year’s Law Day theme–“Your Vote, Your Voice, Our Democracy: The 19th Amendment at 100”–dovetails with the Library of Congress’ exhibition, Shall Not Be Denied: Women Fight for the Vote, which celebrates the ratification of the 19th Amendment.

The Orientation to Law Library Collections Webinar is designed for patrons who are familiar with legal research, and would instead prefer an introduction to the collections and services specific to the Law Library of Congress. This webinar is an online version of the one-hour onsite orientations taught by legal reference librarians from the Law Library of Congress. The webinar will be held on Wednesday, May 13th at 11am.

Click here for more information and to register orientation-law-library-collections-5-13-2020.eventbrite.com.

STACK SCORE M1495.B74 2017

Hayden Library - QB54.D4695 2018

IEEE Computer Society

Bradford, West Yorkshire, England : MCB University Press, 1993-1999.

Bangkok : Library Marketing Services, 1991-c1999.

IEEE Computer Society

How will you commemorate the Veterans Day centennial?

On Saturday, November 10^th, the Library's Poetry and Literature Center, Veterans History Project, and Exhibits Office invite you to participate in the “The Road Back,” a daylong symposium on veterans’ literature & writing.

Beginning at 10AM, the Library invites you and the veterans in your life to a tour of Echoes of the Great War: American Experiences of World War I and WWI cart display before attending the 11:00AM panel discussion, “Veterans and Literary Writing,” which explores the meaningful coping mechanisms afforded through journaling.

A 1:30PM afternoon panel will feature poetry and literature readings from poet veterans Bruce Weigl, Bill Jones, and David Richmond, as well as cowboy poet Vess Quinlan, who will discuss their favorite World War I writers, share selections of their work, and participate in a discussion moderated by Anya Creightney, Programs Manager of the Poetry and Literature Center.

Concluding the symposium will be a 3:00-4:30PM screening of the 1937 American drama war film, The Road Back, directed by James Whale and based on the novel of the same name by Erich Maria Remarque.  The film is a sequel to All Quiet on the Western Front and follows German soldiers from the Armistice through their return home as they adjust to civilian life, learning that Germany and their personal lives have changed tremendously while they were gone.

The event is free and open to the public, but due to expected demand, tickets are recommended, and available on a first-come, first-served basis.   You can RSVP for your seat at Eventbrite.com  https://www.eventbrite.com/e/the-road-back-veterans-and-literary-writing-symposium-tickets-48886963223 or request ADA accommodations at least five business days in advance by contacting (202) 707-6362 or ada@loc.gov.

The mission of the Veterans History Project of the Library of Congress American Folklife Center is to collect, preserve and make accessible the personal accounts of U.S. veterans so that future generations may hear directly from veterans and better understand the realities of war. Learn more at http://www.loc.gov/vets. Share your exciting VHP initiatives, programs, events and news stories with VHP to be considered for a future RSS. Email vohp@loc.gov and place “My VHP RSS Story” in the subject line.

Visit VHP on Facebook.

Click here for more information.

From November 5-9^th, the Library of Congress Veterans History Project (VHP) will host a Veteran Art Showcase. This series of cultural events highlights art and artists with a focus on the myriad experiences of military veterans. The five-day Showcase begins a yearlong commemoration of VHP’s 20^th anniversary, and will be held in the Library of Congress Jefferson Building, located at 10 First Street SE, Washington, DC. The schedule is as follows:

Tues., Nov. 5

Craft in America: Ceramic Demonstration, 9 am- 3:30pm -LJG-51

Ceramic artists Matthew Krousey, Judas Recendez, and Ehren Tool participate in a clay throwing demonstration. While throwing, Tool will engage in conversation on the experience of service and war. He will share his pieces with military connected audience members.

Tues., Nov. 5

Craft in America: Veteran Potters Panel Discussion, 5 pm- Whitall Pavilion

Artists Judas Recendez, Matthew Krousey, and Ehren Tool will discuss their ceramic art and process in relation to their military service.  The panel will be moderated by Carol Sauvion, creator and co-executive producer of the PBS series Craft in America.

Weds., Nov. 6

Occupational Poetry, 1pm- Room LJ-119

Poets Bill Jones, (veteran poet)  Vess Quinlan (cowboy poet), Jerry Brooks (miner poet), and Meezie Hermansen (fisher poet) recite some of their work related to their profession, and participate in a panel discussion. The panel will be moderated by John Fenn, Head of Research and Programs at the American Folklife Center.

Thurs. Nov. 7

Combat Paper, 11 am- Whitall Pavilion

Veterans and civilians discuss the process and experience of paper-making and printmaking as a creative outlet in a panel featuring Tara Tappert, Drew Matott, Ruth Lynne McIntosh, and Patrick Sargent.  The panel will be moderated by Katherine Blood, Curator of Fine Prints at the Prints and Library’s Photographs Division.

The Telling Project, 7pm- Great Hall

An autobiographical performance of “She Went to War,” featuring four female veterans, all of whom experienced significant combat exposure while serving in the military.

Sat. Nov. 9

Operation Song and Jamie Fox Perform Live, 7pm- Coolidge Auditorium

Tennessee-based not-for-profit program “Operation Song” performs a selection of songs written by and about veterans, active duty service members and their loved ones. Jamie Fox, an Air Force veteran and Metis fiddler of the Aaniih and Nakoda tribes performs tunes that were derived from a mixture of Celtic, French, and Native American cultures.

The Veteran Art Showcase is free of charge, and open to the public; however, due to expected demand, tickets are recommended and available on a first –come, first served basis. For more information, visit https://www.eventbrite.com/o/library-of-congress-11132539071 or VHP’s Facebook page at www.facebook.com/vetshistoryproject.

Request ADA accommodations at least five business days in advance by contacting (202) 707-6362 or ada@loc.gov.

Click here for more information.

Online Resource

The American Folklife Center at the Library of Congress challenged musical artists to interpret material from its unparalleled archive of ethnographic recordings of traditional folk music. Artists were asked to put their own spin on these archival treasures, and to perform them at a special showcase during the Folk Alliance International conference in Kansas City in 2018.

• "Samson and Delilah" | Andy Cohen
• "Do Lord Remember Me" | Annie B Good
• "Bully of the Town" | Evie Ladin Band
• "I Ain't Got No Home in the World Any More" | Charlie Mosbrook
• "Come All Ye Fair and Tender Ladies" | Gillian Nicola
• "Catfish Blues" | Jack Semple
• "Polly Vaughan" | Katherine Rondeau
• "Day-O (The Banana Boat Song)" | SaulPaul
• "Wartime Blues" | The Mammals
• "Cripple Creek" | The Western Flyers
• "Don't Judge a Man by the Clothes That He Wears" | Seth Bernard & Mark Lavengood
• "Trouble in Mind" | Piper Hayes
• "John Henry" | Joe Jencks
• "Wild Mountain Thyme" | In the Willows

The American Folklife Center at the Library of Congress challenged musical artists to interpret material from its unparalleled archive of ethnographic recordings of traditional folk music. Artists were asked to put their own spin on these archival treasures, and to perform them at a special showcase during the Folk Alliance International conference in Montreal, Canada in 2019.

• "The House Carpenter" | Si Kahn
• "Chain Gang" | Jimbo Scott
• "No Canto Porque Bien Canto" | Judith Cohen
• "Diamond Joe" | Bruce Molsky
• "Waltz" | Fru Skagerrak
• "The Dreary Black Hills" | Clinton St. John
• "Rock Island Line" | Elly Wininger
• "What Are They Doing in Heaven Today?" | Fabrizio Cammarata
• "The Rising Sun Blues" | Katherine Rondeau & Eric Lambert
• "In Hebrid Seas" | Kyla Tilley
• "King John and the Bishop" | Nora Rodes
• "Blow the Man Down" | Rik Palieri & Rick Nestler
• "Hangman" | Flynn Cohen & Liz Simmons
• "Pretty Saro" | Anya Hinkle
• "Love Me" | Shakura S'Aida & Roger Williams
• "Miss Maule's Strathspey / King's Reel / Miss Lyall's Reel" | Alana & Leigh Cline

TONIGHT, Monday, March 2 beginning at 7pm ET

Librarian of Congress Carla Hayden will host a conversation with Grammy Award-winning country music singer and songwriter Garth Brooks. Brooks and Hayden will be joined by country music artist, actress, author, celebrity chef and wife of Brooks, Trisha Yearwood. They will discuss their success as a country music power couple, their careers as music industry changemakers and the humanitarian projects they devote their efforts to each year.

Brooks will receive the Library of Congress Gershwin Prize for Popular Song later that week on Wednesday, March 4. The country music titan and multiple hall of famer is the youngest recipient of the prestigious prize.

You can follow and join in on the #GershwinPrize conversation via Twitter.

Watch here on the Library's YouTube page.

Watch here on the Library's Facebook page.
Tune in to Facebook at 6:30 pm ET for a special edition of Garth Brooks' "Inside Studio G" Facebook program LIVE from the Library of Congress!

Watch these videos just added to the Library of Congress website.

How One Pandemic, SARS, Predicted Another, COVID-19
Author and journalist Karl Taro Greenfeld discusses his prescient book on the SARS epidemic, which foreshadowed the more devastating COVID-19 pandemic, with the chief of communications of the Library of Congress, Roswell Encina.

Dav Pilkey at Home
Take a break and watch author and illustrator Dav Pilkey in his ongoing video series for the Library, "Dav Pilkey at Home," where he draws and reads from his book series.

• Dav Paints & Talks About 80-HD
• Dav Shows You How to Draw Baby Frogs

Write. Right. Rite. With Jason Reynolds
A new video from Jason Reynolds, seventh National Ambassador for Young People's Literature in his new series "Write. Right. Rite." as part of his "Grab the Mic: Tell Your Story" platform.

• Write About a New Invention

CRS is accepting applications through the Graduate Recruit Program for a Research Librarian (Domestic Social Policy), GS-9 until April 10, 2020.

Click here for more information.

CRS is accepting applications for a Law Librarian, GS-12 until May 22, 2020.

Click here for more information.

On-scroll animations can add quite the elegant effect to your website. A little animated polish can go a long way towards making your site look well-rounded and complete. With JavaScript and CSS, you can make elements fade, slide, or even …

Michelle Barker appears as one of a heavenly host, coming forth with scroll in hand to pronounce an end to janky scrolljacking! Unto us a new specification is born, in the city of TimBL, and its name shall be called Scroll Snap.

Sponsor: Order any Standard paperback(s) and get a surprise gift card in the box for YOU. While supplies last, from your pals at A Book Apart!

One area where the web has traditionally lagged behind native platforms is the perceived “slickness” of the app experience. In part, this perception comes from the way the UI responds to user interactions – including the act of scrolling through content.

Faced with the limitations of the web platform, developers frequently reach for JavaScript libraries and frameworks to alter the experience of scrolling a web page – sometimes called “scroll-jacking” – not always a good thing if implemented without due consideration of the user experience. More libraries can also lead to page bloat, and drag down a site’s performance. But with the relatively new CSS Scroll Snap specification, we have the ability to control the scrolling behaviour of a web page (to a degree) using web standards – without resorting to heavy libraries. Let’s take a look at how.

Scroll Snap

A user can control the scroll position of a web page in a number of ways, such as using a mouse, touch gesture or arrow keys. In contrast to a linear scrolling experience, where the rate of scroll reflects the rate of the controller, the Scroll Snap specification enables a web page to snap to specific points as the user scrolls. For this, we need a fixed-height element to act as the scroll container, and the direct children of that element will determine the snap points. To demonstrate this, here is some example HTML, which consists of a <div> containing four <section> elements:

<div class="scroll-container">
  <section>
    <h2>Section 1</h2>
  </section>
  <section>
    <h2>Section 2</h2>
  </section>
  <section>
    <h2>Section 3</h2>
  </section>
  <section>
    <h2>Section 4</h2>
  </section>
</div>

Scroll snapping requires the presence of two main CSS properties: scroll-snap-type and scroll-snap-align. scroll-snap-type applies to the scroll container element, and takes two keyword values. It tells the browser:

• The direction to snap
• Whether snapping is mandatory

scroll-snap-align is applied to the child elements – in this case our <section>s.

We also need to set a fixed height on the scroll container, and set the relevant overflow property to scroll.

.scroll-container {
  height: 100vh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
}

section {
  height: 100vh;
  scroll-snap-align: center;
}

In the above example, I’m setting the direction in the scroll-snap-type property to y to specify vertical snapping. The second value specifies that snapping is mandatory. This means that when the user stops scrolling their scroll position will always snap to the nearest snap point. The alternative value is proximity, which determines that the user’s scroll position will be snapped only if they stop scrolling in the proximity of a snap point. (It’s down to the browser to determine what it considers to be the proximity threshold.)

If you have content of indeterminate length, which might feasibly be larger than the height of the scroll container (in this case 100vh), then using a value of mandatory can cause some content to be hidden above or below the visible area, so is not recommended. But if you know that your content will always fit within the viewport, then mandatory can produce a more consistent user experience.

In this example I’m setting both the scroll container and each of the sections to a height of 100vh, which affects the scroll experience of the entire web page. But scroll snapping can also be implemented on smaller components too. Setting scroll snapping on the x-axis (or inline axis) can produce something like a carousel effect.

In this demo, you can scroll horizontally scroll through the sections:

The Intersection Observer API

By implementing the CSS above, our web page already has a more native-like feel to it. To improve upon this further we could add some scroll-based transitions and animations. We’ll need to employ a bit of Javascript for this, using the Intersection Observer API. This allows us to create an observer that watches for elements intersecting with the viewport, triggering a callback function when this occurs. It is more efficient than libraries that rely on continuously listening for scroll events.

We can create an observer that watches for each of our scroll sections coming in and out of view:

const sections = [...document.querySelectorAll('section')]

const options = {
  rootMargin: '0px',
  threshold: 0.25
}

const callback = (entries) => {
  entries.forEach((entry) => {
    if (entry.intersectionRatio >= 0.25) {
      target.classList.add("is-visible");
    } else {
      target.classList.remove("is-visible");
    }
  })
}

const observer = new IntersectionObserver(callback, options)

sections.forEach((section, index) => {
  observer.observe(section)
})

In this example, a callback function is triggered whenever one of our sections intersects the container by 25% (using the threshold option). The callback adds a class of is-visible to the section if it is at least 25% in view when the intersection occurs (which will take effect when the element is coming into view), and removes it otherwise (when the element is moving out of view). Then we can add some CSS to transition in the content for each of those sections:

section .content {
  opacity: 0:
}

section.is-visible .content {
  opacity: 1;
  transition: opacity 1000ms:
}

This demo shows it in action:

You could, of course, implement some much more fancy transition and animation effects in CSS or JS!

As an aside, it’s worth pointing out that, in practice, we shouldn’t be setting opacity: 0 as the default without considering the experience if JavaScript fails to load. In this case, the user would see no content at all! There are different ways to handle this: We could add a .no-js class to the body (which we remove on load with JS), and set default styles on it, or we could set the initial style (before transition) with JS instead of CSS.

Position: sticky

There’s one more CSS property that I think has the potential to aid the scroll experience, and that’s the position property. Unlike position: fixed, which locks the position of an element relative to the nearest relative ancestor and doesn’t change, position: sticky is more like a temporary lock. An element with a position value of sticky will become fixed only until it reaches the threshold of its parent, at which point it resumes relative positioning.

By “sticking” some elements within scroll sections we can give the impression of them being tied to the action of scrolling between sections. It’s pretty cool that we can instruct an element to respond to it’s position within a container with CSS alone!

Browser support and fallbacks

The scroll-snap-type and scroll-snap-align properties are fairly well-supported. The former requires a prefix for Edge and IE, and older versions of Safari do not support axis values. In newer versions of Safari it works quite well. Intersection Observer similarly has a good level of support, with the exception of IE.

By wrapping our scroll-related code in a feature query we can provide a regular scrolling experience as a fallback for users of older browsers, where accessing the content is most important. Browsers that do not support scroll-snap-type with an axis value would simply scroll as normal.

@supports (scroll-snap-type: y mandatory) {
  .scroll-container {
    height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
  }

  section {
    height: 100vh;
    scroll-snap-align: center;
  }
}

The above code would exclude MS Edge and IE, as they don’t support axis values. If you wanted to support them you could do so using a vendor prefix, and using @supports (scroll-snap-type: mandatory) instead.

Putting it all together

This demo combines all three of the effects discussed in this article.

Summary

Spending time on scroll-based styling might seem silly or frivolous to some. But I believe it’s an important part of positioning the web as a viable alternative to native applications, keeping it open and accessible. While these new CSS features don’t offer all of the control we might expect with a fully featured JS library, they have a major advantage: simplicity and reliability. By utilising web standards where possible, we can have the best of both worlds: Slick and eye-catching sites that satisfy clients’ expectations, with the added benefit of better performance for users.

About the author

Michelle is a Lead Front End Developer at Bristol web agency Atomic Smash, author of front-end blog CSS { In Real Life }, and a Mozilla Tech Speaker. She has written articles for CSS Tricks, Smashing Magazine, and Web Designer Magazine, to name a few. She enjoys experimenting with new CSS features and helping others learn about them.

More articles by Michelle

Online Resource

Sign up for JS Remote Conf!

Dan and Andrew's super awesome, helpful document that they made for the show during preparation

03:22 - Andrew Clark Introduction

• Twitter
• GitHub
• OpenGov
• flummox

03:39 - Dan Abramov Introduction

• Twitter
• GitHub
• JavaScript Jabber Episode #179: redux and React with Dan Abramov

04:03 - Flux

• Flux vs MVC

09:36 - Data Flow

• Why FluxComponent > fluxMixin
• Mixins Are Dead. Long Live Composition.  
• Higher-order Components
• Sebastian Markbåge's Tweet

22:52 - Conceptualizing React and Flux

• React.js Conf 2015 - Flux Panel
• Does redux limit ambiguity that exists in Flux?

27:50 - Documentation

30:38 - The Elm Programming Language

32:34 - Making Patterns Explicit in Frameworks

• Tom Dale @ TXJS 2015
• Let a 1,000 flowers bloom. Then rip 999 of them out by the roots.
• Sebastian Markbåge: Minimal API Surface Area @ JSConf EU 2014

36:31 - Getting Started with React and Flux

• Classes

42:42 - Where Flux Falls Short

58:23 - Keeping the Core Small; Making Decisions

Picks

Strange Loop 2015 Videos  (Jamison)
Typeset In The Future (Jamison)
Open-source as a project model for internal work (w/ speaker notes) by Kevin Lamping (Jamison)
Explanation of Zipf's Law (Dave)
Will Conant's talk at UtahJS 2015 on Flux (Dave)
The Legend of ZERO (3 Book Series) by Sara King (Joe)
Camel Up (Joe)
The Elm Programming Language (Joe)
Boundaries: A talk by Gary Bernhardt from SCNA 2012 (Aimee)
Nodevember (Aimee)
TV Fool (Chuck)
RCA Outdoor Digital HDTV VHF UHF Yagi Type Antenna (Chuck)
The Michael Vey Book Series (Chuck)
BusinessTown (Dan)
Elon Musk: The World’s Raddest Man (Dan)
Professor Frisby's Mostly Adequate Guide to Functional Programming (Dan)
Abiogenesis (Dan)
react-future (Dan)
The Righteous Mind (Andrew)
lodash-fp (Andrew)
Inside Amy Schumer (Andrew)
dataloader (Andrew)
Careers at OpenGov (Andrew)

Panel:

Amiee Knight

Charles Max Wood

Special Guests: 

Kye Hohenberger

In this episode, JavaScript Jabbers speak with Kye Hohenberger. Kye is a developer and co-founder of Side Way. One of Kye’s most notable works and library is Emotion, a CSS and JS library.

Kye talks about what CSS and JS library is about in the context of the Emotion library system. Kye discusses why this is practical for the writing process, in comparison to other types of tools that do similar jobs. Kye explains the how this tool reduces the number of lines of code and is compact and clearer.

In particular, we dive pretty deep on:

• What is a CSS and JS library?
• Controlling CSS with JS, what does this solve?
• Style bugs
• What kind of styling are you using vs. complex styles?
• Media query
• A more declarative style
• Using Sass
• Where do you see people using this?
• Class names and you can apply to anything
• How Emotion works!
• Style tags
• Object styles
• What are some of the problems you are solving
• React Emotion - dynamic styles
• How does this compare to other style components?
• Glamor Styles
• How do you test something like this?
• Just Glamor React with Emotion
• Can people use the Babel plugin
• Pure flag and function calls
• And much more!

Links:

• Emotion.sh
• Emotion-js/emotion
• emotion.now.sh
• @TKH44

Picks:

Amiee

• Article on Medium
• Antibiotics and Steroids
• RX Bars 

Charles

• Disney Emoji Blitz 
• How To Get A Job  -  JavaScriptJabber.com

Kye

• Styled System
• Face Paint
• Aussie Bites 

Flowers, Sarah, 1952-

Barker Library - Z682.H495 2018

Using SVG is currently the best way to create icon libraries for apps. Icons built with SVG are scalable and adjustable, but also discrete, which allows them to be incrementally loaded and updated. In contrast, icons built as fonts cannot be incrementally loaded or updated. This alone makes SVG icons the better choice for high-performance apps that rely on code-splitting and incremental deploys.

This post describes how to make a package of React components from a library of SVG icons. Although I’m focusing on React, making any other type of package is also possible. At Twitter I used the approach described here to publish the company’s SVG icon library in several different formats: optimized SVGs, plain JavaScript modules, React DOM components, and React Native components.

Using the icons

The end result is a JavaScript package that can be installed and used like any other JavaScript package.

yarnpkg add @acme/react-icons

Each icon is available as an individually exported React component.

import IconCamera from '@acme/react-icons/camera';

This allows your module bundler to package only the icons that are needed, and icons can be efficiently split across chunks when using code-splitting. This is a significant advantage over icon libraries that require fonts and bundle all icons into a single component.

// entire icon library is bundled with your app
import Icon from '@acme/react-icons';
const IconCamera = <Icon name='camera' />;

Each icon is straightforward to customize (e.g., color and dimensions) on a per-use basis.

import IconCamera from '@twitter/react-icons/camera';
const Icon = (
  <IconCamera
    style={{ color: 'white', height: '2em' }}
  />
);

Although the icons render to SVG, this is an implementation detail that isn’t exposed to users of the components.

Creating components

Each React component renders an inline SVG, using path and dimensions data extracted from the SVG source files. A helper function called createIconComponent means that only a few lines of boilerplate are needed to create a component from SVG data.

import createIconComponent from './utils/createIconComponent';
import React from 'react';
const IconCamera = createIconComponent({
  content: <g><path d='...'></g>,
  height: 24,
  width: 24
});
IconCamera.displayName = 'IconCamera';
export default IconCamera;

This is an example of what the createIconComponent function looks like when building components for a web app like Twitter Lite, which is built with React Native for Web.

// createIconComponent.js
import { createElement, StyleSheet } from 'react-native-web';
import React from 'react';

const createIconComponent = ({ content, height, width }) =>
  (initialProps) => {
    const props = {
      ...initialProps,
      style: StyleSheet.compose(styles.root, initialProps.style),
      viewBox: `0 0 ${width} ${height}`
    };

    return createElement('svg', props, content);
  };

const styles = StyleSheet.create({
  root: {
    display: 'inline-block',
    fill: 'currentcolor',
    height: '1.25em',
    maxWidth: '100%',
    position: 'relative',
    userSelect: 'none',
    textAlignVertical: 'text-bottom'
  }
});

Setting the fill style to currentcolor allows you to control the color of the SVG using the color style property instead.

All that’s left is to use scripts to process the SVGs and generate each React component.

Creating icon packages

A complete example of one way to do this can be found in the icon-builder-example repository on GitHub.

The project structure of the example tool looks like this.

.
├── README.md
├── package.json
├── scripts/
    ├── build.js
    ├── createReactPackage.js
    └── svgOptimize.js
└── src/
    ├── alerts.svg
    ├── camera.svg
    ├── circle.svg
    └── ...

The build script uses SVGO to optimize the SVGs, extract SVG path data, and extract metadata. The example packager for React then uses templates to create a package.json and the React icon components shown earlier.

import createIconComponent from './utils/createIconComponent';
import React from 'react';
const ${componentName} = createIconComponent({
  height: ${height},
  width: ${width},
  content: <g>${paths}</g>
});
${componentName}.displayName = '${componentName}';
export default ${componentName};

Additional packagers can be included to build other package types from the same SVG source. When the underlying icon library changes, it only takes a couple of commands to rebuild hundreds of icons and publish new versions of each package.

Last month I wrote about third places ("What is a “third place,” and do you have one?"). Along with some great stories about your favorite third places, I received a few emails blasting me for not mentioning libraries. That was a shock, since Berkshire Publishing has close ties to libraries: we’ve written and published about

The post Karen’s Letter: The Libraries We Love appeared first on Berkshire Publishing.

National Library of Australia. Film Division

Join Us for a Kluge Center Author Salon with Ivan Krastev on The Light That Failed: Why the West Is Losing the Fight for Democracy.

Get your free tickets here.

On Wednesday, February 19, at 4pm in room LJ-119 of the Thomas Jefferson Building, former Kissinger Chair in Foreign Policy and International Relations Ivan Krastev will speak about his new book on Europe’s past, present, and future.

In this insightful work of political history (shortlisted for the prestigious Lionel Gelber Prize), Krastev and co-author Stephen Holmes argue that the supposed end of Communism turned out to be only the beginning of the age of the autocrat. Reckoning with the history of the last thirty years, they show that the most powerful force behind the wave of populist xenophobia that began in Eastern Europe stems from resentment at the post-1989 imperative to become Westernized.

A reception will follow the discussion.

Get your free tickets here.

The event is free, but tickets are recommended. Visit the event ticketing site for more information and to secure your ticket. Entry is not guaranteed.

Questions? Please contact (202) 707-9219 or scholarly@loc.gov

In the Know

A Newsletter of the John W. Kluge Center at the Library of Congress

We at the Kluge Center extend our heartfelt support for all affected by this outbreak and recognize the need for connection in these difficult times. In that spirit, we introduce this newsletter to our supporters and friends who may be missing the intellectual stimulation of our panel discussions and author salons. Below please find helpful links to resources for viewing past discussions, blog posts, and updates for current fellowship applications. We will also use this newsletter to announce upcoming events. If you know others who may also be interested in our activities, please forward this email their way. As always, the Kluge Center remains committed to bringing the best in publicly engaged conversations your way. Be well, and let’s keep the conversation going.

JH, Director

Insights: The Kluge Center’s Blog

It’s a great time to check out the Kluge Center’s blog. We’ve recently published a Women’s History Month look at scholars in residence, an interview with a scholar of the history of energy security and energy policy in the US, and one post in which several scholars shared their most interesting recent finds at the Library.

Fellowship Applications:

We are still processing fellowship applications, and will be assessing whether deadline extensions are appropriate. Please respond to this email if you are currently applying or interested in applying for a fellowship and are having trouble meeting the deadline. Kluge staff will be in touch with you.

Currently open applications:

Kluge Staff Fellowship
Updated Deadline: May 1

Philip Lee Phillips Society Fellowship
Current Deadline: April 15

David B. Larson Fellowship in Health and Spirituality
Current Deadline: May 1

Library of Congress Fellowship in Congressional Policymaking
Current Deadline: June 15

Events:

Public events are currently postponed. Watch this space for updates as we continue monitoring the situation and decide when it is appropriate to begin scheduling in-person public events. In the meantime, dozens of videos of our past events are available on the Library of Congress Youtube.

Social Media:

Be sure to follow our Twitter account to get all the latest on our blog posts, open applications, and any future events.

We Want to Hear From You:

Do you have thoughts on what would make an interesting blog post? What about an idea for event programming when public events are back up and running? Please reply to this email or contact Andrew Breiner at abreiner@loc.gov.

Applications are now open for Kluge Fellowships at the John W. Kluge Center at the Library of Congress.

Twelve Kluge Fellowships are awarded each year through a competitive selection process. Kluge Fellowships are offered for a period of four to eleven months.

Since the inception of the Kluge Center, dozens of Kluge Fellows have gone on to distinguished academic careers; many have made lasting contributions as public intellectuals. Interdisciplinary and cross-cultural research is particularly welcome in the Kluge Fellowship program. The fellowship is open to scholars in the humanities and social sciences with special consideration given to those whose projects demonstrate relevance to contemporary challenges.

Apply here. And check the fellowship requirements and eligibility information here.

The application deadline is currently set for July 15. Please email scholarly@loc.gov if you are applying for this fellowship and having trouble meeting the deadline due to the crisis surrounding the covid-19 epidemic. Kluge staff will be in touch with you.

 Read More...

April 22-26, 2019, the Library of Congress celebrates Preservation Week with programming throughout the week, including behind-the-scenes tours of Preservation at the Library, a Preservation takeover of the Library’s main Twitter account, and tips presented by Library conservators in the Baseball Americana exhibit.

Click here to register for the tours and for more information about the programs to celebrate Preservation Week.

On Friday, June 21st, the Library’s preservation staff will be hosting two (2) behind the scenes tours of preservation labs and services in the James Madison Building. The tour is free, but registration is required and space is limited.

• For the morning tour - Friday, June 21 at 10:00-11:30 am – register here.
• For the afternoon tour - Friday, June 21 at 1:30-3:00 pm – register here.

Click here for more information about preservation programming throughout the week of ALA, including behind-the-scenes tours of Preservation at the Library, an information pavilion at the Exhibition Hall, and an open house in the Jefferson Building.

In 1800, as part of an act of Congress providing for the removal of the new national government from Philadelphia to Washington, President John Adams approved an act of Congress providing $5,000 for books for the use of Congress—the beginning of the Library of Congress.

Since that beginning 220 years ago, the Library has grown to become the largest library in the world with a collection of more than 170 million items that document human creativity and achievement across the centuries and around the globe.

Collecting and providing access to these collections takes on a new meaning and significance in our current world. With social distancing as the norm, and more time spent at home, we want to continue to highlight ways to connect with our content, our knowledgeable staff, and each other during these times. From April 24 to 30, you can celebrate the Library’s 220th birthday by participating in online programs from across the Library, reading themed posts on our blogs and social media channels, and downloading our brand new app to explore the Library’s digital collections from home.

The Library of Congress buildings remain closed to the public, with all public events currently canceled through July 1. Visit our web site for full, up-to-date information about our response to COVID-19. In the meantime, we invite you to our virtual birthday celebration and to continue to engage with us through some of the resources listed below. We look forward to continuing to serve you during this season and beyond.

Sincerely,
Carla Hayden, Librarian of Congress

SPECIAL 220th BIRTHDAY VIDEO EVENTS

Citizen DJ Premiere & Virtual Masterclass
Friday, April 24, 3 p.m. ET

Preview the new Citizen DJ app from Innovator-in-Residence Brian Foo, and discover how to make Hip Hop using the Library’s music collection. Presented by LC Labs.

America's Greatest Library: History of the Library of Congress
Saturday, April 25, 1 p.m. ET

Write. Right. Rite. A "Grab the Mic: Tell Your Story" video series with Jason Reynolds, National Ambassador for Young People's Literature.
Tuesday, April 28, 10:30 a.m. ET

Awareness to Action: Innovate for a Green Future
Wednesday, April 29, 11 a.m. ET

Join the U.S. Copyright Office for their next Copyright Matters lecture that will explore how creators—who through the copyright system can earn a living from their work—can play a key role in creating a vision of a green future and its untold benefits. Registration required.

Social Movement Changing America: The Legacies of the 19th Amendment
Thursday, April 30, 3:30 p.m. ET

A Law Day 2020 event presented by the Law Library of Congress and the American Bar Association. Registration required, space is limited.

Spillover: Animal Infections and the Next Human Pandemic
Thursday, April 30, 7 p.m. ET

Prize-winning science writer David Quammen discusses his book "Spillover," in which he tracks the animal origins of human diseases through the centuries, with National Book Festival Co-Chairman David Rubenstein.

Discover more ways to engage with the Library during our birthday week and beyond:
https://www.loc.gov/engage/

Celebrate National Poetry Month with 50 Newly Available Audio Recordings

The Archive of Recorded Poetry and Literature at the Library of Congress dates back to 1943 and contains nearly two thousand recordings of poets and prose writers participating in literary events at the Library’s Capitol Hill campus as well as sessions at the Library’s Recording Laboratory. New recordings added for 2020 include a 1978 reunion reading featuring 13 of our Consultants in Poetry, and Gwendolyn Brooks reading poems (including the iconic “We Real Cool”) in the Jefferson Recording Laboratory in 1961.

Visit the archive site.
Discover more on this blog post.

Try Activity Kits for the Whole Family

Encourage kids of all ages to use their creativity to complete activities inspired by the Library’s collections. With simple items found around the house and items from our website, kids can Cook Up History, Make a Mini-Book, Color Our Collections, and so much more. Visit the Resources for Family Engagement page to download activity kits and get started today.

https://www.loc.gov/families/

Join the Effort: By the People

We are grateful to all those who transcribe and review pages on the Library's virtual volunteering project By the People launched in 2018. As of the Library’s 220th birthday today, volunteers have transcribed over 125,000 pages from the papers of suffragists including Mary Church Terrell, Lucy Stone, and Susan B Anthony, civil rights activist Rosa Parks, poet Walt Whitman, President Abraham Lincoln, and many others. Once a whole item such as a journal or letter is complete, it is brought back to loc.gov where it radically improves search and discovery for patrons, and accessibility those who use screen readers.

https://crowd.loc.gov/

Preservation Week

National Preservation Week is April 26 – May 2. Preservation of the world's largest collection is accomplished through a broad range of activities distributed across the Library. Learn more about these preservation activities and the work to keep the collections available for the next 220 years and beyond.

https://www.loc.gov/preservation/

Coronavirus Updates from the Copyright Office

The Copyright Office has announced updated flexibility surrounding registration deposits and timing provisions for those affected by COVID-19 as outlined in the Coronavirus Aid, Relief, and Economic Security (CARES) Act. Visit the Copyright Office COVID-19 page for more info.

https://www.copyright.gov/coronavirus/

Support the Library

We are more grateful than ever for all that you do to keep us strong. Whether you support the Library with a gift or simply by spreading the word about what we do, you help us in our mission to connect millions of people around the world with the stories of our collective past, present, and future.

If you haven't yet had a chance to give and you're in a position to donate, please consider making a gift at loc.gov/donate/.

You are subscribed to Cataloging Products and Services News for Library of Congress. This information has recently been updated, and is now available.

You are subscribed to Cataloging Products and Services News for Library of Congress. This information has recently been updated, and is now available.

Attention subscriber to bulletin services from the Library of Congress:

As you may be aware, on May 25, 2018, the EU General Data Protection Regulation EU (2016)/679 (GDPR) came into force in all EU member states. The GDPR applies to “personal data,” meaning any information relating to an identifiable person who can be directly or indirectly identified by reference to an identifier. It requires that personal data be processed lawfully, fairly and in a transparent manner, and that personal data be collected for specified and legitimate purposes.

For those who subscribe to the Library’s email and RSS bulletins, the Library of Congress collects email addresses which can include personal data. The Library of Congress relies on its legitimate interests to process this data so that we can keep you up to date with developments for the topics to which you subscribe. The Library does not make any other use of this data.

The Library respects your personal data and takes care to maintain its confidentiality. You have the right to unsubscribe from the Library’s e-mail newsletters and alerts at any time. You can manage your subscriptions by clicking “Subscriber Preferences” in the box at the bottom of this email.

If you have any questions about the Library’s data privacy policy, please email the Library: ogc@loc.gov

Online Resource

Rotch Library - Z8.E4 B44 2019

Rotch Library - Z6621.T53 T74 2019

Rotch Library - Z665.2.M625 L53 2016

Rotch Library - Z675.A82 H577 2016