Publisher [Hong Kong] : RTHK, c2016.

Location Media Resources Collection

Call No. DS796.H7 H65 2016

Shortages of sugar, rum, gunpowder, textiles, tea and china were among the inconveniences suffered by colonial Americans during the Revolution. Historian Lou Powers describes the deprivations and the substitutions.

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

It's #ThrowbackThursday time again!

From spending time with family to singing and making music, here's how they are keeping themselves busy.

When Prime Minister Narendra Modi called for Janta curfew, quite a few film folk went on social media to stress on his words.

In these times of enforced isolation, what are Bollywood folk up to?

Bollywood is doing everything it can to busy themselves during the national lockdown. And some of them are adding a touch of humour too.

Bollywood stars have a lot of time on their hands.

Wong, Yue-Ling, author

Global M&A volume at USD 4.86 trillion in 2015 was the highest on record for any year, surpassing the previous record of USD 4.61 trillion in 2007.

​ NBFCs have also demanded for extension of the Reserve Bank of India's moratorium to them, relaxation on provisioning norms and additional funding from Small industrial Development Bank of India (SIDBI) and National Bank for Agriculture and Rural Development (NABARD) through refinance mechanism.

While tennis is a lucrative sport for those at the top -- the 2020 Australian Open singles champions each took home A$4.12 million ($2.52 million) -- those in the lower echelons often struggle to make ends meet.

Russo, J. Edward, author

Avolio, Bruce J., author

The Bharatiya Janata Party government has started curtailing the facilities accorded to him

Suspended Trinamool Congress (TMC) MP Kunal Ghosh Saturday appeared before Bidhannagar police commissionerate for eighth time in connection with the Saradha scam.

Suspended TMC MP Kunal Ghosh appeared before the Bidhannagar police commissionerate yet again.

Partha Chatterjee, the minister for commerce and industries, visited the Kharagpur plant of Tata group.

After getting the information a a team of police officials from Manick Chowk police station rushed to the spot.

Taslima had criticised a meeting between AAP''s Arvind Kejriwal and UP cleric Maulana Tauqeer Raza Khan on Twitter.

Bihar Chief Minister Nitish Kumar Monday denied interfering in the probe into the gangrape of a 16-year-old girl, beyond merely responding to people''s 'sentiments'' by deputing a senior police official to visit West Bengal and providing financial assistance to the victim''s family.

A variety of phishing campaigns are taking advantage to distribute malware, steal credentials, and scam users

With the World Bank giving a call to shift focus on agriculture to tackle food crisis, data gleaned from Punjab's villages only add to its urgency.

Just when Valley growers were celebrating the bumper fruit crop and the beginning of cross LoC trade, early snowfall in Kashmir this winter ruined their party.

Fruit production in Jammu and Kashmir has touched 20 lakh metric tonnes this season an all time high thanks to bumper apple crop.

Experts say that even if the weather turns unfavourable, the state may lose only 1 to 1.5 per cent of the crop and still be the highest wheat producing state this year

Madhya Pradesh farmers fare better after picking up tricks of the trade from Punjabi settlers

Until the rains come, dry spots on the Tawa, Narmada and Tapti riverbeds provide a part-time farming option to villagers in Madhya Pradesh

Punjab harvests cocoons twice a year. Hoshiarpur woman shows how to do it three more times.

All analysts are optimistic on the stock, which hasn't seen any downgrade so far

The earnings were better than what most of the analysts had expected. Kotak Securities, for instance, estimated the private lender to log net loss at Rs 4,404.4 crore in the quarter under review

Schneider, Rebecca

Wiles, David, author

Like many of you I’m working from home for a while. As a mental health strategy, I’m going to do some writing and coding in the hour or so I get back each day from not having to commute. The first post, which will follow today, will be my thoughts on working from home. I […]

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

It’s common to present dates on the Web in a format such as "Published on September 12th, 2015", or "09/12/2015 09:41:23".

Each of these examples tells the full date and/or time of some kind of activity – be it a published article, or a reader comment, or perhaps an uploaded video.

Date formats like this might seem perfectly reasonable. After all, they’re informative and human-readable. Well yes, but “human-readable” doesn’t necessary mean users will readily be able to understand how recently the activity has occurred. The Web is a fast-moving place, and giving your content a sense of freshness could be the key to engaging with your audience.

I combined my ideas and practical solutions into an article which you are very welcome to read on SitePoint.

Read the article

See the Demo

WhatsApp is also working directly with NGOs and governments, including the WHO and over 20 national health ministries, to help connect people with accurate information.

'People may frown upon things like role play or the fact that the father is talking to his daughter about sex. But slowly, shows like this will shift the conversation to our homes.'

'If I had become father at a younger age, I would probably have been casual about it.'

'Everyone thought I was a good-looking boy with chocolate hero looks, and was offered such roles only. I was so depressed when people said that a singer's son cannot be an actor; that he should be a singer. I needed a film to showcase my talent.'

'Hopefully, I will become more evolved as a performer in the future.'

'Both Kangana and Rangoli really love me and that's because they give me so much of time and attention from their lives.'

'This is the first time when you see the story of the Azad Hind Fauj through the eyes of the soldiers.'

'Listen to my songs if they make you happy at home.'

Hayden Library - QH527.F66 2017