WILL KELLEHER AT THE TOKYO STADIUM: Gatland will depart having won three Six Nations Grand Slams and got to two World Cup semi-finals and he hopes his work will not be wasted.

Vehicles have long been a true reflection of the progress of man. The innovations in the field of auto have been paralleled by very few. 29th of January is regarded as World Automotive Day. A tribute to all things on wheels, the day reflects upon ...

Many people saw more than the last moments of Ahmaud Arbery's life when a video emerged this week of white men armed with guns confronting the black man, a struggle with punches thrown, three shots fired and Arbery collapsing dead. The February 23 shooting in coastal Georgia is drawing comparisons to a much darker period of US history when extrajudicial killings of black people, almost exclusively at the hands of white male vigilantes, inflicted racial terror on African Americans. It frequently happened with law enforcement complicity or feigned ignorance. The footage of Arbery's death was not the only thing that rattled the nation's conscience. It took more than two months for his pursuers who told police they suspected he was a burglar to be arrested and taken into custody. That is fuelling calls for the resignation of local authorities who initially investigated the case and reforms of Georgia's criminal justice system. The modern-day lynching of Mr. Arbery is yet another ...

Former Golden State Warrior Andre Iguodala talks to WSJ's Lee Hawkins about being an active tech investor, his commitment to opening doors for other athletes and people of color, and the benefits of having a "strict" mother.

Samuel Eto'o said Lionel Messi showed greatness even as an FC Barcelona B player.

Maharashtra Chief Minister Uddhav Thackeray and Deputy Chief Minister Ajit Pawar expressed grief over Rishi Kapoor's death.

Cham, Switzerland : Springer, [2019]

Cham, Switzerland : Palgrave Macmillan, [2019]

Written by Ina R. Bort Recently acquired by the New-York Historical Society, this small plate adorned with the “Votes for Women” slogan is linked to Alva Vanderbilt Belmont, a notable New Yorker whose fascinating, improbable life trajectory began as a society doyenne and ended as suffrage activist. This, the first of three posts, explores perhaps the...

The post Suffrage on the Menu: Traces of the Life and Legacy of Alva Vanderbilt Belmont appeared first on Behind The Scenes.

If you’ve ever visited the New-York Historical Society, you’ve probably enjoyed saying hello to (or even taking a selfie with!) our Frederick Douglass statue outside our 77th Street entrance. While we’re thrilled to celebrate his work every day as he welcomes visitors to the Museum, we’re especially excited this year to celebrate his life and...

The post Family, Legacy, and Citizenship: Celebrating Frederick Douglass at 200 appeared first on Behind The Scenes.

It is fitting that the exhibition Black Citizenship in the Age of Jim Crow coincides with Betye Saar: Keepin’ It Clean, for it is the legacy of Jim Crow that the contemporary artists Betye Saar tackles. Black Citizenship begins with the struggle for equality during the tumultuous years of Reconstruction and ends with the late-19th and 20th century...

The post Betye Saar: Reclaiming the Legacy of Jim Crow appeared first on Behind The Scenes.

Hayden Library - E185.86.S56 2016

Rotch Library - N6260.K87 2019

Dewey Library - NC1766.U52 P38 2019

In honor of Black History Month, Kimberlin Butler, director of foundation engagement, provides an account of Dr. Sadie Tanner Mossell Alexander’s notable career as a Black economist and lawyer and how her legacy is inspiring a new generation of changemakers.

Zahavi, Dan, author

Hayden Library - HT1321.C47 2018

Edgell, David L., Sr. (David Lee), 1938-

Whyman, Rose

Hayden Library - PQ2627.E4 Z899 2016

Ever since the idea of writing was conceived, humans have recorded historical events, the occurrences in our daily lives and even our deepest thoughts and feelings in diaries or journals. They reveal what our ancestors cared and thought about and handed down wisdom from one generation to the next. Social media has quickly moved into the space once occupied by personal diaries, although how we use it isn’t quite the same anymore. Two-way conversation A diary entry is usually a thoughtful process.

complete article

MEDIA PhonCD J C662 mas v.2

MEDIA PhonCD P W864 leg

Online Resource

Taylor & Francis

Online Resource

Mayo, Peter, 1955- author

Online Resource

Canales, Carmelo, author

Hayden Library - PR595.W6 L67 2017

This report presents the findings from Mathematica’s cumulative review of the John D. and Catherine T. MacArthur Foundation’s Maternal Health Quality of Care (MHQoC) strategy in India.

Mathematica released findings from its cumulative review of the John D. and Catherine T. MacArthur Foundation’s Maternal Health Quality of Care (MHQoC) strategy in India.

Dewey Library - GC222.B87 M44 2019

Martin, Benjamin F., 1947-

Taking a “mobile first” approach to web development poses some challenges if you need to provide a “desktop” experience for legacy versions of IE. Using a CSS pre-processor like Sass can help.

As of Sass 3.2, there is another way of catering for IE, described by Jake Archibald.

One aspect of a “mobile first” approach to development is that your styles are usually gradually built up from a simple base. Each new “layer” of CSS adds presentational adjustments and complexity, via CSS3 Media Queries, to react to and make use of additional viewport space. However, IE 6/7/8 do not support CSS3 Media Queries. If you want to serve IE 6/7/8 something more than just the base CSS, then you need a solution that exposes the “enhancing” CSS to those browsers.

Popular existing options

An existing option is the use of a CSS3 Media Query polyfill, such as Respond.js. However, there are some drawbacks to this approach (see the project README), such as the introduction of a JavaScript dependency and the XHRing of your style sheets, which may introduce performance or cross-domain security issues. Furthermore, adding support for CSS3 Media Queries is probably not necessary for these legacy browsers. The main concern is exposing the “enhancing” CSS.

Another method, which Jeremy Keith has described in his post on Windows mobile media queries, is to use separate CSS files: one basic global file, and an “enhancing” file that is referenced twice in the <head> of the document. The “enhancing” file is referenced once using a media attribute containing a CSS3 Media Query value. This prevents it being downloaded by browsers (such as IE 6/7/8) which do not support CSS3 Media Queries. The same file is then referenced again, this time wrapped in an IE conditional comment (without the use of a CSS3 Media Query value) to hide it from modern browsers. However, this approach becomes somewhat cumbersome, and introduces multiple HTTP requests, if you have multiple breakpoints in your responsive design.

Getting Sass to help

Sass 3.1 provides some features that help make this second approach more flexible. The general advantages of the Sass-based approach I’ve used are:

1. You have full control over how your style sheets are broken up and reassembled.
2. It removes the performance concerns of having to reference several separate style sheets for each breakpoint in the responsive design, simply to cater for IE 6/7/8.
3. You can easily repeat large chunks of CSS in separate compiled files without introducing maintenance problems.

The basic idea is to produce two versions of your compiled CSS from the same core code. One version of your CSS includes CSS3 @media queries and is downloaded by modern browsers. The other version is only downloaded by IE 6/7/8 in a desktop environment and contains no CSS3 @media queries.

To do this, you take advantage of the fact that Sass can import and compile separate .scss/.sass files into a single CSS file. This allows you to keep the CSS rules used at any breakpoint completely separate from the @media query that you might want it to be a part of.

This is not a CSS3 Media Query polyfill, so one assumption is that IE 6/7/8 users will predominantly be using mid-size screens and should receive styles appropriate to that environment. Therefore, in the example below, I am making a subjective judgement by including all the breakpoint styles up to a width of 960px but withholding those for any breakpoints beyond that.

The ie.scss file imports numerous other files, each containing a layer of CSS that builds upon the previous each layer of CSS. No CSS3 @media queries are contained within the files or the ie.scss file. It then compiles to a single CSS file that is designed to be served only to IE 6/7/8.

// ie.scss

@import "base";
@import "320-up";
@import "480-up";
@import "780-up";
@import "960-up";

The style.scss file imports the code for each breakpoint involved in the design (including any beyond the limit imposed for legacy versions of IE) but nests them within the relevant CSS3 @media query. The compiled version of this file is served to all browsers apart from IE 6/7/8 and IEMobile.

// style.scss

@import "base";
@media (min-width:320px) {
    @import "320-up"; }
@media (min-width:480px) {
    @import "480-up"; }
@media (min-width:780px) {
    @import "780-up"; }
@media (min-width:960px) {
    @import "960-up"; }
@media (min-width:1100px) {
    @import "1100-up"; }

The resulting CSS files can then be referenced in the HTML. It is important to hide the ie.css file from any IE-based mobile browsers. This ensures that they do not download the CSS meant for desktop versions of IE.

<!--[if (gt IE 8) | (IEMobile)]><!-->
<link rel="stylesheet" href="/css/style.css">
<!--<![endif]-->

<!--[if (lt IE 9) & (!IEMobile)]>
<link rel="stylesheet" href="/css/ie.css">
<![endif]-->

This Sass-enabled approach works just as well if you need to serve a basic style sheet for mobiles without CSS3 Media Query support, and prevent those devices from downloading the CSS used to adapt the layout to wider viewports. For example, you can avoid importing base.scss into the ie.scss and style.scss files. It can then be referenced separately in the HTML.

<link rel="stylesheet" href="/css/base.css">
<link rel="stylesheet" href="/css/style.css" media="(min-width:320px)">

<!--[if (lt IE 9) & (!IEMobile)]>
<link rel="stylesheet" href="/css/ie.css">
<![endif]-->

You’ll notice that I didn’t wrap the style.css reference in a conditional comment to hide it from legacy versions of IE. It’s not necessary this time because the value of the media attribute is not understood by legacy versions of IE, and the style sheet will not be downloaded.

In different circumstances, different combinations of style sheets and media attribute values will be more appropriate.

Summary

Even if you want to don’t want to use any of the Sass or SCSS syntax, the pre-processor itself can help you to write your CSS in a “mobile first” manner (with multiple breakpoints), provide a “desktop” experience for IE 6/7/8, and avoid some of the performance or maintenance concerns that are sometimes present when juggling the two requirements.

I’m relatively new to using Sass, so there may be even better ways to achieve the same result or even to prevent the inclusion of IE-specific CSS unless the file is being compiled into a style sheet that only IE will download.

Oestergaard, Kris, 1973- author

Frisendal, Thomas. author

Rotch Library - KF3050.A78 2018

Rotch Library - HT384.U5 L44 2019

Online Resource

STACK BOOKS ML1092.J47 2020

Hayden Library - TL793.C377 2018

Hayden Library - TL789.8.U6 L27 2019

Rotch Library - DT310.3.M56 2016

Rotch Library - DS272.N68 2019