pe

[ASAP] A Synthetic Genetic Circuit Enables Precise Quantification of Direct Repeat Deletion in Bacteria

ACS Synthetic Biology
DOI: 10.1021/acssynbio.9b00256




pe

How to Live When You Learn You Aren’t a Super-Hero

In the midst of life’s woundability, what is your foundation?




pe

Hope in a Time of Anxiety

God causes all things ultimately to work for the good of those who love him.




pe

[ASAP] A Selective Modulator of Peroxisome Proliferator-Activated Receptor ? with an Unprecedented Binding Mode

Journal of Medicinal Chemistry
DOI: 10.1021/acs.jmedchem.9b01786




pe

[ASAP] Molecule Property Analyses of Active Compounds for <italic toggle="yes">Mycobacterium tuberculosis</italic>

Journal of Medicinal Chemistry
DOI: 10.1021/acs.jmedchem.9b02075




pe

[ASAP] Imidazo[1,2-<italic toggle="yes">a</italic>]pyridine Derivatives as Aldehyde Dehydrogenase Inhibitors: Novel Chemotypes to Target Glioblastoma Stem Cells

Journal of Medicinal Chemistry
DOI: 10.1021/acs.jmedchem.9b01910




pe

[ASAP] Discovery, Structure–Activity Relationship, and Biological Activity of Histone-Competitive Inhibitors of Histone Acetyltransferases P300/CBP

Journal of Medicinal Chemistry
DOI: 10.1021/acs.jmedchem.9b02164




pe

[ASAP] Metabolism and Bioactivation: It’s Time to Expect the Unexpected<subtitle>Miniperspective</subtitle>

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




pe

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

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




pe

[ASAP] Discovery of Peptide Boronate Derivatives as Histone Deacetylase and Proteasome Dual Inhibitors for Overcoming Bortezomib Resistance of Multiple Myeloma

Journal of Medicinal Chemistry
DOI: 10.1021/acs.jmedchem.9b02161




pe

[ASAP] Correction to Toggling Preassembly with Single-Site Mutation Switches the Cytotoxic Mechanism of Cationic Amphipathic Peptides

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




pe

[ASAP] Triazolo-Peptidomimetics: Novel Radiolabeled Minigastrin Analogs for Improved Tumor Targeting

Journal of Medicinal Chemistry
DOI: 10.1021/acs.jmedchem.9b01936




pe

[ASAP] Computational Chemistry on a Budget: Supporting Drug Discovery with Limited Resources<subtitle>Miniperspective</subtitle>

Journal of Medicinal Chemistry
DOI: 10.1021/acs.jmedchem.9b02126




pe

[ASAP] Degradation versus Inhibition: Development of Proteolysis-Targeting Chimeras for Overcoming Statin-Induced Compensatory Upregulation of 3-Hydroxy-3-methylglutaryl Coenzyme A Reductase

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




pe

[ASAP] Targeting ALK2: An Open Science Approach to Developing Therapeutics for the Treatment of Diffuse Intrinsic Pontine Glioma

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




pe

[ASAP] Design of Hydrazide-Bearing HDACIs Based on Panobinostat and Their p53 and FLT3-ITD Dependency in Antileukemia Activity

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




pe

[ASAP] Discovery of a Silicon-Containing Pan-Genotype Hepatitis C Virus NS5A Inhibitor

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




pe

[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

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




pe

[ASAP] Chimeric Peptidomimetics of SOCS 3 Able to Interact with JAK2 as Anti-inflammatory Compounds

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




pe

[ASAP] Peptoid NPhe<sup>4</sup> in AGRP-Based c[Pro<sup>1</sup>-Arg<sup>2</sup>-Phe<sup>3</sup>-Phe<sup>4</sup>-Xxx<sup>5</sup>-Ala<sup>6</sup>-Phe<sup>7</sup>

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




pe

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

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




pe

[ASAP] Structure Optimization of Gatastatin for the Development of ?-Tubulin-Specific Inhibitor

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




pe

[ASAP] Combined Peptide and Small-Molecule Approach toward Nonacidic THIQ Inhibitors of the KEAP1/NRF2 Interaction

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




pe

[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




pe

[ASAP] Characterization of Specific <italic toggle="yes">N</italic>-a-Acetyltransferase 50 (Naa50) Inhibitors Identified Using a DNA Encoded Library

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




pe

[ASAP] Ultra-High-Throughput Acoustic Droplet Ejection-Open Port Interface-Mass Spectrometry for Parallel Medicinal Chemistry

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




pe

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

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




pe

Germany Facing Mass Blackouts Because The Wind And Solar Won’t Cooperate

Germany’s energy network nearly broken down in January because of poor execution from wind turbines and sun based boards, as indicated by information from a noteworthy exchange union. Wind and sunlight based power plants failed to meet expectations in January, 2017, as a result of shady climate with almost no wind, setting the phase for …

The post Germany Facing Mass Blackouts Because The Wind And Solar Won’t Cooperate appeared first on LatestSolarNews.




pe

New Solar Plant In Chile To Power 13,000 Homes Per Year

Chile is building a brand new solar power plant that has some exciting outcome on the future. The plant is expected to provide energy on day and night as well as throughout inclement weather, to power up to 13,000 homes annually. This project will make Chile one of the top solar energy spots in the …

The post New Solar Plant In Chile To Power 13,000 Homes Per Year appeared first on LatestSolarNews.




pe

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.




pe

Email Personalization: Your Secret To Better Engagement

One of the struggles that marketers face is how to send the right message at exactly the right time to target people in a way that will appeal to them. To solve the problem, businesses need to get themselves acquainted with new technologies and the power of personalization. In the past few years, digital marketing […]




pe

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

Rotch Library - TR647.P37 2018




pe

Art for people's sake: artists and community in Black Chicago, 1965-1975 / Rebecca Zorach

Rotch Library - NX512.3.A35 Z67 2019




pe

Performance now / RoseLee Goldberg

Rotch Library - NX460.5.P47 G65 2018




pe

Pedagogical sketchbook / Paul Klee

Rotch Library - NC703.K58 2019




pe

The M.V.M. Cappellin glassworks and the young Carlo Scarpa: 1925-1931 / edited by Marino Barovier and Carla Sonego

Rotch Library - NK5205.S28 A4 2018




pe

The stronger we become: the South African pavilion / Dineo Seshee Bopape, Tracey Rose, Mawande Ka Zenzile ; curated by Nkule Mabaso, Nomusa Makhubu

Rotch Library - N6488.I8 V433 2019 S6




pe

Jakob Mohr / herausgegeben von Doris Noell-Rumpeltes + Thomas Röske

Rotch Library - NC251.M64 J35 2018




pe

Sunniness in painting: from Edward Hopper to David Hockney / Nicola Vitale

Rotch Library - ND1140.V58 2019




pe

T.C. Cannon: at the edge of America / edited by Karen Kramer ; with contributions by heather ahtone, Sherwin Bitsui, Caitlin Cooper, Frank Buffalo Hyde, Trevor Fairbrother, Santee Frazier, Joy Harjo, Joan Naviyuk Kane, Karen Kramer, Deana McCloud, America

Rotch Library - NX512.C36 A4 2018




pe

Pretense design: surface over substance / Per Mollerup

Rotch Library - NK1520.M65 2019




pe

Per Kirkeby / herausgegeben von Florian Steininger ; mit Beiträgen von Robert Fleck, Per Kirkeby, Florian Steininger

Rotch Library - ND723.K53 A4 2018




pe

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

Rotch Library - N7274.S76 2019




pe

The mobility of people and things in the early modern Mediterranean: the art of travel / edited by Elisabeth A. Fraser

Rotch Library - N72.G55 M63 2020




pe

Encyclopedia of the Black Arts Movement / edited by Verner D. Mitchell, Cynthia Davis

Online Resource




pe

What is "Islamic" art?: between religion and perception / Wendy M.K. Shaw

Rotch Library - N6260.S56 2019




pe

Art beyond borders: artistic exchange in communist Europe (1945-1989) / edited by Jérôme Bazin, Pascal Dubourg Glatigny, and Piotr Piotrowski

Online Resource




pe

Bestowing beauty: masterpieces from Persian lands-selections from the Hossein Afshar collection / edited by Aimée Froom ; with essays by Walter B. Denny, Aimée Froom, Melanie Gibson, and David J. Roxburgh; and contributions by Robert Hillenbrand

Rotch Library - N7280.B47 2019




pe

Indian life and people in the 19th century: company paintings in the TAPI Collection / J.P. Losty ; with an introduction by John Keay

Rotch Library - ND2048.L67 I53 2019




pe

Khatt: Egypt's calligraphic landscape / photography by Noha Zayed ; edited by Basma Hamdy

Rotch Library - NK3633.A2 Z36 2018