rip

Drip irrigation powered by the sun

Punjab launches solar-powered pumps for drip irrigation to save water and power, draws in farmers with 70% subsidy




rip

Rising costs, political unrest, Covid-19: Triple whammy for tea industry

The tea industry, hit by rising costs, falling prices and political unrest in the North Bengal plantations, is especially vulnerable to the Covid-19 lockdown




rip

Beyond the script : take 3 : drama in the English and literacy classroom / Robyn Ewing and Jennifer Simons with Margery Hertzberg and Victoria Campbell

Ewing, Robyn (Robyn Ann), 1955- author




rip

Real-Time Search in JavaScript

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




rip

Blue emissive dimethylmethylene-bridged triphenylamine derivatives appending cross-linkable groups

Org. Biomol. Chem., 2020, Advance Article
DOI: 10.1039/D0OB00622J, Paper
Kangyu Zhou, Hongfei Pan, Yongjie Zhang, Houchen Wang, Xiaofei Dong, Xiangkui Ren, Xianggao Li, Shirong Wang, Zhijian Chen
Blue-emissive and cross-linkable dimethylmethylene-bridged triphenylamine derivatives were synthesized and their optical and electrochemical properties were investigated.
To cite this article before page numbers are assigned, use the DOI form of citation above.
The content of this RSS Feed (c) The Royal Society of Chemistry




rip

People look at fairy tales in a limited way: Hudson Asia MD Tulika Tripathi

Tulika Tripathi is the managing director of a global talents solutions company, Hudson Asia.




rip

[ASAP] Toward Efficient Triple-Junction Polymer Solar Cells through Rational Selection of Middle Cells

ACS Energy Letters
DOI: 10.1021/acsenergylett.0c00857




rip

Microbial Genomics in Sustainable Agroecosystems. edited by Vijay Tripathi, Pradeep Kumar, Pooja Tripathi, Amit Kishore, Madhu Kamle

Online Resource




rip

Microbial genomics in sustainable agroecosystems. Vijay Tripathi, Pradeep Kumar, Pooja Tripathi, Amit Kashore, editors

Online Resource




rip

How to Add a CSS and JavaScript Sticky Menu to Your Site

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




rip

Smooth Scrolling HTML Bookmarks using JavaScript

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.




rip

Flex Cards Accordion script

jQuery script that uses CSS flexbox to create cards that when clicked on expands to show copious amount of information in a compact, manageable manner.




rip

Tyson Foods, Inc. Recalls Chicken Strip Products due to Possible Foreign Matter Contamination

Tyson Foods, Inc., a Rogers, Ark. establishment, is recalling approximately 69,093 pounds of frozen, ready-to-eat chicken strip products that may be contaminated with extraneous materials, specifically pieces of metal.




rip

Tyson Foods, Inc. Recalls Chicken Strip Products Due to Possible Foreign Matter Contamination

Tyson Foods, Inc., a Rogers, Ark. establishment, is recalling approximately 11,829,517 pounds of frozen, ready-to-eat chicken strip products that may be contaminated with extraneous materials, specifically pieces of metal.




rip

[ASAP] Most Influential Physicochemical and In Vitro Assay Descriptors for Hepatotoxicity and Nephrotoxicity Prediction

Chemical Research in Toxicology
DOI: 10.1021/acs.chemrestox.0c00040




rip

Road trip / Marvin Thompson.

Leeds : Peepal Tree, 2020.




rip

Trip-Hop Pioneer Tricky: Sweet and Naive

Tricky, of Massive Attack fame, shows Wired.com the ropes on becoming a musician and producer.




rip

What's Inside - Teeth Whitening Strips

They’re tiny, sticky pieces that pack a big punch. From hydrogen peroxide to sodium hydroxide, find out which ingredients make up teeth whitening strips, and how they work together to transform coffee- and tartar-stained teeth into pearly whites.




rip

Teen Technorati - The Thiel Fellows Get an Inside Look at Silicon Valley on a Field Trip to the Google Campus

The Thiel fellows get a dose of Silicon Valley life as they visit Google’s collaborative workspace, The Garage. After a demo of Google Glass, the group gets hands-on with an innovation exercise to hone their creativity and team-building skills.




rip

Mission to Pluto: The Story Behind the Historic Trip

It’s taken nine years to get there, but on July 14, 2015 the New Horizons spacecraft will finally fly by its destination: Pluto. Find out how the historic mission to Pluto happened from the people who helped launch it.




rip

New Horizons’ Long Trip to Pluto

After billions of miles and nearly a decade hurtling through space the probe New Horizons will finally pass Pluto and begin to give Earth the closest look at the furthest edges of the solar system.




rip

Surviving Your Trip Without Data | Good As Gold Presented By American Express

No foreign data while traveling abroad? No problem. From navigating map apps in offline mode, to saving digital copies of your important travel documents, this episode of Good As Gold has you covered. Use these tips from travel vlogger Peter Bragiel (pdrop) to survive abroad when your data doesn’t follow you.




rip

Just How Rip-Proof Is the New Herschel Bag?

Herschel makes cool backpacks and now the company has a new line of bags that they say is rip-proof. How rip-proof? We put it through a battery of tests.




rip

A Brain Implant Brings a Quadriplegic’s Arm Back to Life

Ian Burkhart is paralyzed from the neck down, but thanks to an array of electrodes implanted in his brain he's able to swipe credit cards and play video games with his own hands.




rip

Yi’s 4K Camera Is a GoPro Ripoff That’s Better Than a GoPro

GoPro's Hero4 Black costs $500, and the Yi 4K costs $250, which one is better? Not the expensive one.




rip

Ever Trip Too Long on Acid? Here's What Happened in Your Brain

After decades of research, scientists have finally figured out why an LSD high lasts so damn long. That could help turn it into a therapy drug in the future.




rip

These Futuristic Boots Will Prevent Astronauts From Tripping on Mars

Falling can be fatal when exploring another planet, that's why these MIT researchers are creating boots that help astronauts "feel" the ground beneath them to avoid any accidents.




rip

Out of Office with Brent Rose - What High-Tech Gear is Best for the Ultimate Camping Trip

Want to take your upcoming camping trip to the next level? Brent Rose packs a car full of high-tech gear and attempts to pull off the ultimate camping trip. Correction: The jacket is actually called Eddie Bauer EverTherm Down Jacket. We regret the error.




rip

WIRED25: The Future of Work With Patrick Collison, CEO of Stripe

WIRED editor-in-chief Nicholas Thompson spoke with Patrick Collison, CEO of Stripe about the future of work at WIRED's 25th anniversary celebration in San Francisco.




rip

The materials physics companion / Anthony C. Fischer-Cripps

Fischer-Cripps, Anthony C., author




rip

Mine safety science and engineering: health and disaster management / Debi Prasad Tripathy

Online Resource




rip

Dynamic description technology of fractured vuggy carbonate gas reservoirs / Tongwen Jiang, Hedong Sun, Xingliang Deng

Online Resource




rip

Catalogue of selected angiosperm pollen grains from Palaeogene and Neogene sediments of India Surya Kant Mani Tripathi

Online Resource




rip

Nanostrip flexible microwave enzymatic biosensor for noninvasive epidermal glucose sensing

Nanoscale Horiz., 2020, Advance Article
DOI: 10.1039/D0NH00098A, Communication
Qiannan Xue, Zheyu Li, Qikun Wang, Wenwei Pan, Ye Chang, Xuexin Duan
A nanostrip flexible microwave biosensor based on highly ordered nano-1D metamaterials is presented for epidermal trace glucose sensing.
To cite this article before page numbers are assigned, use the DOI form of citation above.
The content of this RSS Feed (c) The Royal Society of Chemistry




rip

A GFP-chromophore-based C3V-symmetric tripodal receptor with selective recognition of Hg(II), Fe(III) and Cr(III)

Mater. Chem. Front., 2020, Accepted Manuscript
DOI: 10.1039/D0QM00108B, Research Article
Chun-Yen Chou, Robert Sung, Wei-Luen Chang, Kuangsen Sung
A novel green-fluorescent-protein-chromophore-based tripodal receptor 1 is synthesized. Its single crystal X-ray diffraction structure looks like a straight, long tube with one end closed. The diameter of the inner cavity...
The content of this RSS Feed (c) The Royal Society of Chemistry




rip

Linking silole to triptycene : a fruitful association

Mater. Chem. Front., 2020, Accepted Manuscript
DOI: 10.1039/D0QM00087F, Research Article
Kassem Amro, Anil K Thakur, Marc Rolland, Arie van der Lee, Vincent Lemaur, Roberto Lazzaroni, Cyril Poriel, Joëlle Rault-Berthelot, Lionel Hirsch, Sébastien Clément, Philippe Gerbier
1,1’-disubstituted-2,3,4,5-tetraphenylsiloles incorporating triptycene moieties Tp-DMTPS and Tp-MPTPS were prepared and characterized. Like other 2,3,4,5-tetraphenylsiloles, both compounds exhibit aggregation-induced emission (AIE) behavior. Unexpectedly, the solid state PL emission of Tp-DMTPS show...
The content of this RSS Feed (c) The Royal Society of Chemistry




rip

The origin of the unusual red-shifted aggregation-state emission of triphenylamine-imidazole molecules: excimers or a photochemical reaction?

Mater. Chem. Front., 2020, 4,1411-1420
DOI: 10.1039/C9QM00737G, Research Article
Jin Liu, Jianai Chen, Yujie Dong, Yue Yu, Shitong Zhang, Jianli Wang, Qingbao Song, Weijun Li, Cheng Zhang
Revealing the actual origin of the unusual red-shifted aggregation-state emission of triphenylamine-imidazole molecules: is the photochemical reaction rather than the excimers.
The content of this RSS Feed (c) The Royal Society of Chemistry




rip

Patron Services: CORRECTION - Orientation to the Manuscript Division

Join the Manuscript Division for a focused research orientation to resources located in the Manuscript Reading Room. Learn how to find materials for your research projects and how to utilize the Manuscript Reading Room’s resources in-person and remotely. The session includes general information on conducting research in the Manuscript Reading Room and time for Q&A about research strategies or steps on specific research projects. All researchers are welcome.

 Date: Saturday, November 16, 2019, 10:00 AM – 11:30 AM EST

 Location: Library of Congress Thomas Jefferson Building, Room LJ-139B

 Click here for more information and to register.

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

 

 

Click here for more information.




rip

Patron Services: Civil Rights in the 20th Century: Personal Papers and Organizational Records in the Manuscript Division

In this session, Manuscript Reference Librarian Edith Sandler will demonstrate how to search for and access personal papers and organizational records documenting the history of the civil rights movement in the 20th century. Time will be included at the end of the session for Q&A about research strategies or steps on specific research projects. All researchers are welcome.

Please note that the maximum class size is 30 researchers unless otherwise indicated.

Individuals requiring accommodations for any of these events are requested to submit a request at least five business days in advance by contacting (202) 707-6362 or ADA@loc.gov.

Patrons are encouraged to arrive 15 minutes prior to the orientation. Seating is available on a first-come basis. Registration does not guarantee entry after the orientation start time.

For more information, please visit: https://www.loc.gov/rr/main/satorient/

 

Date: Saturday, January 25, 10:00 AM – 11:30 AM EST

 

Location: Library of Congress Thomas Jefferson Building, Room LJ-139B

 

Click here for more information and to register.

 

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

 

Click here for more information.




rip

Patron Services: Saturday Research Orientation: Manuscript Division

Join Manuscript Reference Librarian Lara Szypszak for a focused orientation to resources located in the Manuscript Reading Room. This session will share the letters of love from members of congress to their spouses, writers to their paramours, artists to their muses, and more. Celebrate Valentine’s Day (better late than never) with notes of romance found in the Manuscript Division’s collections, and also learn how to find materials for your research projects utilizing the Manuscript Reading Room’s resources in-person and remotely. The session includes general information on conducting research in the Manuscript Reading Room and time for Q&A about research strategies or steps on specific research projects. All researchers are welcome. See the following link for Maps and Floor Plans in the Jefferson Building: https://www.loc.gov/visit/maps-and-floor-plans/thomas-jefferson-building/first-floor/

Date: Saturday, February 15, 10:00 am - 11:30 am EST

Location: Library of Congress Jefferson Building, Room 139B

Click here for more information and to register.

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

 

Click here for more information.




rip

Making games: with JavaScript / Christopher Pitt

Online Resource




rip

Building a 2D game physics engine: using HTML5 and JavaScript / Michael Tanaya, Huaming Chen, Jebediah Pavleas, Kelvin Sung

Online Resource




rip

The advanced game developer's toolkit: create amazing Web-based games with JavaScript and HTML5 / Rex van der Spuy

Online Resource




rip

Introducing JavaScript game development: build a 2D game from the ground up / Graeme Stuart

Online Resource




rip

Let's Build a Multiplayer Phaser Game: With TypeScript, Socket. IO, and Phaser.

Online Resource




rip

[ASAP] Screened Range-Separated Hybrid Functional with Polarizable Continuum Model Overcomes Challenges in Describing Triplet Excitations in the Condensed Phase Using TDDFT

Journal of Chemical Theory and Computation
DOI: 10.1021/acs.jctc.0c00086




rip

[ASAP] Columnar Organization of Carbo[5]helicene Directed by Peripheral Steric Perturbation

Organic Letters
DOI: 10.1021/acs.orglett.0c01421




rip

Jordan triple systems in complex and functional analysis / José M. Isidro

Dewey Library - QA252.5.I85 2019




rip

Phonetics: Transcription, Production, Acoustics, and Perception, 2nd Edition


 

An accessible yet in-depth introductory textbook on the basic concepts of phonetics, fully updated and revised

This broad, interdisciplinary textbook investigates how speech can be written down, how speech is produced, its acoustic characteristics, and how listeners perceive speech. Phonetics: Transcription, Production, Acoustics, and Perception introduces readers to the fundamental concepts of the discipline, providing coverage of all four areas of



Read More...




rip

Watch Florian Schneider (RIP) in Classic Early Kraftwerk Performances

The seventies, am I right….? Not that I can claim to have experienced it firsthand. But if I could have been a witness to any period in pop history it would have been the decade in which experimental fusion movements invaded rock and roll. There was Miles Davis and his protegees, of course. But there […]

Watch Florian Schneider (RIP) in Classic Early Kraftwerk Performances is a post from: Open Culture. Follow us on Facebook, Twitter, and Google Plus, or get our Daily Email. And don't miss our big collections of Free Online Courses, Free Online Movies, Free eBooksFree Audio Books, Free Foreign Language Lessons, and MOOCs.