Latest ies news

ies

[ASAP] Synthesis of Water-Soluble Thioglycosylated <italic toggle="yes">trans</italic>-A<sub>2</sub>B<sub>2</sub> Type Porphyrins: Cellular Uptake Studies and Photodynamic Efficiency

By feedproxy.google.com
Published On :: Mon, 04 May 2020 04:00:00 GMT

The Journal of Organic Chemistry

DOI: 10.1021/acs.joc.9b03491

ies

Direct Identification of Fish Species by Surface Molecular Transferring

By feeds.rsc.org
Published On ::

Analyst, 2020, Accepted Manuscript
DOI: 10.1039/D0AN00510J, Paper

Mingke Shao, Hongyan Bi
With the expanding of the aquatic market and the large quantity of seafood consumption, the issues on safety, traceability and authenticity of seafood are becoming more and more important. Herein,...
The content of this RSS Feed (c) The Royal Society of Chemistry

ies

Lipidomic profiling of virus infection identifies mediators that resolve herpes simplex virus-induced corneal inflammatory lesions

By feeds.rsc.org
Published On ::

Analyst, 2020, Advance Article
DOI: 10.1039/D0AN00263A, Paper

Cuiping Zhang, Zuojian Hu, Ke Wang, Lujie Yang, Yue Li, Hartmut Schlüter, Pengyuan Yang, Jiaxu Hong, Hongxiu Yu
11(12)-EET derived from arachidonic acid (AA) inhibits Herpes Simplex Virus (HSV) replication.
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

ies

[ASAP] Nucleic Acid Detection Using CRISPR/Cas Biosensing Technologies

By feedproxy.google.com
Published On :: Tue, 17 Mar 2020 04:00:00 GMT

ACS Synthetic Biology

DOI: 10.1021/acssynbio.9b00507

ies

[ASAP] Blue-Light-Switchable Bacterial Cell–Cell Adhesions Enable the Control of Multicellular Bacterial Communities

By feedproxy.google.com
Published On :: Wed, 15 Apr 2020 04:00:00 GMT

ACS Synthetic Biology

DOI: 10.1021/acssynbio.0c00054

ies

[ASAP] Update to Our Reader, Reviewer, and Author Communities—April 2020

By feedproxy.google.com
Published On :: Wed, 22 Apr 2020 04:00:00 GMT

ACS Synthetic Biology

DOI: 10.1021/acssynbio.0c00216

ies

[ASAP] Structure-Based Bioisosterism Yields HIV-1 NNRTIs with Improved Drug-Resistance Profiles and Favorable Pharmacokinetic Properties

By feedproxy.google.com
Published On :: Wed, 22 Apr 2020 04:00:00 GMT

Journal of Medicinal Chemistry

DOI: 10.1021/acs.jmedchem.0c00117

ies

[ASAP] Update to Our Reader, Reviewer, and Author Communities—April 2020

By feedproxy.google.com
Published On :: Thu, 23 Apr 2020 04:00:00 GMT

Journal of Medicinal Chemistry

DOI: 10.1021/acs.jmedchem.0c00641

ies

[ASAP] Structure-Based Design of Highly Potent HIV-1 Protease Inhibitors Containing New Tricyclic Ring P2-Ligands: Design, Synthesis, Biological, and X-ray Structural Studies

By feedproxy.google.com
Published On :: Wed, 29 Apr 2020 04:00:00 GMT

Journal of Medicinal Chemistry

DOI: 10.1021/acs.jmedchem.0c00202

ies

[ASAP] Design, Synthesis, and Mechanism Study of Benzenesulfonamide-Containing Phenylalanine Derivatives as Novel HIV-1 Capsid Inhibitors with Improved Antiviral Activities

By feedproxy.google.com
Published On :: Wed, 29 Apr 2020 04:00:00 GMT

Journal of Medicinal Chemistry

DOI: 10.1021/acs.jmedchem.0c00015

ies

[ASAP] Ruthenium(II) Complex Containing a Redox-Active Semiquinonate Ligand as a Potential Chemotherapeutic Agent: From Synthesis to <italic toggle="yes">In Vivo</italic> Studies

By feedproxy.google.com
Published On :: Thu, 07 May 2020 04:00:00 GMT

Journal of Medicinal Chemistry

DOI: 10.1021/acs.jmedchem.0c00431

ies

[ASAP] Therapeutic Potential of Targeted Nanoparticles and Perspective on Nanotherapies

By feedproxy.google.com
Published On :: Thu, 02 Apr 2020 04:00:00 GMT

ACS Medicinal Chemistry Letters

DOI: 10.1021/acsmedchemlett.0c00075

ies

[ASAP] Chiral Analogues of PFI-1 as BET Inhibitors and Their Functional Role in Myeloid Malignancies

By feedproxy.google.com
Published On :: Tue, 07 Apr 2020 04:00:00 GMT

ACS Medicinal Chemistry Letters

DOI: 10.1021/acsmedchemlett.9b00625

ies

[ASAP] Update to Our Reader, Reviewer, and Author Communities—April 2020

By feedproxy.google.com
Published On :: Wed, 22 Apr 2020 04:00:00 GMT

ACS Medicinal Chemistry Letters

DOI: 10.1021/acsmedchemlett.0c00206

ies

[ASAP] De-risking Drug Discovery of Intracellular Targeting Peptides: Screening Strategies to Eliminate False-Positive Hits

By feedproxy.google.com
Published On :: Tue, 05 May 2020 04:00:00 GMT

ACS Medicinal Chemistry Letters

DOI: 10.1021/acsmedchemlett.0c00022

ies

Contextual styling with custom properties

By simurai.com
Published On :: Sun, 01 Apr 2018 00:00:00 +0000

Something I’ve been wanting for a long time, define different regions like a footer section, or side bar and not have to deal with all the contextual styling hassle. A.k.a. “Now that this button is used on a dark background, the button needs to change its colors too. Where should the styles live?”. Here an old post about struggling with contextual styling.

So then the other day I was doing some experiments with using custom properties for Atom’s UI. Turns out, using custom properties might make contextual styling a bit easier. For the rest of the post, let’s switch to a more simple example. A page where the main area is light, but then has a dark hero and footer section. Like this:

In the past, I probably would’ve created variations like Button--dark or overwrote it with header .Button {…}. Depends a bit on the project. Here another approach: Create themes with a set of variables, then apply the theme to the different areas.

1. Default theme

First let’s define our default theme with a bunch of variables.

[data-theme="default"] {
  --fg:         hsl(0,0%,25%);
  --border:     hsl(0,0%,75%);
  
  --bg:         hsl(0,0%,95%);
  --button-bg:  hsl(0,0%,99%);
  --input-bg:   hsl(0,0%,90%);
}

Then we create some components where we use the variables defined above.

[data-theme] {
  color: var(--fg);
  background-color: var(--bg);
}

.Button {
  color: var(--fg);
  border: 1px solid var(--border);
  background-color: var(--button-bg);
}

.Input {
  color: var(--fg);
  border: 1px solid var(--border);
  background-color: var(--input-bg);
}

And lastly we add the [data-theme="default"] attribute on the body so that our components will pick up the variables.

<body data-theme="default">

If you wonder why use data-theme attributes over classes? Well, no specific reason. Maybe with attributes, it’s a hint that only one theme should be used per element and is more separated from your other classes.

At this point we get this:

See the Pen Contextual styling with custom properties (1/3) by simurai (@simurai) on CodePen.

2. Dark theme

But our designer wants the hero and footer to be dark. Alright, let’s define another theme region.

[data-theme="dark"] {
  --fg:         hsl(0,10%,70%);
  --border:     hsl(0,10%,10%);
  
  --bg:         hsl(0,0%,20%);
  --button-bg:  hsl(0,0%,25%);
  --input-bg:   hsl(0,0%,15%);
}

And add the theme attribute to the header and footer.

<header data-theme="dark">
<footer data-theme="dark">

Which gives us this:

See the Pen Contextual styling with custom properties (2/3) by simurai (@simurai) on CodePen.

The reason why this works is that custom properties cascade and can be overridden on nested elements, just like normal properties.

3. Hero theme

A few months pass and our designer comes back with a redesigned hero section. “To make it look fresh” with a splash of color.

No problem! Just like with the dark theme, we define a new “hero” theme.

[data-theme="hero"] {
  --fg:         hsl(240,50%,90%);
  --border:     hsl(240,50%,10%);
  
  --bg:         hsl(240,33%,30%);
  --button-bg:  hsl(240,33%,40%);
  --input-bg:   hsl(240,33%,20%);
}

<header data-theme="hero">

And here is that fresh hero:

See the Pen Contextual styling with custom properties (3/3) by simurai (@simurai) on CodePen.

It’s also not limited to colors only, could be used for sizes, fonts or anything that makes sense to define as variables.

Benefits

Using these theme “regions” lets your components stay context un-aware and you can use them in multiple themes. Even on the same page.

Developers can add components, move components around, without having to know about in what context (theme) they live. The markup for the components stays the same.
Design systems authors can create new components without worrying about where they get used, the variables used in components stay the same.
Designers can define new theme regions, or change existing ones, without having to make changes to a component’s HTML or CSS, it stays the same.

Less time to talk about who, how and where, more time to talk about the weather. ☔️????

Concerns

Yeah, right. The big question: But does it scale? Can this be used for all use cases.

Ok, I’m pretty sure it doesn’t fit all situations. There are just too many to find a single solution for them all. And I’m actually not sure how well it scales. I guess it works great in these simple demos, but I have yet to find a larger project to test it on. So if you have used (or plan to use) this approach, I’m curious to know how it went.

A concern I can imagine is that the list of variables might grow quickly if themes have totally different characteristics. Like not just a bit darker or lighter backgrounds. Then you might need to have foreground and border colors for each component (or group of components) and can’t just use the general --fg and --border variables. Naming these variables is probably the hardest part.

Update I

@giuseppegurgone made an interesting comment:

in suitcss projects I used to define component level custom props, theme variables and then create themes by mapping the former to the latter suitcss-toolkit

So if I understood it correctly, by mapping theme variables to component variables, you could avoid your theme variables from growing too much and you can decide for each component how to use these theme variables.

Update II

If it’s too early to use custom properties in your project, @szalonna posted an example how to do something similar in SCSS.

ies

Gordon Parks: the new tide, early work, 1940-1950 / Philip Brookman ; with essays by Maurice Berger, Sarah Lewis, Richard J. Powell, Deborah Willis ; series editor, Peter W. Kunhardt, Jr

By library.mit.edu
Published On :: Sun, 23 Feb 2020 06:00:02 EST

Rotch Library - TR647.P37 2018

ies

Herbst im paradies: The autumn of paradise / Jean-Luc Mylayne

By library.mit.edu
Published On :: Sun, 23 Feb 2020 06:00:02 EST

Rotch Library - TR729.B5 H47 2018

ies

On desire: BIII / Herausgeber, Bernd Kracke, Marc Ries

By library.mit.edu
Published On :: Sun, 23 Feb 2020 06:00:02 EST

Rotch Library - N6498.V53 B15 2018

ies

Situating global art: topologies, temporalities, trajectories / Sarah Dornhof, Nanne Buurman, Birgit Hopfener, Barbara Lutz (eds.)

By library.mit.edu
Published On :: Sun, 23 Feb 2020 06:00:02 EST

Rotch Library - N72.G55 S58 2018

ies

Studies in Armenian art: collected papers / by Nira Stone ; edited by Michael E. Stone, Asya Bereznyak

By library.mit.edu
Published On :: Sun, 23 Feb 2020 06:00:02 EST

Rotch Library - N7274.S76 2019

ies

Voyaging out: British women artists from suffrage to the sixties / Carolyn Trant

By library.mit.edu
Published On :: Sun, 1 Mar 2020 06:00:02 EST

Rotch Library - N8354.T72 2019

ies

The art of return: the sixties & contemporary culture / James Meyer

By library.mit.edu
Published On :: Sun, 8 Mar 2020 06:00:02 EDT

Rotch Library - N6512.M479 2019

ies

Renaissance futurities: science, art, invention / edited by Charlene Villaseñor Black and Mari-Tere Álvarez

By library.mit.edu
Published On :: Sun, 22 Mar 2020 06:00:01 EDT

Dewey Library - N72.S3 R46 2020

ies

À l'orientale: collecting, displaying and appropriating Islamic art and architecture in the 19th and early 20th centuries / edited by Francine Giese, Mercedes Volait, Ariane Varela Braga

By library.mit.edu
Published On :: Sun, 12 Apr 2020 06:00:01 EDT

Rotch Library - N6260.A12 2020

ies

Faceless: re-inventing privacy through subversive media strategies / Bogomir Doringer, Brigitte Felderer (eds.) ; translation from German into English, Chris Marsh

By library.mit.edu
Published On :: Sun, 19 Apr 2020 06:00:02 EDT

Rotch Library - NX650.P64 F3313 2018

ies

Affect, emotion, and subjectivity in early modern Muslim Empires: new studies in Ottoman, Safavid, and Mughal art and culture / edited by Kishwar Rizvi

By library.mit.edu
Published On :: Sun, 26 Apr 2020 06:00:01 EDT

Rotch Library - NX650.E46 A39 2018

ies

Art after money, money after art: creative strategies against financialization / Max Haiven

By library.mit.edu
Published On :: Sun, 26 Apr 2020 06:00:01 EDT

Rotch Library - N8353.H35 2018

ies

Designs for different futures / Kathryn B. Hiesinger & Michelle Millar Fisher, Emmet Byrne, Maite Borjabad López-Pastor & Zoë Ryan ; with Andrew Blauvelt, Colin Fanning, and Orkan Telhan ; contributions by Juliana Rowen Barton [and 24 o

By library.mit.edu
Published On :: Sun, 3 May 2020 06:00:01 EDT

Rotch Library - NK1397.D483 2019

ies

From the Backstage of Publishing: Memories of Milton Murayama

By uhpress.wordpress.com
Published On :: Thu, 16 May 2019 21:39:24 +0000

Originally this post was a way to mark this month’s Asian/Pacific American Heritage Month by sharing personal memories from an editorial perspective of a pioneering Asian American literary icon, Milton Murayama. It has grown to include other remembrances from a marketing perspective. We are all proud to be the publisher of his bestselling novels. Masako […]

American studies
Asian & Pacific American studies
author events
bookstores
food
general interest
Hawaii
literature
press events
Association for Asian American Studies
author signing
Barnes & Noble
book events
Milton Murayama
publishing
remembrances

ies

Science fiction in Argentina: technologies of the text in a material multiverse / Joanna Page

By library.mit.edu
Published On :: Sun, 30 Oct 2016 06:09:33 EDT

Online Resource

ies

The transmigration of bodies / Yuri Herrera ; translated by Lisa Dillman

By library.mit.edu
Published On :: Sun, 30 Oct 2016 06:09:33 EDT

Hayden Library - PQ7298.418.E7986 T313 2016

ies

Savage theories / Pola Oloixarac ; translated by Roy Kesey

By library.mit.edu
Published On :: Sun, 18 Jun 2017 06:11:11 EDT

Hayden Library - PQ7798.425.L65 T4613 2017

ies

Le métissage culturel en Espagne / études réunies par J.-R. Aymes et S. Salaün

By library.mit.edu
Published On :: Sun, 30 Jul 2017 06:13:10 EDT

Online Resource

ies

Vampire in love and other stories / Enrique Vila-Matas ; translated from the Spanish by Margaret Jull Costa

By library.mit.edu
Published On :: Sun, 1 Oct 2017 06:13:17 EDT

Hayden Library - PQ6672.I37 A2 2016

ies

Bodies of summer / Martín Felipe Castagnet ; translated from the Spanish by Frances Riddle

By library.mit.edu
Published On :: Sun, 29 Oct 2017 06:13:22 EDT

Hayden Library - PQ7798.413.A84 C8413 2017

ies

Things we lost in the fire: stories / Mariana Enriquez ; translated by Megan McDowell

By library.mit.edu
Published On :: Sun, 29 Oct 2017 06:13:22 EDT

Hayden Library - PQ7798.15.N75 A2 2017

ies

Thus were their faces: stories / Silvina Ocampo ; translated from the Spanish by Daniel Balderston ; introduction by Helen Oyeyemi ; preface by Jorge Luis Borges

By library.mit.edu
Published On :: Sun, 26 Nov 2017 06:16:14 EST

Hayden Library - PQ7797.O293 A2 2015b

ies

Re-mapping world literature: writing, book markets and epistemologies between Latin America and the Global South = Escrituras, mercados y epistemologías entre América Latina y el Sur Global / edited by = editado por Gesine Müller, Jorge J.

By library.mit.edu
Published On :: Sun, 5 Aug 2018 06:40:52 EDT

Online Resource

ies

Stories from Latin America: Historias de Latinoamérica / Genevieve Barlow

By library.mit.edu
Published On :: Sun, 19 Aug 2018 06:44:31 EDT

Hayden Library - PQ7085.B37 2017

ies

Hunter of stories / Eduardo Galeano ; translated by Mark Fried

By library.mit.edu
Published On :: Sun, 26 Aug 2018 06:43:45 EDT

Hayden Library - PQ8520.17.A4 A2 2017

ies

Diapositivas: Transparencies / Laura Ruiz Montes ; traducción al inglés: Margaret Randall

By library.mit.edu
Published On :: Sun, 26 Aug 2018 06:43:45 EDT

Hayden Library - PQ7390.R84 A2 2017

ies

Disabled bodies in early modern Spanish literature: prostitutes, aging women and saints / Encarnación Juárez-Almendros

By library.mit.edu
Published On :: Sun, 17 Feb 2019 09:27:58 EST

Online Resource

ies

¿Discapacidad: literatura, teatro y cine hispánicos vistos desde los disability studies / Susanne Hartwig, Julio Enrique Checa Puerta

By library.mit.edu
Published On :: Sun, 10 Mar 2019 09:29:48 EDT

Online Resource

ies

Mouthful of birds: stories / Samanta Schweblin ; translated from the Spanish by Megan McDowell

By library.mit.edu
Published On :: Sun, 21 Apr 2019 06:38:50 EDT

Hayden Library - PQ7798.29.C5388 A2 2019

ies

New Handout on Services for Users with Disabilities

By westinfopoint.blogspot.com
Published On :: Thu, 28 Aug 2008 14:22:00 +0000

Stacey Ewing created a wonderful new handout on types of adaptive services we offer users here in Library West. If you have any free moments the next time you staff the InfoPoint, I encourage you to take a look at this guide.

ada
handouts

ies

Student Government handing out study supplies

By westinfopoint.blogspot.com
Published On :: Wed, 17 Sep 2008 15:20:00 +0000

Student Government will have a table next to the Library West Circulation Desk on September 22. They are handing out free study supplies such as pencils, pens, postit notes and highlighters.

ies

Lessons from Scaling a Customized Employment Program for Workers with Disabilities

By www.mathematica.org
Published On :: Wed, 26 Feb 2020 15:07:00 Z

In this episode of On the Evidence, Shane Kanady of SourceAmerica and Noelle Denny-Brown of Mathematica discuss findings from an evaluation of the Pathways to Careers program, which provides customized employment services to job seekers with significant disabilities.

ies

Communities Can Learn from Local Social Determinants of Health Data

By www.mathematica.org
Published On :: Thu, 09 Apr 2020 04:00:00 Z

By showing how local data on social determinants of health compare to data from similar communities, we hope to encourage innovation, foster peer-to-peer learning, and identify promising practices.

ies

Using Culturally Responsive Practices to Foster Learning During School Closures: Challenges and Opportunities for Equity

By www.mathematica.org
Published On :: Thu, 23 Apr 2020 18:15:00 Z

With the closure of school buildings fundamentally disrupting the way students receive services, the COVID-19 pandemic has changed the national conversation about education.