Online Resource

Dewey Library - HD7261.R588 2018

Online Resource

Dewey Library - HD57.7.R537 2018

Dewey Library - HD7261.V36 2019

Bradford, West Yorkshire, England : MCB University Press : Southern Cross University

What Christians might take away from a godless but moral imagining of the afterlife (and after-afterlife).

Pausacker, Jenny

Hayden Library - QH375.F57 2018

Online Resource

Hayden Library - QP425.M46 2017

Online Resource

Hayden Library - PR6113.A268 P46 2017

Hayden Library - PR3077.L36 2017

Nigeria, Russia, and Florida seem like an odd set, but they all have one thing in common: growing caseloads of HIV. Science Staff Writer Jon Cohen joins host Sarah Crespi to talk about this week’s big read on how the fight against HIV/AIDS is evolving in these diverse locations. Sarah also talks with Armin Raznahan of the National Institute of Mental Health in Bethesda, Maryland, about his group’s work measuring which parts of the human brain are bigger in bigger brains. Adult human brains can vary as much as two times in size—and until now this expansion was thought to be evenly distributed. However, the team found that highly integrative regions are overrepresented in bigger brains, whereas regions related to processing incoming sensory information such as sight and sound tend to be underrepresented.  This week’s episode was edited by Podigy. Listen to previous podcasts. [Image: Misha Friedman; Music: Jeffrey Cook]

A small isolated town in Colombia is home to a large cluster of people with fragile X syndrome—a genetic disorder that leads to intellectual disability, physical abnormalities, and sometimes autism. Spectrum staff reporter Hannah Furfaro joins host Sarah Crespi to discuss the history of fragile X in the town of Ricaurte and the future of the people who live there. Also this week, we talk about greening up grass. Lawns of green grass pervade urban areas all around the world, regardless of climate, but the cost of maintaining them may outweigh their benefits. Host Meagan Cantwell talks with Maria Ignatieva of The University of Western Australia in Perth and the Swedish University of Agricultural Sciences in Uppsala about how lawns can be transformed to contribute to a more sustainable future. This week’s episode was edited by Podigy. Download a transcript of this episode (PDF) Listen to previous podcasts. About the Science Podcast [Image: Adam Kerfoot-Roberts/Flickr; Music: Jeffrey Cook]

Cham : Springer International Publishing : Imprint: Springer, 2014

London ; New York : Routledge, 2008

Hayden Library - SB387.7.P385 2018

Dewey Library - HV6432.H67 2019

Rotch Library - HV8148.N5 H35 2019

Conversations on the encounter's authenticity still abound.

The Government of UP has paid Rs 6.15 crore to the families of the 61 deceased persons.

Gurbaksh Singh is believed to be "continuing" with his hunger strike in jail.

Gunter, Michael M., 1969- author

Campbell, Eric, 1960-

Webster, James G

Both India and Pakistan need to exercise restraint, but we also need to lay down a threshold which says -- this far and no more, says Colonel (retired) Jaibans Singh

D'Aloya de Pinilla, Anna, author

The panelists discuss whether HTML5 and JavaScript can really replace Flash.

Charles Max Wood talks to Filipa Lacerda in this week's My JavaScript Story. Filipa has been working as a front end engineer since 2011 and she currently works at GitLab.

Filipa originally wanted to study Economy but when she got to university she decided to major in Communications thinking it would be a lot more about communication and not as much about coding. At first she really didn't like the coding aspect of it but then as time went by she actually started to enjoy coding.

When she first started working she started out on the User Experience side, but then she wanted to switch to building stuff with code because she wanted to see results really fast and enjoyed that aspect of coding.

Charles asks why she stuck with that degree instead of switching it and Filipa explains that at first because she didn't want to go back and re - take the exams and also decided that this degree offered many job opportunities in many different industries and now she can't imagine herself doing anything else.

Filipa then talks about why she is working with Vue and all the different kind of projects she has done using Vue as well as what working for GitLab looks like on a day to day basis.

Host: Charles Max Wood

Joined by Special Guest:  Filipa Lacerda

Links

• https://devchat.tv/views-on-vue/vov-025-gitlabs-journey-with-vue-with-filipa-lacerda-and-jacob-schatz/

• https://devchat.tv/views-on-vue/vov-009-building-modal-component-with-filipa-lacerda/

• https://filipa.gitlab.io/

• https://twitter.com/FilipaLacerda

Sponsors

• Sentry use the code “devchat” for 2 months free on Sentry small plan

• Adventures in .NET

• Elixir Mix

• CacheFly

Picks

Filipa Lacerda:

• Why We Sleep by Walker PhD, Matthew

Charles Max Wood:

• RxJS Live: Conference

• Nikon D5600 Camera

• RØDE Microphones

Busse, Richard C

This cross-sectional study investigates whether hospital inpatient percutaneous coronary intervention volume is associated with rates of 30-day risk-adjusted mortality and hospital readmission after transcatheter aortic valve replacement and transcatheter mitral valve repair.

The Wallace Earl Dryer World War II map collection consists of Army Map Service maps of Italy and Northwest Europe, a Dutch map of the Western Front, and a German map of Holland. Dryer served in the American army and was a painter and photographer after the war.

With the arrest of Tehsin Akhtar, thought to be Indian Mujahideen (IM) commander of India operations, security agencies have netted another big fish in the fight against terror.

Barker Library - Z682.H495 2018

Online Resource

Hollier, Joel, author

An accessible image replacement method using pseudo-elements and generated-content. This method works with images and/or CSS off, with semi-transparent images, doesn’t hide text from screen-readers or search engines, and provides fallback for IE 6 and IE 7.

Known support: Firefox 1.5+, Safari 3+, Chrome 3+, Opera 9+, IE 8+

What’s wrong with current methods?

The two most widely used image replacement techniques are the Gilder/Levin Method and the Phark Method. Both have different flaws.

The Gilder/Levin Method requires the addition of presentational HTML (an empty span) and doesn’t work with transparent images as the default text shows through. The Phark Method uses a negative text-indent to hide the text and so it is not visible when CSS is on and images are off.

Resurrecting the NIR method

Using pseudo-elements and generated-content as an image replacement technique isn’t a new idea. It was proposed and demonstrated by Paul Nash back in 2006. This is the Nash Image Replacement method.

<h1 class="nir">[content]</h1>

.nir {
   height: 100px; /* height of replacement image */
   padding: 0;
   margin: 0;
   overflow: hidden;
}

.nir:before {
   content: url(image.gif);
   display: block;
}

The height value is equal to that of the replacement image. Setting overflow:hidden ensures that the original content is not visible on screen when the image is loaded. The replacement image is inserted as generated content in the :before pseudo-element which is set to behave like a block element in order to push the element’s original content down.

What about IE 6 and IE 7?

Neither browser supports :before; if you need to support them you’ll have to rely on the Phark method. This can be done using conditional comments or safe IE6/7 hacks to serve alternative styles to legacy versions of IE .

<!--[if lte IE 7]>
<style>
.nir {
   height: 100px;
   padding: 0;
   margin: 0;
   overflow: hidden;
   text-indent: -9000px;
   background: url(image.gif) no-repeat 0 0;
}
</style>
<![endif]-->

Using the NIR method allows you to keep your HTML semantic and deliver improved accessibility to users of modern browsers. The Phark Method can then be served to IE 6 and IE 7.

Improving the NIR method

The first problem with NIR is that if images are disabled all browsers leave whitespace above the element’s content. Opera 10.5 even displays the text string “image”! If the height of the element is small enough this whitespace causes the element’s content to overflow and be partially or completely hidden when images are disabled.

Another consideration is what happens if an image doesn’t exist or fails to load. Safari and Chrome will display a “missing image” icon that cannot be removed. Once again, this can cause the element’s content to overflow and become partially or completely hidden to users.

A more robust version of the NIR method is the following modification:

.nir {
   height: 100px; /* height of replacement image */
   width: 400px; /* width of replacement image */
   padding: 0;
   margin: 0;
   overflow: hidden;
}

.nir:before {
   content: url(image.gif);
   display: inline-block;
   font-size: 0;
   line-height: 0;
}

Setting font-size and line-height to 0 avoids the whitespace problems in all browsers. Setting the element’s width equal to that of the replacement image and getting the pseudo-element to act as an inline-block helps minimise the problems in webkit browsers should an image fail to load.

Ideally browsers would avoid displaying anything in a pseudo-element when its generated-content image fails to load. If that were the case, the original NIR method would be all that is needed.

What about using sprites?

One of the most common uses of image replacement is for navigation. This often involves using a large sprite with :hover and :active states as a background image. It turns out that using sprites is not a problem for modern browsers. When using the modified-NIR method the sprite is included as a generated-content image that is positioned using negative margins.

This is an example that rebuilds the right-hand category navigation from Web Designer Wall using a sprite and the modified-NIR method.

<ul id="nav">
  <li id="nav-item-1"><a href="#non">Tutorials</a></li>
  <li id="nav-item-2"><a href="#non">Trends</a></li>
  <li id="nav-item-3"><a href="#non">General</a></li>
</ul>

/* modified-NIR */

#nav a {
  display: block;
  width: 225px;
  height: 46px;
  overflow: hidden;
}

#nav a:before {
   content:url(sprite.png);
   display:-moz-inline-box; /* for Firefox 1.5 & 2 */
   display:inline-block;
   font-size:0;
   line-height:0;
}

/* repositioning the sprite */

#nav-item-1 a:hover:before,
#nav-item-1 a:focus:before,
#nav-item-1 a:active:before {margin:-46px 0 0;}

#nav-item-2 a:before        {margin:-92px 0 0;}
#nav-item-2 a:hover:before,
#nav-item-2 a:focus:before,
#nav-item-2 a:active:before {margin:-138px 0 0;}

#nav-item-3 a:before        {margin:-184px 0 0;}
#nav-item-3 a:hover:before,
#nav-item-3 a:focus:before,
#nav-item-3 a:active:before {margin:-230px 0 0;}

/* :hover hack for IE8 if no a:hover styles declared */
#nav a:hover {cursor:pointer;}

For some reason IE8 refuses to reposition the image when the mouse is over the link unless a style is declared for a:hover. In most cases you will have declared a:hover styles for the basic links on your webpage, and this is enough. But it is worth being aware of this IE8 behaviour.

The addition of display:-moz-inline-box; is required to reposition the sprite in versions of Firefox prior to Firefox 3.0. They are very rare browsers but I’ve included it in case that level of legacy support is needed.

If you want image replacement in IE 6 and IE 7 the following additional styles can be served to those browsers using conditional comments.

/* Phark IR method */

#nav a {
   text-indent: -9000px;
   background: url(sprite.png) no-repeat;
}

/* repositioning the sprite */

#nav-item-1 a:hover,
#nav-item-1 a:active { background-position: 0 -46px; }

#nav-item-2 a        { background-position: 0 -92px; }
#nav-item-2 a:hover,
#nav-item-2 a:hover  { background-position: 0 -138px; }

#nav-item-3 a        { background-position: 0 -184px; }
#nav-item-3 a:hover,
#nav-item-3 a:active { background-position: 0 -230px; }

/* hack for IE6 */
#nav a:hover { margin: 0; }

The changes are fairly simple. But IE 6 applies the margins declared for a:hover:before to a:hover and so they need to be reset in the styles served to IE 6.

See the modified-NIR (using sprites) demo.