al

[ASAP] Structural Fingerprints of an Intact Monoclonal Antibody Acquired under Formulated Storage Conditions via <sup>15</sup>N Direct Detection Nuclear Magnetic Resonance

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




al

[ASAP] Discovery of Potent, Selective, and Orally Bioavailable Inhibitors of USP7 with In Vivo Antitumor Activity

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




al

[ASAP] Optimization of Potent ATAD2 and CECR2 Bromodomain Inhibitors with an Atypical Binding Mode

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




al

[ASAP] Discovery of Potent Inhibitors against P-Glycoprotein-Mediated Multidrug Resistance Aided by Late-Stage Functionalization of a 2-(4-(Pyridin-2-yl)phenoxy)pyridine Analogue

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




al

[ASAP] Discovery of <italic toggle="yes">N</italic>-Ethyl-4-[2-(4-fluoro-2,6-dimethyl-phenoxy)-5-(1-hydroxy-1-methyl-ethyl)phenyl]-6-methyl-7-oxo-1<italic toggle="yes">H</italic>-pyrrolo[2,3-<italic toggle=&q

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




al

[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




al

[ASAP] Exploration of the Structural Space in 4(3<italic toggle="yes">H</italic>)-Quinazolinone Antibacterials

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




al

[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




al

[ASAP] Discovery of a Cyclic Choline Analog That Inhibits Anaerobic Choline Metabolism by Human Gut Bacteria

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




al

[ASAP] Discovery of Selective, Covalent FGFR4 Inhibitors with Antitumor Activity in Models of Hepatocellular Carcinoma

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




al

[ASAP] Progress in the Field of Aldehyde Dehydrogenase Inhibitors: Novel Imidazo[1,2-<italic toggle="yes">a</italic>]pyridines against the 1A Family

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




al

[ASAP] Cancer Immunotherapy through the Inhibition of Diacylglycerol Kinases Alpha and Zeta

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




al

[ASAP] Glycans Meet Sphingolipids: Structure-Based Design of Glycan Containing Analogues of a Sphingosine Kinase Inhibitor

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




al

[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




al

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

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




al

[ASAP] Synthesis of Novel G Factor or Chloroquine-Artemisinin Hybrids and Conjugates with Potent Antiplasmodial Activity

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




al

[ASAP] Design, Synthesis, and Pharmacological Evaluation of Second Generation EZH2 Inhibitors with Long Residence Time

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




al

[ASAP] Substituted Naphthalenediimide Compounds Bind Selectively to Two Human Quadruplex Structures with Parallel Topology

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




al

[ASAP] Escaping from Flatland: Substituted Bridged Pyrrolidine Fragments with Inherent Three-Dimensional Character

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




al

[ASAP] Characterization of an Alginate Encapsulated LS180 Spheroid Model for Anti-colorectal Cancer Compound Screening

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




al

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

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




al

[ASAP] Rationally Designed Covalent BCL6 Inhibitor That Targets a Tyrosine Residue in the Homodimer Interface

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




al

[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




al

[ASAP] Discovery of BMS-986251: A Clinically Viable, Potent, and Selective ROR?t Inverse Agonist

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




al

[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




al

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

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




al

[ASAP] Novel Dithiolane-Based Ligands Combining Sigma and NMDA Receptor Interactions as Potential Neuroprotective Agents

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




al

[ASAP] Selective Covalent Targeting of Mutated EGFR(T790M) with Chlorofluoroacetamide-Pyrimidines

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




al

[ASAP] Design and Synthesis of Tetrazole- and Pyridine-Containing Itraconazole Analogs as Potent Angiogenesis Inhibitors

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




al

[ASAP] Potential Cancer Treatment by Agonists of the Stimulator of Interferon Genes

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




al

[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




al

[ASAP] Sigma Receptor Ligands Carrying a Nitric Oxide Donor Nitrate Moiety: Synthesis, In Silico, and Biological Evaluation

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




al

[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




al

[ASAP] Can Drug Repositioning Work as a Systematical Business Model?

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




al

[ASAP] Discovery of CPI-1612: A Potent, Selective, and Orally Bioavailable EP300/CBP Histone Acetyltransferase Inhibitor

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




al

[ASAP] PROTAC Compounds Targeting a-Synuclein Protein for Treating Neurogenerative Disorders: Alzheimer’s and Parkinson’s Diseases

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




al

[ASAP] Development of Selective Steroid Inhibitors for the Glucose-6-phosphate Dehydrogenase from <italic toggle="yes">Trypanosoma cruzi</italic>

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




al

[ASAP] Discovery of RO7185876, a Highly Potent ?-Secretase Modulator (GSM) as a Potential Treatment for Alzheimer’s Disease

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




al

[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




al

[ASAP] Benzoxazepine-Derived Selective, Orally Bioavailable Inhibitor of Human Acidic Mammalian Chitinase

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




al

[ASAP] Scaffold Repurposing of in-House Chemical Library toward the Identification of New Casein Kinase 1 d Inhibitors

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




al

[ASAP] Development of a Raltegravir-based Photoaffinity-Labeled Probe for Human Immunodeficiency Virus-1 Integrase Capture

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




al

[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




al

[ASAP] Synthesis and Evaluation of <sup>11</sup>C- and <sup>18</sup>F-Labeled SOAT1 Inhibitors as Macrophage Foam Cell Imaging Agents

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




al

China’s New Large Solar-Powered Drone Reaches 20,000 Meters in Altitude

China’s first domestically designed large solar-powered unmanned plane reached above 20,000 meters in altitude on its test flight in the country’s northwest regions recently. The drone was developed by the China Academy of Aerospace Aerodynamics (CAAA), it’s developers kept the exact size of the drone as a secret, but it is believed to be about 14 …

The post China’s New Large Solar-Powered Drone Reaches 20,000 Meters in Altitude appeared first on LatestSolarNews.




al

Construction has started on the largest solar project in Nepal

The reports say that the constructions of a 25MW largest solar PV project in Nepal has begun. The foundation stone was laid last week at Devighat in Nuwakot by Minister for Energy, Water Resources and Irrigation, Barsha Man Pun. The government plans to finish the construction of the project in a year. As stated by …

The post Construction has started on the largest solar project in Nepal appeared first on LatestSolarNews.




al

India is planning to achieve 50 GW of prodction from renewbale energy by 2028

India is planning to achieve 50 gigawatt (GW) of production from renewable energy by 2028, in order to get to its goal of 40 per cent of electricity generation from non-fossil fuels by 2030, Ministry of New and Renewable Energy secretary, Anand Kumar said at the India-Norway Business Summit 2019 in New Delhi. Of this …

The post India is planning to achieve 50 GW of prodction from renewbale energy by 2028 appeared first on LatestSolarNews.




al

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.




al

Unlock Your Team’s Potential With Teamstack

Teamstack is a password manager for your whole team. Running in the cloud it allows you to manage your tools and resources, and seamlessly scale your teams’ access, from a single, easy-to-use control panel. Teamstack is powerful, and secure with multi-factor authentication, single sign-in, SAML and form-based authentication. It works with desktop and mobile apps, […]




al

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 […]