ual

[ASAP] Molecular Basis for Omapatrilat and Sampatrilat Binding to Neprilysin—Implications for Dual Inhibitor Design with Angiotensin-Converting Enzyme

Journal of Medicinal Chemistry
DOI: 10.1021/acs.jmedchem.0c00441




ual

[ASAP] Pharmacophore-Based Virtual Screening for Identification of Negative Modulators of GLI1 as Potential Anticancer Agents

ACS Medicinal Chemistry Letters
DOI: 10.1021/acsmedchemlett.9b00639




ual

[ASAP] New Dual CK2/HDAC1 Inhibitors with Nanomolar Inhibitory Activity against Both Enzymes

ACS Medicinal Chemistry Letters
DOI: 10.1021/acsmedchemlett.9b00561




ual

[ASAP] Discovery of a Potent Dual Inhibitor of Wild-Type and Mutant Respiratory Syncytial Virus Fusion Proteins

ACS Medicinal Chemistry Letters
DOI: 10.1021/acsmedchemlett.0c00008




ual

Contextual styling with custom properties

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.




ual

Land, sand, strand: activation manual / drawings by Suki Seokyeong Kang

Rotch Library - N6488.I8 V433 2019 K6




ual

Exercises in freedom: polnische Konzeptkunst, 1968-1981 = Polish conceptualism, 1968-1981 / Herausgeber = editor, Staatliche Kunstsammlungen Dresden, Kupferstich-Kabinett, Björn Egging

Rotch Library - N7255.P6 E88 2018




ual

Introducing science through images: cases of visual popularization / Maria E. Gigante

Rotch Library - N72.S3 G54 2018




ual

Crítica textual: un enfoque multidisciplinario para la edición de textos / editores, Belem Clark de Lara [and others]

Online Resource




ual

Lírica cortesana y lírica popular actual / Yvette Jiménez de Baez

Online Resource




ual

Creating a Gender-Equal and Equitable World

At Mathematica, we work collectively with partners across the country and around the globe to create a gender-equal world where women, girls, communities, and economies can thrive.




ual

Evaluation of multilingual and multi-modal information retrieval [electronic resource] : 7th Workshop of the Cross-Language Evaluation Forum, CLEF 2006, Alicante, Spain, September 20-22, 2006 : revised selected papers / Carol Peters [and others] (eds.)

Berlin ; New York : Springer, 2007




ual

NATO, civilisation and individuals: the unconscious dimension of international security / Sarah da Mota

Online Resource




ual

La carrera de relaciones internacionales en México: orígenes y situación actual / Luis Ochoa Bilbao

Online Resource




ual

Abuses of the erotic: militarizing sexuality in the post-Cold War United States / Josh Cerretti

Dewey Library - JZ6405.W66 C47 2019




ual

The guarantee of perpetual peace / Wolfgang Ertl

Online Resource




ual

Pensar el fenómeno narco: el narcotráfico en los discursos audiovisuales (2010-2015) / Esteban Mizrahi [and 6 others]

Online Resource




ual

Science fiction cinema and 1950s Britain: recontextualising cultural anxiety / Matthew Jones

Online Resource




ual

Queer timing: the emergence of lesbian sexuality in early cinema / Susan Potter

Hayden Library - PN1995.9.L48 P68 2019




ual

Stanley Kubrick: New York Jewish intellectual / Nathan Abrams

Hayden Library - PN1998.3.K83 A57 2018




ual

Affectual erasure: representations of indigenous peoples in Argentine cinema / Cynthia Margarita Tompkins

Hayden Library - PN1995.9.I49 T66 2018




ual

Intimate visualities and the politics of fandom in India / Roos Gerritsen

Dewey Library - PN1993.5.I8 G47 2019




ual

Child Care and Early Education Policy Research Consortium Annual Meeting

The Child Care and Early Education Policy Research Consortium (CCEEPRC) provided a forum for researchers and policymakers to investigate emerging research findings, questions, and methods that relate to improved outcomes for children and families. Several Mathematica researchers presented on topics such as: child care quality measures, support for home-based care providers, and research on coordinated services for children and their families.




ual

Disability Research Consortium Annual Meeting 2018

This conference highlighted the DRC’s latest research findings and their implications for the future of state and federal disability policies and programs.




ual

Seeing Is Believing: Visualizing Data for Evidence-Based Policymaking

While many industries have increasingly turned to data science to make informed business decisions, social service organizations and government agencies have been slower to fully embrace the potential of current and emerging data science methods. The challenges are real.




ual

Q-CCIIT: Measuring the Quality of Caregiver–Child Interactions: Free Webinar for Early Childhood Professionals

Mathematica will launch a groundbreaking new quality measurement observation tool, now available to the early childhood community (including program administrators, professional development providers, researchers, and others) during a webinar.




ual

Simultaneous co-assembly of fenofibrate and ketoprofen peptide for the dual-targeted treatment of nonalcoholic fatty liver disease (NAFLD)

Chem. Commun., 2020, 56,4922-4925
DOI: 10.1039/D0CC00513D, Communication
Zhongyan Wang, Chuanrui Ma, Yuna Shang, Lijun Yang, Jing Zhang, Cuihong Yang, Chunhua Ren, Jinjian Liu, Guanwei Fan, Jianfeng Liu
An ingenious co-assembled nanosystem based on fenofibrate and ketoprofen peptide for the dual-targeted treatment of NAFLD by reducing hepatic lipid accumulation and inflammatory responses.
The content of this RSS Feed (c) The Royal Society of Chemistry




ual

A dual-round signal amplification strategy for colorimetric/photoacoustic/fluorescence triple read-out detection of prostate specific antigen

Chem. Commun., 2020, 56,4942-4945
DOI: 10.1039/D0CC01086C, Communication
Chao Jiang, Yan Huang, Ting He, Peng Huang, Jing Lin
A colorimetric/fluorescence/photoacoustic triple read-out detection of prostate specific antigen (PSA) was developed by using a silica coated Au@Ag core–shell nanorod (denoted Au@Ag@SiO2) based enzyme-linked immunosorbent assay (ELISA) system.
The content of this RSS Feed (c) The Royal Society of Chemistry




ual

A DNA logic gate with dual-anchored proximity aptamers for accurate identification of circulating tumor cells

Chem. Commun., 2020, Accepted Manuscript
DOI: 10.1039/D0CC00564A, Communication
Tianshu Chen, Xin Fu, Qianqian Zhang, Dongsheng Mao, Yuchen Song, Chang Feng, Xiaoli Zhu
We have designed a DNA logic gate that can integrate multiple biomarkers recognition with signal amplification to perform accurate and and sensitive analysis of circulating tumor cells (CTCs). It also...
The content of this RSS Feed (c) The Royal Society of Chemistry




ual

Deep imaging for visualizing nitric oxide in lipid droplets: discovering the relationship between nitric oxide and resistance to cancer chemotherapy drugs

Chem. Commun., 2020, Advance Article
DOI: 10.1039/D0CC01856B, Communication
Miantai Ye, Wei Hu, Meng He, Chenchen Li, Shuyang Zhai, Zhihong Liu, Yanying Wang, Huijuan Zhang, Chunya Li
A near-infrared two-photon fluorescent probe for selective detection and deep-depth imaging of NO helps to discover the relationship between NO and resistance to antitumor drugs.
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




ual

Enzyme-mimicking accelerated signal enhancement for visually multiplexed quantitation of telomerase activity

Chem. Commun., 2020, Accepted Manuscript
DOI: 10.1039/D0CC01951H, Communication
Lu Sun, Qiao Zhao, Xinli Liu, Yongchun Pan, Yanfeng Gao, Jingjing Yang, Yuzhen Wang, Yujun Song
Here, we propose an amplification strategy of enzyme-mimicking accelerated signal enhancement integrated with triple-channel volumetric bar-chart chip for visually multiplexed quantitation of telomerase activity. This platform was used for evaluating...
The content of this RSS Feed (c) The Royal Society of Chemistry




ual

A combined viscosity-restricted intramolecular motion and mitochondrial targeting leads to selective tumor visualization

Chem. Commun., 2020, Accepted Manuscript
DOI: 10.1039/D0CC02943B, Communication
Le Yu, Jun Feng Zhang, Mingle Li, Dewei Jiang, Ying Zhou, Peter Verwilst, Jong Seung Kim
We report a novel fluorescent molecular conjugate V-M1 enabling an accurate visualization of tumor tissues. The emission wavelength of V-M1 exceeds 650 nm, well within the near-infrared therapeutic window. Tumor...
The content of this RSS Feed (c) The Royal Society of Chemistry




ual

Oracle programming with Visual Basic / Nick Snowdon

Snowdon, Nick




ual

Researching virtual worlds : methodologies for studying emergent practices / edited by Ursula Plesner and Louise Phillips




ual

Virtual world design / Ann Latham Cudworth

Cudworth, Ann Latham, 1955-




ual

The Oxford handbook of virtuality / edited by Mark Grimshaw




ual

Grid systems in graphic design : a visual communication manual for graphic designers, typographers and three dimensional designers = Raster Systeme für die visuelle Gestaltung: ein Handbuch für Grafiker, Typografen und Ausstellungsgestalter / Jo

Müller-Brockmann, Josef, 1914-1996, author




ual

Visual research : an introduction to research methodologies in graphic design / Ian Noble, Russell Bestley ; foreward by Ellen Lupton

Noble, Ian, 1960-




ual

A designer's research manual : succeed in design by knowing your clients and what they really need / Jenn + Ken Visocky O'Grady

Visocky O'Grady, Jennifer




ual

Geometric graphics : a visual celebration of simple forms / [chief editor, Wang Shaoqiang]




ual

2800 QCM de culture générale et d'actualité - Méthode et entraînement - Catégories B et C

13,99 €19,90 €

Mélanie Hoffert, Lionel Lavergne
7e édition
mars 2020
352 pages
Un entraînement intensif en culture générale et actualité pour réussir&nbsp;les&nbsp;épreuves&nbsp;écrites et orales&nbsp;des concours de catégories B et&nbsp;C&nbsp;!
Ouvrage d'entraînement
Nouveau
978-2-311-20842-9
Concours 2020-2021
Disponible
Livre




ual

Platonic architectonics : Platonic philosophies & the visual arts / John Hendrix

Hendrix, John Shannon




ual

The inheritance of wealth : justice, equality, and the right to bequeath / Daniel Halliday

Halliday, Daniel, author




ual

Body-self dualism in contemporary ethics and politics / Patrick Lee (Franciscan University of Steubenville), Robert P. George (Princeton University)

Lee, Patrick, 1952- author




ual

Philosophy of mind and phenomenology [electronic resource] : conceptual and empirical approaches / edited by Daniel O. Dahlstrom, Andreas Elpidorou, and Walter Hopp




ual

Dazzling darkness : gender, sexuality, illness and God / Rachel Mann

Mann, Rachel, author




ual

Intimate assemblages: the politics of queer identities and sexualities in Indonesia / Hendri Yulius Wijaya

Online Resource




ual

The Great Leveler: Violence and the History of Inequality from the Stone Age to the Twenty-First Century.

Online Resource




ual

King and the other America: the Poor People's Campaign and the quest for economic equality / Sylvie Laurent ; foreword by William Julius Wilson

Dewey Library - HN90.S6 L35 2018




ual

A global history of sexual science, 1880-1960 / edited by Veronika Fuechtner, Douglas E. Haynes, and Ryan M. Jones

Hayden Library - HQ60.G56 2018