Online Resource

Barker Library - NC975.5.V45 A2 2019

Rotch Library - N6853.G34 G63 2019

Hayden Library - PQ7798.425.L65 T4613 2017

Online Resource

Online Resource

Online Resource

Online Resource

Dewey Library - JZ6009.P35 K36 2018

Preston, Scott, 1969-

Delorme, Rick, author

Tavani, Herman T., author

Dewey Library - HQ76.2.U5 H475 2019

Barker Library - HQ1421.A85 2018

Dewey Library - B745.O3 O33 2018

Cavallini, Iacopo, author

Monroe, Rachel, author

Online Resource

A broken helmet is discarded and forgotten, only to be resurrected 400 years later by curious archaeologists on Jamestown Island. Curator Michael Lavin describes the effort.

JavaScript debugging the hard way Marcin Szczepanski, Principal Developer Atlassian Error on line 1, column 6532112 of bundle.js? Out of memory error trying to load a CPU profile into the Chrome debugger? Two minutes to see wait and see if a change you made fixed a bug? While upgrading our complex web application from Webpack […]

The post Web Directions Code ’20 session spotlight–JavaScript debugging the hard way appeared first on Web Directions.

Cambridge, Mass. : National Bureau of Economic Research, 2020

Which films are you looking forward to?

Akshay steals the show, and it's nice to see him in full-blown action, feels Namrata Thakker.

'I became busy with my political career.''I am ready now to give some time to my acting career.'

Reliance Entertainment will release its pending films -- Rohit Shetty's Sooryavanshi and Kabir Khan's '83 -- only in theatres.

Goodman, Catherine Cavallaro, author

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

Gordon, V. Scott, author

Elmasri, Ramez, author

Electronic items like the mobile phones, TVs, laptops will be available on the e-commerce platforms from April 20, the official said. However, the delivery vans of the e-commerce companies will need permission from authorities for plying on the roads. According to Wednesday's guidelines, commercial and private establishments were allowed to operate during the extended lockdown.

Some people knit, others do puzzles, and yet others find calm by colouring. Me, I love pixeling. My computer career started with a super basic computer. It didn’t even have a way to store what I programmed. So, every day, I would write myself a small program that allows me to paint on the screen […]

As a huge fan of media on the web, I’m always excited about enhancements to how we can control our media. Maybe I get excited about simple things like the <video> tag and its associated elements and attributes because media on the web started with custom codecs, browser extensions, and Flash. The latest awesome media […]

The post JavaScript Picture-in-Picture API appeared first on David Walsh Blog.

Australia. Parliament. Senate. Foreign Affairs, Defence and Trade Legislation Committee, author, issuing body

There are at least 270 political prisoners in Bengal

GUAVA, called the poor man''s apple, is the sixth most cultivated fruit in India. But the wilt disease has stagnated its yield over the years....

Hatley, Barbara

Cohen, Matthew Isaac

What I meant was scanning the DOM of a page for text equivalents and showing the actual parts of the page, as well as hiding the irrelevant ones. I came up with the technique when I was designing Readerrr’s FAQ page. Take a look at the example:

I have also implemented the solution here on my blog.

How it works

All simple. Let’s take the FAQ page as an example. Here’s a typical markup:

<h1>FAQ</h1>
<div class="faq">
	<input type="search" value="" placeholder="Type some keywords (e.g. giza, babylon, colossus)" />
	<ul>
		<li id="faq-1">
			<h2><a href="#faq-1">Great Pyramid of Giza</a></h2>
			<div>
				<p>The Great Pyramid of Giza <!-- ... --></p>
				<!-- ... -->
			</div>
		</li>
		<li id="faq-2">
			<h2><a href="#faq-2">Hanging Gardens of Babylon</a></h2>
			<div>
				<p>The Hanging Gardens of Babylon <!-- ... --></p>
				<!-- ... -->
			</div>
		</li>
		<!-- ... -->
	</ul>
	<div class="faq__notfound"><p>No matches were found.</p></div>
</div>

I wrote a tiny piece of JavaScript code to handle the interaction and this is how it works:

1. When the page loads, the script indexes the content of all li’s into browser’s memory.
2. When a user types text into the search field, the script searches for equivalents among the indexed data and hides the corresponding li’s where no equivalents were found. If nothing found, a message is shown.
3. The script highlights the text equivalents by replacing phases, for example, babylon becomes <span class="highlight">babylon</span>.

Now, try it yourself:

Demo

Taking it further

Since I chose FAQ page as an example, there are some issues to deal with.

Toggling the answers

It is a good practice to hide the answers by default and show them only when user needs them, that is to say when they press the question:

.faq > ul > li:not( .is-active ) > div
{
	display: none;
}

$( document ).on( 'click', '.faq h2 a', function( e )
{
	e.preventDefault();
	$( this ).parents( 'li' ).toggleClass( 'is-active' );
});

In the CSS part I use child combinator selector > because I don’t want to select and, therefore, to hide the elements of an answer, which may contain lists and div’s.

What if JavaScript is disabled

The user won’t be able to see the answers. Unless you show them by default or develop a JavaScript-less solution. To do this, take a closer look at these fragments of the markup:

• <li id="faq-1">
• <a href="#faq-1">

The usage of fragment identifiers enables us to take the advantage of CSS’s pseudo selector :target:

.faq > ul > li:not( :target ) > div
{
	display: none;
}

Furthermore, the real-time search is not possible as well. But you can either provide a sever-side search possibility or hide the search field and so as not to confuse the user:

<html class="no-js">
	<head>
		<!-- remove this if you use Modernizr -->
		<script>(function(e,t,n){var r=e.querySelectorAll("html")[0];r.className=r.className.replace(/(^|s)no-js(s|$)/,"$1$2")})(document,window,0);</script>
	</head>
</html>

I added a class name no-js to <html> element. The <script> part removes that class name. If JavaScript support is disabled in a browser, the class name won’t be removed; therefore:

.no-js .faq input
{
	display: none;
}

The no-js is a very handy technique, you can use it site-wide.

Improving UX

If there is only one list item that matches user’s query, it is a good practice to automatically show the content of that item, without requiring to press the title. To see what I mean, head over the GIF at the beginning of the post.

Hidden keywords

Here on my blog I have a filterable list of blog post titles only. Each post has some related keywords assigned. So, during the search, how do I make an item discoverable even if the title does not consist of a particular keyword? For example, how can I make the entry “Real-Time Search in JavaScript” visible if a user entered “jquery”? Yes, exactly, that is adding keywords and hiding them with CSS:

<li>
	<h2><a href="/real-time-search-in-javascript">Real-Time Search in JavaScript</a></h2>
	<p class="hidden-keywords" aria-hidden="true">jquery filter input html css</p>
</li>

.hidden-keywords
{
	display: none;
}

A simple trick but not always that obvious.

You will find two versions of the code in the source of the demo: without dependencies and jQuery-dependent. These versions are also divided into three groups of code so you can adapt only what your project needs.

Demo

At just 13 years, Malavath Poorna from Telangana has become the youngest female climber in the world to scale Mount Everest. Speaking with Rohit E David, Poorna discussed how she has emerged from a family of agricultural labourers to become a mountaineer, the difficulties she faced while navigating Mount Everest, the one thought that kept her going — and how she wants to climb many more mountains now.

Motorola is back in the flagship game with premium Edge series.

Please us for our next Homegrown Concert:

Jones Benally Family Dancers
Navajo (Diné) traditional dance from Arizona
TUESDAY, SEPTEMBER 10, 2019, 12:00 PM
Coolidge Auditorium, Ground Floor
Thomas Jefferson Building
The Library of Congress

World Champion hoop dancer and traditional healer Jones Benally, his daughter Jeneda, his son Clayson, and his three young grandchildren form the Jones Benally Family Dancers. Navajo dance is a sacred tradition encompassing a wide variety of forms, all of which aim to heal the body, mind, or spirit. When presented outside the Navajo community, these dances are modified for public viewing, but they retain their deep capacity to move hearts and minds. The family sings, chants, plays traditional rhythm instruments, and performs a repertoire of over 20 dances, including traditional forms such as basket dance, eagle dance, feather dance, and corn grinding. They are particularly well known for the hoop dance, in which they evoke traditional figures and shapes using five, nine, a dozen, or many more hoops.

Jones Benally is a respected elder of the Navajo Nation in northeastern Arizona. His skill as a hoop dancer has won him worldwide acclaim and multiple world champion titles as well as the first Heard Museum Hoop Dance Legacy Award. Jones was featured as a singer in the 1993 film Geronimo. He works as a traditional healer, and was among the first traditional medical practitioners to be employed by a "Western" medical facility, where he worked for nearly 20 years. Jones Benally is also recognized by the state of Arizona as an Arizona Indian Living Treasure. Jeneda and Clayson Benally have performed with their father for over three decades, and have also made their mark (along with brother Klee) as the Native American Music Award-winning "alter-Native" punk band Blackfire. The siblings' newest project is the duo Sihasin ("hope"). Jones Benally's grandchildren are the next generation to take up the family legacy of Navajo music and dance.

Request ADA accommodations five days in advance at 202-707-6362 or ADA@loc.gov

More information is at this link!

Online Resource

See the two ways to add a sticky horizontal menu to your site, plus 7 beautiful examples of this pattern out in the wild.

See how to use native JavaScript to create smooth scrolling HTML bookmark links inside the page, and for those that need legacy browser support, using jQuery instead.

Tickets are still available for these upcoming events in the National Book Festival Presents series:

Nov. 6 – Karen Armstrong discusses her new book, “The Lost Art of Scripture: Rescuing the Sacred Texts.” Armstrong is the author of numerous groundbreaking works on world religions and speaks often on how faith shapes civic conversation. Click here for ticket information.

Nov. 8 – Brad Meltzer & Chris Eliopoulos present their new PBS KIDS series, “Xavier Riddle and the Secret Museum,” based on their books for children, “Ordinary People Change the World,” featuring the newest titles, “I Am Walt Disney” and “I Am Marie Curie.” The PBS KIDS series, premiering Nov. 11, will introduce kids to inspiring historical figures and the character virtues that helped them succeed. Click here for ticket information.

Nov. 13 – André Aciman discusses his new book, “Find Me,” the sequel to his bestselling “Call Me By Your Name,” which was made into an Academy Award-winning film. Click here for ticket information.

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

No matter the danger&mash;a torrent of gizmos or an avalanche of snow—this North Face system will have your back (Saint Bernard and brandy not included).

Hover your way across the room with this homemade GeekDad hovercraft.

In 1983 after the critical and commercial failure of Atari’s E.T. the Extra-Terrestrial video game, the company allegedly dumped millions of cartridges into a landfill in Alamogordo, N.M. Now, more than 30 years later, the site is being excavated and filmed for an upcoming docu-series by The Incredible Hulk screenwriter Zak Penn. The day before the big dig we headed south to talk with Penn about the urban legend. Plus, check out our exclusive first look at the excavation site.