us

Core–shell magnetic microporous covalent organic framework with functionalized Ti(IV) for selective enrichment of phosphopeptides

Analyst, 2020, Advance Article
DOI: 10.1039/D0AN00038H, Paper
Fengjuan Ding, Yameng Zhao, Haiyan Liu, Weibing Zhang
We fabricated a core-shell magnetic Ti4+-functionalized covalent organic framework composite to selectively capture phosphopeptides in biosamples. This method is applicable to achieve rapid, selective and efficient phosphopeptide analysis.
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




us

Acid–base titration using a microfluidic thread-based analytical device (μTAD)

Analyst, 2020, Advance Article
DOI: 10.1039/D0AN00522C, Paper
Purim Jarujamrus, Akarapong Prakobkij, Sodsai Puchum, Sawida Chaisamdaeng, Rattapol Meelapsom, Wipark Anutrasakda, Maliwan Amatatongchai, Sanoe Chairam, Daniel Citterio
This work presents a novel analytical approach for precise and quick (within 2 minutes) determination of acid and base concentrations (of very small amount) by titration using a microfluidic thread-based analytical device (μTAD).
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




us

A Simple and Ubiquitous Device for Picric Acid Detection in Latent Fingerprints using Carbon Dots

Analyst, 2020, Accepted Manuscript
DOI: 10.1039/D0AN00750A, Paper
Arunkumar Kathiravan, Annasamy Gowri, Srinivasan Venkatesan, Trevor Smith, Muthpandian Ashokkumar, Asha Jhonsi Mariadoss
This work addresses the synthetic optimization of carbon dots (CDs) and their application in sensing picric acid from latent fingerprint by exploiting a smartphone-based RGB tool. The optimization in the...
The content of this RSS Feed (c) The Royal Society of Chemistry




us

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

ACS Synthetic Biology
DOI: 10.1021/acssynbio.9b00507




us

[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




us

[ASAP] SCRaMbLEing of a Synthetic Yeast Chromosome with Clustered Essential Genes Reveals Synthetic Lethal Interactions

ACS Synthetic Biology
DOI: 10.1021/acssynbio.0c00059




us

[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




us

[ASAP] Multiplex Generation, Tracking, and Functional Screening of Substitution Mutants Using a CRISPR/Retron System

ACS Synthetic Biology
DOI: 10.1021/acssynbio.0c00002






us

Christians and the Coronavirus

Do not be anxious and seek first the kingdom of God.




us

[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




us

[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




us

[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




us

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

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




us

[ASAP] Selective Janus Kinase 2 (JAK2) Pseudokinase Ligands with a Diaminotriazole Core

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




us

[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




us

[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




us

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

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




us

[ASAP] P2Y<sub>14</sub> Receptor Antagonists Reverse Chronic Neuropathic Pain in a Mouse Model

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




us

[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




us

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

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




us

[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




us

[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




us

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.




us

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.




us

17 Tools for Effective Customer Engagement

The one thing that every business that offers a service has in common is its customers. It doesn't matter if you are a freelancer with just one client or a small design agency with a few clients, you have to deal with customers on a day to day basis.




us

8 of the Top WP Multipurpose Themes That You Can Use

More than a few multipurpose WordPress themes have become big sellers in recent years, and for a reason. Actually, for several reasons. One reason is they serve as excellent toolkits for web designers who have large and varied clienteles. The best multipurpose themes, like those presented here, are popular for other reasons as well. They […]




us

Hockey | HI asks for bids to host various Nationals

State units can take part across age-groups




us

Usṭūrahʹhā va namādʹhā-yi āyinī dar nigārahʹhā-yi Saqānifārʹhā-yi Māzandarān / taʼlīf va gurdʹāvarī-i Muṣṭafá Rustamī, Fāṭimah Bābājānʹtabār Nashlī

Rotch Library - N7280.R888 2018




us

For your pleasure: Johannes Brus, photoworks and sculptures / with an essay by Clément Chéroux

Rotch Library - N6888.B745 A4 2018




us

Bauhaus imaginista: a school in the world / edited by Marion von Osten and Grant Watson

Rotch Library - N332.G33 B42724 2019




us

Anna Maria Maiolino, Entre pausas / texts by Anna Maria Maiolino, Tania Rivera and Randy Kennedy

Rotch Library - NC200.M27 A4 2018




us

After illusion: Baʻad tūham / Zahrah al-Gamdi

Rotch Library - N6488.I8 V433 2019 S33




us

Fields of fungus and sunflowers / [edited and designed by Tammy Nguyen ; contributions by Lovely Umayam and Adriel Luis]

Rotch Library - N7433.35.U6 M37 no.6




us

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

Rotch Library - N6498.V53 B15 2018




us

Altered states: Substanzen in der zeitgenössischen Kunst = substances in contemporary art / herausgegeben von = edited by Milena Mercer ; Texte = texts, Max Daly ... [and thirteen others]

Rotch Library - N8251.S555 A48 2018




us

Panos Charalambous, Eva Stefani, Zafos Xagoraris / curated by Katerina Tselou

Rotch Library - N6488.I8 V433 2019 G8




us

Women, art and money in late Victorian and Edwardian England: the hustle and the scramble / Maria Quirk

Rotch Library - N8354.Q57 2019




us

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




us

Fogo Island arts: what do we know? What do we have? What do we miss? What do we love? / Brigitte Oetker, Nicolaus Schafhausen (eds.)

Rotch Library - N6546.N6 F64 2019




us

Le modèle noir: de Géricault à Matisse: Musée d'Orsay / [éditeur, Claude Pommereau]

Rotch Library - N8232.M6325 2019




us

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




us

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




us

Altered views: Voluspa Jarpa / curated by Agustín Pérez Rubio

Rotch Library - N6488.I8 V433 2019 C5




us

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

Rotch Library - NC251.M64 J35 2018




us

Saules: Suns / artist = māksliniece, Daiga Grantin̦a ; curators = kuratori, Valentinas Klimašauskas, Inga Lāce

Rotch Library - N6488.I8 V433 2019 L35




us

Padiglione Indonesiano all Biennale di Venezia 2019 / team artistico, Syagini Ratna Wulan, Handiwirman Saputra, artisti ; Asmudjo J. Irianto, Yacobus Ari Respati, curatore

Rotch Library - N6488.I8 V433 2019 I5




us

History has failed us, but no matter: siren eun young jung, Jane Jin Kaisen, Hwayeon Nam

Rotch Library - N6488.I8 V433 2019 K6b




us

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

Rotch Library - ND723.K53 A4 2018