lit

Web Tools #351 - JS Utilities, Media Tools, Uncategorizables

Web Tools Weekly

Issue #351 • April 9, 2020

Advertisement via Syndicate
Working From Home? Try Team.Video
Team.video makes it easier and faster for remote teams to work together by offering user friendly video meetings with agendas, collaborative notes, and emoji responses. No download required and it’s free to use.
Try Team.video for FREE!

Last week I covered a really simple introduction to the HTML Drag and Drop API, for those of you who have never used it before. The demo has the minimum code required to produce a drag and drop example. Let's take that a little further and incorporate the dataTransfer object, which has methods and properties that can be used in the midst of a drag and drop operation.

First, I can use the setData() method of the dataTransfer object, which I'll incorporate in the midst of my event listener when listening for a dragstart event (an event I didn't need to use in the previous demo). The relevant line looks something like this (where "e" is the event object):

e.dataTransfer.setData('text/html', box.innerHTML)

As you can see, the setData() method takes two arguments: The data type and the data itself. In this case, the data is simply the innerHTML of the dragged element. This is the first step in transferring data: Setting the data, which happens when the element is initially dragged.

The next key line in my code will be using the getData() method. In this case, I'll use it when the drop event is triggered on my drop area element:

this.style.background = e.dataTransfer.getData('text/html')

The data that I'll be grabbing is text that represents a valid CSS color keyword, which will be inside each draggable element. The data could be a lot of things, but in this case I'm just using some text for demo purposes. And as you can see, the text sets the background color of the drop area element.

See the full working demo here

There's naturally a lot more code there, but it's fairly straightforward. I'm looping over the draggable boxes to add the event listeners to each one. The setData() and getData() methods are used within that loop to obtain and apply the color info.

Try dragging any of the boxes into the drop area to see the background of the drop area change. You can even try changing the HTML to use different colors (any valid CSS color value will work). As long as the color is valid, the background of the drop area element will change to that color.

And that's a basic way to use the dataTransfer object when working with the Drag and Drop API.
 

Now on to this week's tools!
 

JavaScript Utilities

Working From Home? Try Team.Video
Team.video makes it easier and faster for remote teams to work together by offering user friendly video meetings with agendas, collaborative notes, and emoji responses. No download required and it’s free to use.   via Syndicate

Van11y
Bit of an older project that I just discovered. A collection of customizable, accessible scripts for rich interface elements, built using progressive enhancement.

Rsup Progress
A simple progress bar with promises support.

Heapify
A very fast JavaScript priority queue, implemented using a binary heap, with no dependencies.

Nano Events
Simple and tiny (72 bytes) event emitter library for JavaScript.

Chardin.js
Simple overlay instructions for your apps. Kind of like those 'app tour' plugins, but just a single overlay pointing stuff out.

Serialize JavaScript
Serialize JavaScript to a superset of JSON that includes regular expressions and functions.

FullCalendar
A JavaScript calendar plugin, great for displaying events with drag-and-drop capabilities and an API for extending its functionality.

defu
Utility to recursively assign default properties.

Clack
A modern keyboard shortcut library written in Typescript.

Sharect.js
A lightweight (2.9Kb gzipped and minified) JavaScript library to let users share text selections to social networks in desktop browsers (like Medium).

Uppload
A better JavaScript image uploader. Highly customizable with 30+ plugins, open-source, and can be used with any file uploading back end.

Media Tools (SVG, Video, Audio, etc.)

Beginner JavaScript by Wes Bos is 50% Off!
The master package includes 88 HD videos, part of 15 modules – and course updates are free forever.   promoted 

mediasoup
Cutting-edge WebRTC video conferencing. The perfect choice for building multi-party video conferencing and real-time streaming apps.

gifcap
Create animated GIFs in your browser from a screen recording. Client-side only, no data is uploaded.

Tabler Icons
A set of over 400 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a 2px stroke.

Video Puppet
Using a markdown file, create a video (with captions) from a chosen set of images, audio files and smaller video clips.

Exifr
The fastest and most versatile JavaScript EXIF reading library.

Seamless Pattern Generator
Create seamless, repeatable royalty free patterns for your website, or to download as SVG, JPEG or PNG.

Resoundly
Produce a podcast simply by typing the content and this app will convert it to speech.

Spline
Easily create 3D web experiences without coding. Build and iterate fast with production-ready results.

Photo Stream
Self-hosted, super simple photo stream. Built with Ruby and seems to require either Netlify or Jekyll.

Ionicons
Premium designed icons for use in web, iOS, Android, and desktop apps. Support for SVG and web font.

The Uncategorizables

Advanced React & GraphQL by Wes Bos is 50% Off!
The master package includes 68 HD videos, part of 10 modules – and course updates are free forever.   promoted 

Brim
Desktop application to efficiently search large packet captures and logs from Zeek (the network security monitoring tool).

StartNames
Produces brandable ideas for domain names in a Twitter stream, based on actual domains that are for sale.

WMS Everywhere
Chrome extension to help you research search volume, advertising cost per click, and related keywords inside Google search results – free and on-demand.

PDF.js Express
Add a PDF.js viewer with out-of-the-box annotation, PDF form fill, and signing. Based on Mozilla's PDF.js (for parsing and rendering PDFs).

AsyncAPI
Open source tools to easily build and maintain your event-driven architecture. All powered by the AsyncAPI specification, the industry standard for defining asynchronous APIs.

Weglot
Allows you to make your website multilingual in minutes and to manage all your translations effortlessly.

Our Site Updates
An easy way to post updates to your website (e.g. via easy to install banners) and keep visitors informed.

RightFont
An innovative, beautiful and professional font manager app for Mac, helping designers preview, install, sync, and manage their font files.

PingPong
Remote user interviews and user tests made simple.

Extract Article Text
Lets you easily extract boilerplate-free text from news articles, blogs, press releases, and company pages with a single API request.

Commerce
Drop‑in e‑commerce for any website with a single line of code. Serverless, real‑time, and API‑first.

A Tweet for Thought

When you're living in a tech bubble like many of us are, it's hard to believe there are people this naive.
 

Send Me Your Tools!

Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.
 

Before I Go...

This is amazing: Open and Shut lets you send messages in Morse code by repeatedly slamming your laptop shut. So if you've been kidnapped and forced to give up all your passwords or something...?

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly
PayPal.me/WebToolsWeekly




lit

Web Tools #352 - CSS Tools, JS Utilities, Build Tools

Web Tools Weekly

Issue #352 • April 16, 2020

Advertisement via Paved
Real-Time Chat at Your Fingertips
Stream Chat offers a variety of SDKs and pre-built components to help integrate real-time chat and messaging into your application in as little as a couple of days. Sign up now for a free 28-day trial – no credit card required.
Start a Free Trail Today!

Continuing on the theme of dealing with HTML's Drag and Drop API, another thing you're able to do with this API is set a custom image that appears during any drag operation.

Normally when you drag a draggable element, the browser will by default display a mini version of the dragged object, which appears next to the user's cursor. In most cases, this is acceptable and is probably the desired behavior. But if you want you can change that image using the setDragImage() method of the dataTransfer object.

Here's the code:

let img = new Image();
img.src = 'my-image.png';

box.addEventListener('dragstart', function (e) {
  e.dataTransfer.setDragImage(img, 92, 92);
});

Notice a few things:

  • I'm creating an image using the Image() constructor. I could also use document.createElement('img') for this
  • I'm setting the image's src attribute to point to my image
  • I'm using setDragImage() inside the event listener for the dragstart event
The setDragImage() method takes three arguments, all mandatory:
  • The image to use during the drag operation
  • The horizontal (x) offset relative to the mouse pointer
  • The vertical (y) offset relative to the mouse pointer
View this in action on CodePen

In my CodePen example, I'm using a portion of the Web Tools Weekly newsletter header/logo as the drag image. I'm also ensuring that the mouse pointer is centered over the image by using x/y coordinates equal to half the image's dimensions.

Of course, in this example, the image isn't relevant to the drag operation, so there's no image appearing in the drop zone or anything like that. This is just a simple example that shows you how to change the drag image during a drag operation.

Now on to this week's tools!
 

CSS and HTML Tools

Real-Time Chat at Your Fingertips
Stream Chat offers a variety of SDKs and pre-built components to help integrate real-time chat and messaging into your application in as little as a couple of days. Sign up now for a free 28-day trial – no credit card required.  via Paved 

CSS Scan
Now at version 2. Chrome or Firefox extension. An alternative to using inspect element to edit and debug CSS. Check the CSS of any element on hover, instantly, and copy its entire rules with a single click.

CSS Color Gradient Generator
Customize your own gradient or choose a gradient from a predefined gallery.

Color Ninja
A color palette and color scheme manager for Mac.

BEM Naming Cheat Sheet
A nicely designed guide to using the BEM naming method for your stylesheets.

sass-link
Use SCSS almost like regular CSS. It parses the link and style tags of your document, compiles them using sass.js and injects the compiled CSS back into the document.

CSS Builder
Live CSS editing tool to fiddle with various CSS properties including shadows, border-radius, filters, typography, and lots more.

MVP.css
A minimalist stylesheet for HTML elements. No class names, no frameworks, just semantic HTML and you're done.

tailwindcss-standalone
Standalone build of Tailwind CSS that runs in the browser. I'm assuming the idea here is that you don't need a build process to use it.

Buttono
A flexible Sass mixin for creating BEM-style buttons.

CSS Specificity Calculator
Interactive tool to better understand CSS specificity. Provides a specificity score along with number of IDs, classes, and element selectors used. Also allows deep linking to whatever selector you enter.

glaze
CSS-in-JS micro-library for making design systems approachable.

JavaScript Utilities

ES6 for Everyone by Wes Bos is 50% Off!
The master package includes 77 HD videos, part of 21 modules – and course updates are free forever.   promoted 

Flip
A nice looking flip-animation timer component that you can add to your website to include a countdown (e.g. for a product launch).

ASScroll
A hybrid smooth scroll setup that combines the performance gains of virtual scroll with the reliability of native scroll. See the two example links in the readme for a demo, which is pretty cool but definitely not for every project.

prerender.js
Another option to preload links before the user clicks them.

Universal Model
A unified state management solution for Angular, React, Svelte, and Vue.

Zod
TypeScript-first schema validation with static type inference.

Prerender
Allows your JavaScript website to be crawled perfectly by search engines. This tool renders the JavaScript in a browser, saves the static HTML, and you return that to the crawlers.

gretchen
Making fetch happen in TypeScript.

sort-isostring
A tiny (110B) and fast utility to sort ISO 8601 date strings.

uid
A tiny (134B) and fast utility to generate randomized output strings of fixed length using lowercase alphanumeric characters.

Checkboxland
Peak weirdness here. A JavaScript library for rendering anything as HTML checkboxes. Yes, that's right.

Routine
An inline, promise-based wrapper around Web Workers.

Build Tools, Bundlers, etc.

Advanced React & GraphQL by Wes Bos is 50% Off!
The master package includes 68 HD videos, part of 10 modules – and course updates are free forever.   promoted 

npm Dependency Visualizer
Enter the name of any npm package and this tool will display a visual showing its dependencies.

Pipedream
An integration platform built for developers. Develop any workflow, based on any trigger. Workflows are code, which you can run for free. No server or cloud resources to manage.

Rome
An experimental JavaScript toolchain. A compiler, linter, formatter, bundler, testing framework, and more.

Destiny
Prettier for File Structures. Scans a folder for all the files in it and creates a graph based on how the JavaScript/TypeScript files import each other.

Prettier
The popular code formatting tool is now at version 2.

Worth It
Enter a URL and this tool will analyze a page to determine how much less JavaScript is downloaded in modern browsers as a result of it using the module/nomodule pattern.

rollup.js
The popular module bundler for JavaScript apps is now at version 2+.

scriptlint
Enforceable standards for your package.json scripts – like ESLint for npm run. The idea here is to o enable people to use memorable and consistent script names across their projects.

Tray.io
Quickly integrate software applications using powerful automated workflows. Easily build and streamline processes using a beautifully designed visual workflow editor.

Unminify
Free online tool to unminify (unpack, deobfuscate) JavaScript, CSS, and HTML code, making it readable and pretty.

A Tweet for Thought

Kent C. Dodds provides a JavaScript quick tip that uses destructuring but it's interesting to read the many responses in the thread. I tend to be on the side of the responders in cases like this. Sometimes clever code is not readable or maintainable code.
 

Send Me Your Tools!

Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.
 

Before I Go...

Bizarrely, someone has created a project that aims to name each of the web's 16.7 million colors: colornames.org. I guess with so much remote time on our hands, this is as good a time as any to attempt this.

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly
PayPal.me/WebToolsWeekly




lit

Web Tools #355 - Frameworks, Testing Tools, JS Utilities

Web Tools Weekly

Issue #355 • May 7, 2020

Promotion
123FormBuilder Gold Plan: Lifetime Subscription
For a one-time fee of $39.99 (usually $299.88/year) ‬you get a lifetime subscription to the gold plan (20 forms/month, 5000 submissions/month). A web-based form and survey builder with a no-code drag-and-drop editor, 1000+ form templates, integration with Google Sheets, MailChimp, Dropbox, and more.
Check it Out Here

When creating interfaces using HTML's Drag and Drop API (various aspects of which I've covered in recent issues), it's important to note that some elements on a web page are already 'draggable' by default. And you've no doubt noticed this. The spec explains that the following elements are draggable by default:

  • A text selection
  • An image
  • An `a` element with an `href` attribute
Every element on the page that doesn't explicitly have the draggable attribute set has a draggable value of "auto". But that doesn't mean you can check for a value of "auto". As the spec says, if an element's draggable attribute is not set to either true or false:

"...the element's draggable content attribute has the state auto. If the element is an img element, an object element that represents an image, or an a element with an href content attribute, the draggable IDL attribute must return true; otherwise, the draggable IDL attribute must return false."

In other words, the browser will automatically set the draggable value to true or false based on what kind of element it is. Try this CodePen demo to see the effect in action. Notice a few things in the demo:

  • No draggable attributes on the three elements
  • I'm using the Window.getSelection() method to get the selected text after the drag operation begins
  • I'm using preventDefault() when the drop is made to ensure the browser doesn't think something suspicious is happening. If I didn't include this, you'd see a warning before the browser tries to navigate to whatever you drag.
Try selecting any one of the three colors in full, or even a portion of the text in those colors to find another valid color value (e.g. "Pink" inside the color "HotPink"). Notice the background of the dropzone will change accordingly.
As a side point, you can select any random piece of text on that page and you'll see the browser try to figure out what to do with the text if you drop it onto the dropzone. This is similar to dragging an image (which is naturally draggable) into a new page and then the browser visits the URL of that image.

BTW - if you like these kinds of JavaScript tips, you'll love my e-books bundle.
 

Now on to this week's tools!
 

Front-end Frameworks

A No-Code Drag and Drop Form Builder
Get a lifetime membership to 123FormBuilder's Gold plan for a one-time fee of $39.99 (usually $299.88/year). 20 forms/month, 5000 submissions/month, 1000+ form templates, integration with Google Sheets, MailChimp, Dropbox, and more.  promoted 

HTML / Sass Jumpstart
Minimal, themeable, and scalable Sass/HTML template site. Powered by node-sass and includes stylelint, Prettier, and Autoprefixer, hot-reload via Browsersync.

H3
A microframework to build client-side single-page applications (SPAs) in modern JavaScript.

Fast Cart
A Woocommerce PWA platform for building fast loading, mobile-friendly e-commerce websites.

98.css
A CSS library for building retro interfaces that look like Windows 98.

Shorthand
A utility-based CSS framework that allows you to make unique and modern designs without writing any CSS.

Reactron
A tiny Electron project configured to work with React as the front end. The project has the minimum code necessary to start a new app.

Orbit
An open source design system that includes a whole slew of components and utilities for use in your next travel-based app or website.

vue-composable
General purpose Vue Composition API composable and reactive components written in TypeScript.

Hook
A dark HTML landing page template built with the aforementioned Shorthand CSS framework.

LitElement Starter Template
A minimal starter template for a web components app built with LitElement, TypeScript, and Parcel for bundling.

Reach UI
A set of React components to build accessible React-based design systems.

Testing and Debugging Tools

ES6 for Everyone by Wes Bos is 50% Off!
The master package includes 77 HD videos, part of 21 modules – and course updates are free forever.   promoted 

Eruda
Now at version 2+. A console for testing and debugging on mobile browsers.

CursedChrome
This can be used for malicious purposes, so be wary. A Chrome-extension implant that turns victim Chrome browsers into fully-functional HTTP proxies, allowing you to browse sites as your victims.

postMessage-tracker
A Chrome extension to track postMessage usage (URL, domain, and stack) both by logging using CORS and also visually as an extension icon.

Tempomat
Native macOS app for monitoring continuous integration systems.

Will it CORS?
Test if a URL is CORS friendly (i.e. it's safe to send and the response can be read).

Pointer Latency
Tests the delay of pointermove events in the current web browser and demonstrates the usefulness/uselessness of pointer prediction.

axios
A well-known tool but I've never included it here. A Promise-based HTTP client for the browser and Node.

FinDOM-XSS
A fast and simple DOM based XSS vulnerability scanner via a Shell script.

EventReduce Browser Demo
A browser demo where the EventReduce algorithm is used in different browser databases so you can test out the performance gains of different queries.

Insomnia
Now at version 7+. API design platform plus REST and GraphQL client.

JavaScript Utilities

Advanced React & GraphQL by Wes Bos is 50% Off!
The master package includes 68 HD videos, part of 10 modules – and course updates are free forever.   promoted 

emoji-regex
A regular expression to match all Emoji-only symbols as per the Unicode Standard.

Hegel
An advanced static type checker for JavaScript with optional type annotations and is able to prevent runtime type errors.

Rosetta
A general purpose internationalization library in 292 bytes.

SAMD
A tiny, static AMD API implementation that allows including AMD modules in regular script tags.

Flipswitch.js
Pure ES6 library for clipping fixed positioned elements on scroll.

useMemoValue()
Reuse the previous version of a value unless it has changed.

Notyf
A small (~3KB) JavaScript library for toast notifications. Responsive, accessible, dependency-free, and easy to integrate with React, Angular and Vue.

gen-esm-wrapper
CLI tool that makes it easier for module authors to support both ES modules and CommonJS modules for Node.js.

prray
'Promisified' Array, compatible with normal arrays, but comes with support for async methods (e.g. mapAsync).

qrcode-generator
QR code generator implementation in JavaScript, Java, and more.

A Tweet for Thought

In case you wanted to know how long it takes to load your Twitter timeline over a real 56k connection.
 

Send Me Your Tools!

Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.
 

Before I Go...

Miss the office? Say no more.

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly
PayPal.me/WebToolsWeekly




lit

[ASAP] Stereoselective Asymmetric Synthesis of Pyrrolidines with Vicinal Stereocenters Using a Memory of Chirality-Assisted Intramolecular S<sub>N</sub>2' Reaction

Organic Letters
DOI: 10.1021/acs.orglett.0c01307




lit

[ASAP] Stereospecific Isomerization of Allylic Halides via Ion Pairs with Induced Noncovalent Chirality

Organic Letters
DOI: 10.1021/acs.orglett.0c01200




lit

Defying reality: the inside story of the virtual reality revolution / David M. Ewalt

Browsery QA76.9.C65 E9775 2018




lit

Dying of whiteness: how the politics of racial resentment is killing America's heartland / Jonathan M. Metzl

Browsery RA563.M56 M48 2019




lit

The scientific journal: authorship and the politics of knowledge in the nineteenth century / Alex Csiszar

Browsery Q223.C85 2018




lit

The social construction of difference and inequality: race, class, gender, and sexuality / Tracy E. Ore

Browsery HN59.2.S585 2019




lit

Mathematical topics on representations of ordered structures and utility theory: essays in honor of Professor Ghanshyam B. Mehta / Gianni Bosi, María J. Campión, Juan C. Candeal, Esteban Indurain, editors

Online Resource




lit

Power in numbers: the rebel women of mathematics / Talithia Williams, PhD

Online Resource




lit

Probability theory and statistical inference: empirical modelling with observational data / Aris Spanos

Dewey Library - QA273.S6875 2019




lit

Bifurcation and stability in nonlinear dynamical systems / Albert C.J. Luo

Online Resource




lit

Probability and statistics for data science: math + R + data / Norman Matloff

Dewey Library - QA273.M38495 2020




lit

Letter to BS: States should be given some flexibility to relax lockdown

The states do not have leeway or a final say in drawings boundaries of the areas that have to be opened up




lit

Best of BS Opinion: Inevitability of classical economics, Covid-19 and more

Here's a selection of Business Standard Opinion pieces for the day.




lit

Stop using actors as political pawns

Stop using actors as political pawns




lit

Lack of security at military bases alarms Parl committee

Lack of security at military bases alarms Parl committee




lit

Excise duty increased by Rs 10 per litre on petrol, Rs 13 on diesel; n...

Excise duty increased by Rs 10 per litre on petrol, Rs 13 on diesel; n...




lit

North Korea at cusp of finishing ballistic missile facility: Report

North Korea at cusp of finishing ballistic missile facility: Report




lit

WATCH: Virat Kohli gives his take on possibility of hosting cricket matches...

WATCH: Virat Kohli gives his take on possibility of hosting cricket matches...




lit

Technologies and properties of modern utility materials XXI: selected, peer reviewed papers from the XXI Conference on Technologies and Properties of Modern Utility Materials (TPMUM 2013), May 17, 2013, Katowice, Poland / edited by Jacek Medala and Paweł

Hayden Library - TA481.C67 2014




lit

External corrosion control for infrastructure sustainability.

Barker Library - TA462.E98 2014




lit

Genetic Testing for Inherited Cancer Susceptibility Syndromes

A fact sheet about genetic testing for inherited cancer risk, including who should consider testing, how to understand test results, and who has access to a person’s test results. Also contains information about at-home, or direct-to-consumer, genetic tests.




lit

'I have a dude child, a pretty girl and a little gangster'

'Aryan (is special because he) was the first child, Suhana is special because she is a girl, and AbRam because he is the youngest.' Shah Rukh Khan chats about his children, movies and Eid.




lit

'There were a lot of politics in the film industry'

Patcy N/ Rediff.com had spoken to Mubarak Begum back in 2011. We republish the interview.




lit

Leadership Lifelines: Prayer, Fasting, and Flexibility

How discipline and commitment prove essential in your leadership ministry.

Andy Stanley said, “Leadership is stewardship, and you are accountable,” while speaking to a group of leaders at Catalyst Atlanta in 2006. This quote absolutely resonated with me, because we can forget that as leaders we are responsible for our own leadership. Not only are we accountable to ourselves and those we lead, but most importantly we are accountable to the God that called us to lead.

Leadership in its most basic definition is the action or ability to lead a group or organization. Having been in leadership in education, business, the nonprofit sector, and ministry, I know all too well the truth of this statement. You are only a leader if someone is following you, so we need to give attention to how we lead, the impact of our leadership, and the health of our leadership.

Leading effectively requires discipline, and I have learned I am most effective when I discipline myself. As a leader, I have found three disciplines that help me lead well and avoid leadership pitfalls and burnout. I have used these in every area I have been called to lead. These lifelines have proven viable, having saved my life and the lives entrusted to me. Through the lifelines of prayer, fasting, and flexibility, my leadership has been enhanced in multiple ways. Albeit, prayer, fasting, and flexibility are disciplines, I consider them lifelines because of the life-giving power they have provided.

The lifeline of prayer

We know the power in prayer. We can perform a historical analysis of scripture and see many of the leaders God used were given to prayer. Prayer is what brings our will into alignment with God’s will. Whether God calls us to lead in church or the marketplace, our prayer lives are essential to our success as leaders. ...

Continue reading...




lit

All-inorganic 0D/3D Cs4Pb(IBr)6/CsPbI3-xBrx Mixed-dimensional Perovskite Solar Cells with Enhanced Efficiency and Stability

J. Mater. Chem. C, 2020, Accepted Manuscript
DOI: 10.1039/D0TC01832E, Paper
Zhenzhen Li, Xiaolong Liu, Jia Xu, Shujie Yang, Hang Zhao, Hui Huang, Shengzhong Liu, Jianxi Yao
The inorganic halide perovskite CsPbI3 has shown great promise in efficient solar cells. However, the α-phase CsPbI3 is thermodynamically unstable at room temperature, limiting its applications. Herein, we have successfully...
The content of this RSS Feed (c) The Royal Society of Chemistry




lit

Enhancing P3HT/PCBM blend stability by thermal crosslinking using poly(3-hexylthiophene)-S,S-dioxide

J. Mater. Chem. C, 2020, Advance Article
DOI: 10.1039/D0TC00109K, Paper
M. Milanovich, T. Sarkar, Y. Popowski, J. Z. Low, L. M. Campos, S. Kenig, G. L. Frey, E. Amir
A statistical copolymer containing thiophene and thiophene-S,S-dioxide rings was utilized as a thermal crosslinker in a blend of P3HT and PCBM, demonstrating an effective strategy for preventing agglomeration of PCBM and enhancing blend stability.
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




lit

Dependence of electromagnetic interference shielding ability of conductive polymer composite foams with hydrophobic properties on cellular structure

J. Mater. Chem. C, 2020, Advance Article
DOI: 10.1039/D0TC00987C, Paper
Biao Zhao, Ruoming Wang, Yang Li, Yumei Ren, Xiao Li, Xiaoqin Guo, Rui Zhang, Chul B. Park
The introduction of a cellular structure in conductive polymer composites is supposed to be an effective way to ameliorate the electromagnetic interference (EMI) shielding properties.
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




lit

All-covalently-implanted FETs with ultrahigh solvent resistibility and exceptional electrical stability, and their applications for liver cancer biomarker detection

J. Mater. Chem. C, 2020, Advance Article
DOI: 10.1039/D0TC01385D, Paper
Congcong Zhang, Shanshan Cheng, Ke Si, Nannan Wang, Yong Wang, Penglei Chen, Huanli Dong, Wenping Hu
All covalent FETs of covalently-rooted source/drain electrodes and semiconductor layers are launched. The FETs exhibit ultrahigh solvent resistibility, exceptional electrical stability, and ultralong shelf life, facilitating their further treatments.
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




lit

Design and development of HMS@ZIF-8/fluorinated polybenzoxazole composite films with excellent low-k performance, mechanical properties and thermal stability

J. Mater. Chem. C, 2020, Advance Article
DOI: 10.1039/D0TC00124D, Paper
Xudong Zhou, Xiaoyun Liu, Zhongkai Cui, Jinlou Gu, Shaoliang Lin, Qixin Zhuang
A new-type of hollow silica@ZIF-8 (HMS@ZIF-8) particle was successfully designed, fabricated and introduced into the fluorinated polybenzoxazole (6FPBO) matrix to prepare the HMS@ZIF-8/6FPBO composite film.
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




lit

Photolithography–Enabled Direct Patterning of Liquid Metals

J. Mater. Chem. C, 2020, Accepted Manuscript
DOI: 10.1039/D0TC01466D, Paper
Roozbeh Abbasi, Mohannad Mayyas, Mohammad B. Ghasemian, Franco Centurion, Jiong Yang, Maricruz G. Saborío, Francois-Marie Allioux, Jialuo Han, Jianbo Tang, Michael J. Christoe, K. M. Mohibul Kabir, Kourosh Kalantar-Zadeh, Md. Arifur Rahim
One of the major challenges in the development of soft electronics is to devise scalable and automated strategies for the microfabrication of deformable and flexible electronic components and sensors. Liquid...
The content of this RSS Feed (c) The Royal Society of Chemistry




lit

Prediction of high carrier mobility for a novel two-dimensional semiconductor of BC6N: first principles calculations

J. Mater. Chem. C, 2020, 8,5882-5893
DOI: 10.1039/D0TC00549E, Paper
Li-Bin Shi, Mei Yang, Shuo Cao, Qi You, Ya-Jing Zhang, Meng Qi, Kai-Cheng Zhang, Ping Qian
First principles calculations are performed to predict phonon-limited carrier mobility for a novel graphene-like semiconductor with BC6N stoichiometry.
The content of this RSS Feed (c) The Royal Society of Chemistry




lit

Waterproof perovskites: high fluorescence quantum yield and stability from a methylammonium lead bromide/formate mixture in water

J. Mater. Chem. C, 2020, 8,5873-5881
DOI: 10.1039/D0TC00383B, Paper
Yeasin Khan, Yohan Ahn, Hyuna Lee, Jaeki Jeong, Yun Seop Shin, Je Seung Lee, Jang Hyuk Kwon, Jin Young Kim, Hoon Sik Kim, Jung Hwa Seo, Bright Walker
We’ve observed intense, water-stable fluorescence from lead formate crystals when they are precipitated from a CH3NH3PbBr3 (MAPbBr3) perovskite precursor solution.
The content of this RSS Feed (c) The Royal Society of Chemistry




lit

Effect of molecular weight on the EUV-printability of main chain scission type polymers

J. Mater. Chem. C, 2020, 8,5958-5966
DOI: 10.1039/C9TC06482F, Paper
Ashish Rathore, Ivan Pollentier, Harpreet Singh, Roberto Fallica, Danilo De Simone, Stefan De Gendt
This study on the main chain scission type polymers, PMMA and a copolymer system, shows that the EUV-printability is proportional to the Mw of the starting material, which is attributed to the enhanced litho-parameters of higher Mw material.
The content of this RSS Feed (c) The Royal Society of Chemistry




lit

Correction: Effect of molecular weight on the EUV-printability of main chain scission type polymers

J. Mater. Chem. C, 2020, 8,5967-5967
DOI: 10.1039/D0TC90080J, Correction
Open Access
  This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.
Ashish Rathore, Ivan Pollentier, Harpreet Singh, Roberto Fallica, Danilo De Simone, Stefan De Gendt
The content of this RSS Feed (c) The Royal Society of Chemistry




lit

Essential essays: culture, politics, and the art of poetry / Adrienne Rich ; edited and with an introduction by Sandra M. Gilbert

Hayden Library - PS3535.I233 A6 2018c




lit

Women writers of the Beat era: autobiography and intertextuality / Mary Paniccia Carden

Hayden Library - PS228.B6 C365 2018




lit

A little in love with everyone: Alison Bechdel's Fun home / Genevieve Hudson

Hayden Library - PS3608.U346 L58 2018




lit

Living legacies: literary responses to the Civil Rights Movement / edited by Laura Dubek

Hayden Library - PS169.C58 L58 2018




lit

Eating Identities: Reading Food in Asian American Literature / Wenying Xu

Online Resource




lit

Elizabeth Bishop and the literary archive / edited by Bethany Hicok

Online Resource




lit

The Oxford handbook of American literary realism / edited by Keith Newlin

Online Resource




lit

Sticky rice: a politics of intraracial desire / Cynthia Wu

Hayden Library - PS228.R32 W82 2018




lit

Bodyminds reimagined: (dis)ability, race, and gender in black women's speculative fiction / Sami Schalk

Hayden Library - PS153.N5 S33 2018




lit

The border and the line: race, literature, and Los Angeles / Dean J. Franco

Hayden Library - PS153.M56 F725 2019




lit

The digital banal: new media and American literature and culture / Zara Dinnen

Hayden Library - PS169.T4 D56 2018




lit

Sacraments of memory: Catholicism and slavery in contemporary African American literature / Erin Michael Salius

Hayden Library - PS508.N3 S25 2018




lit

Pan-African American literature: signifyin(g) immigrants in the twenty-first century / Stephanie Li

Dewey Library - PS153.N5 L472 2018