pro

Driving Force to Detect Alzheimer's Disease Biomarkers: The Application Of A Thioflavine T@Er-MOF Ratiometric Fluorescent Sensor for Smart Detection of Presenilin 1, amyloid β-protein and Acetyl Choline

Analyst, 2020, Accepted Manuscript
DOI: 10.1039/D0AN00440E, Paper
Xing Ze Wang, jing du, Nannan Xiao, Yan Zhang, Ling Fei, Jed D. LaCoste, Zhuo Huang, Qian wang, Xin Rui Wang, Bin Ding
Currently, the highly sensitive detection of Alzheimer's Disease (AD) biomarkers, namely presenilin 1, amyloid β-protein (Aβ), and acetylcholine (ACh), are vital to helping us prevent and diagnose AD. In this...
The content of this RSS Feed (c) The Royal Society of Chemistry




pro

[ASAP] <italic toggle="yes">In Vivo</italic> Production of Five Crocins in the Engineered <italic toggle="yes">Escherichia coli</italic>

ACS Synthetic Biology
DOI: 10.1021/acssynbio.0c00039




pro

[ASAP] A Modular Method for Directing Protein Self-Assembly

ACS Synthetic Biology
DOI: 10.1021/acssynbio.9b00504




pro

[ASAP] Efficient and Reproducible Multigene Expression after Single-Step Transfection Using Improved BAC Transgenesis and Engineering Toolkit

ACS Synthetic Biology
DOI: 10.1021/acssynbio.9b00457




pro

[ASAP] A Novel Biosynthetic Pathway for the Production of Acrylic Acid through ß-Alanine Route in <italic toggle="yes">Escherichia coli</italic>

ACS Synthetic Biology
DOI: 10.1021/acssynbio.0c00019




pro

[ASAP] Engineering Prokaryotic Transcriptional Activator XylR as a Xylose-Inducible Biosensor for Transcription Activation in Yeast

ACS Synthetic Biology
DOI: 10.1021/acssynbio.0c00122




pro

[ASAP] Genome-Wide CRISPRi-Based Identification of Targets for Decoupling Growth from Production

ACS Synthetic Biology
DOI: 10.1021/acssynbio.9b00143




pro

[ASAP] Engineering Stable <italic toggle="yes">Pseudomonas putida</italic> S12 by CRISPR for 2,5-Furandicarboxylic Acid (FDCA) Production

ACS Synthetic Biology
DOI: 10.1021/acssynbio.0c00006




pro

[ASAP] Facilitating Protein Expression with Portable 5'-UTR Secondary Structures in <italic toggle="yes">Bacillus licheniformis</italic>

ACS Synthetic Biology
DOI: 10.1021/acssynbio.9b00355




pro

[ASAP] Truncating the Structure of Lipopolysaccharide in <italic toggle="yes">Escherichia coli</italic> Can Effectively Improve Poly-3-hydroxybutyrate Production

ACS Synthetic Biology
DOI: 10.1021/acssynbio.0c00071




pro

[ASAP] A Chemical Switch System to Modulate Chimeric Antigen Receptor T Cell Activity through Proteolysis-Targeting Chimaera Technology

ACS Synthetic Biology
DOI: 10.1021/acssynbio.9b00476




pro

[ASAP] Analyzing and Engineering the Product Selectivity of a 2-Methylenebornane Synthase

ACS Synthetic Biology
DOI: 10.1021/acssynbio.9b00432




pro

[ASAP] Translation Related Factors Improve the Productivity of a <italic toggle="yes">Streptomyces</italic>-Based Cell-Free Protein Synthesis System

ACS Synthetic Biology
DOI: 10.1021/acssynbio.0c00140




pro

[ASAP] Bacteriophage Inspired Growth-Decoupled Recombinant Protein Production in <italic toggle="yes">Escherichia coli</italic>

ACS Synthetic Biology
DOI: 10.1021/acssynbio.0c00028




pro

[ASAP] MymA Bioactivated Thioalkylbenzoxazole Prodrug Family Active against <italic toggle="yes">Mycobacterium tuberculosis</italic>

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




pro

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

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




pro

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

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




pro

[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




pro

[ASAP] Design and Synthesis of Bitopic 2-Phenylcyclopropylmethylamine (PCPMA) Derivatives as Selective Dopamine D3 Receptor Ligands

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




pro

[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




pro

[ASAP] Molecular Interactions of Pyrazine-Based Compounds to Proteins

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




pro

[ASAP] Correction to Photoactivatable Prolyl Hydroxylase 2 Inhibitors for Stabilizing the Hypoxia-Inducible Factor with Light

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




pro

[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

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




pro

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

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




pro

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

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




pro

[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




pro

[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




pro

[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




pro

[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




pro

[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




pro

[ASAP] Novel HIV-1 Protease Inhibitors with Morpholine as the P2 Ligand to Enhance Activity against DRV-Resistant Variants

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




pro

[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




pro

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

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




pro

[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




pro

[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




pro

[ASAP] Discovery of Adamantane Carboxamides as Ebola Virus Cell Entry and Glycoprotein Inhibitors

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




pro

[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




pro

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.




pro

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.




pro

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.




pro

Inventing Boston: design, production, and consumption / Edward S. Cooke, Jr

Rotch Library - NK838.B67 C66 2019




pro

Neuer Norden Zürich: ein Kunstprojekt im öffentlichen Raum, 9. Juni-2. September 2018 = New north Zurich: a public art project, 9th of June-2nd of September 2018 / herausgegeben von Christoph Doswald ; fotografiert von Pierluigi Macor ; Übe

Rotch Library - N6496.3.S9 Z876 2018




pro

Animal: exploring the zoological world / project editor, Lucy Kingett

Hayden Library - N7660.A653 2018




pro

Picture industry: a provisional history of the technical image 1844-2018 / edited, with an introduction by Walead Beshty ; foreword by Maja Hoffmann, Tom Eccles

Rotch Library - TR350.P53 2018




pro

New approaches to spatial planning and design: planning, design, applications / Murat Özyavuz

Rotch Library - NK1520.O99 2019




pro

À 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

Rotch Library - N6260.A12 2020




pro

This baby doll will be a junkie / Ulrike Montmann ; Kunst und Forschung: Projektbericht uber Abhangigkeiten und Gewaltraume

Rotch Library - N6498.C66 T45 2018




pro

Paul Rand: inspiration and process in design / introduction and selection by Steve Heller ; edited by Eugenia Bell

Rotch Library - NC999.4.R36 A4 2020




pro

Medieval art in motion: the inventory and gift giving of Queen Clémence de Hongrie / Mariah Proctor-Tiffany

Rotch Library - N5262.C56 P76 2019




pro

Proceedings of the 2nd International and Interdisciplinary Conference on Image and Imagination: IMG 2019 / Enrico Cicalò, editor

Online Resource