fro

Now Available: Concerts from the Library of Congress

 

You can get tickets for any 2020 event that is part of Concerts from the Library of Congress.

PLEASE NOTE: All films, talks and pre-concert events this year are general admission with no ticket required, unless otherwise indicated. You can still register for reminders and updates about those events, but seating will be first-come, first-served.

Click here for more information.

Request ADA accommodations five business days in advance at (202) 707-6362 or ADA@loc.gov.




fro

Missa Charles Darwin / Gregory W. Brown ; texts from Charles Darwin

MEDIA PhonCD B8128 mis




fro

The Andrée expedition: From the diary of Virginia Woolf / Dominick Argento

MEDIA PhonCD Ar37 song




fro

'From noon to starry night' / Baker

MEDIA PhonCD B171 insmu




fro

Music from SEAMUS.

MEDIA PhonCD M973 sea26




fro

Web Tools #349 - DOM Snippets, Front-end Frameworks, Media, Uncats

Web Tools Weekly

Issue #349 • March 26, 2020

Advertisement via Syndicate
Have Happier, More Productive Video Meetings
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!

Although I often include quick DOM scripting tips in the intro of this newsletter, for this week, I'm just going to point you to a great little resource that was sent to me by reader Phuoc Nguyen:

It's more or less a repository of basic, intermediate, and advanced native DOM scripting snippets.
 
HTML DOM: A resource of native DOM snippets

Here are some of the advanced and intermediate examples:
  • Make a draggable element
  • Resize columns of a table
  • Sort a table by clicking its headers
  • Calculate the size of the scrollbar
  • Communicate between an iframe and parent window
There are more than 80 tips currently listed and I'm sure he'll add more later. Even if you don't necessarily use any of the snippets in a real project right away, there are plenty of little coding tidbits you can glean form the example code, which is all just vanilla JavaScript with no library or framework involved.

So check out HTML DOM, I'm sure you'll have lots to investigate!
 

Now on to this week's tools!
 

Front-end Frameworks

Have Happier, More Productive Video Meetings
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

chakra-ui-vue
A set of accessible and composable Vue components that you can use to build your favourite applications and sites.

Pixel Lite
A beautifully crafted, responsive UI kit based on Bootstrap 4 that includes 100 components, 3 plugins, and 3 example pages.

next-typescript-materialui-jest-starter
Very opinionated starter boilerplate for projects based on Next.js, setup with Typescript, Material-UI, and Jest.

React SaaS Template
Template for building a SaaS app or admin website using React + Material-UI.

web3-react
A simple, extensible, dependency-minimized framework for building modern Ethereum decentralized apps.

Tailwind UI
A UI components library, crafted by the creators of Tailwind CSS.

neo.mjs
A Web Workers-driven UI framework.

LitElement
A simple base class for creating fast, lightweight web components. Makes it easy to define web components – ideal for building a UI design system.

Ionic React
React version of Ionic Framework. 100+ mobile optimized React UI components. Standard React tooling with react-dom.

Accessible Components
Scott O'Hara's repo that lists all the accessible widgets and components he's built.

StarAdmin
A free responsive admin template built with Bootstrap 4.

Media Tools

Tech Productivity Newsletter
A brief newsletter featuring tools and articles for remote work, work culture, learning science, and more – all to help you be more productive.   promoted 

Croppola
Upload a photo and this tool will use AI to crop the photo for you automatically, or you can crop it manually and download the result.

Image to Colors
Online tool that extracts colors from any photo on upload.

Nuxt Optimized Images
Automatically optimizes images used in Nuxt.js projects (JPEG, PNG, SVG, WebP and GIF).

Twilio Video React App
Demonstrates a multi-party video application built with twilio-video.js and Create React App.

react-particle-image
React component to render images as interactive particles. There's an interactive demo using the React logo that's pretty cool.

CoreUI Icons
Premium designed free icon for web and mobile, available in SVG, webfont, and raster formats.

DotMatrix.js
A small, performant class-based, dot matrix library with animated movements that respond to mouse/touch events.

react-calendar-heatmap
A calendar heatmap component built on SVG, inspired by GitHub’s commit calendar graph.

Chessboard Image
Modify chess pieces on a virtual chess board, to create chess positions, then download the image for use wherever you want. Might be cool for a chess tutorial website or blog.

Video Language
A language for making movies. Combines the power of a traditional video editor with the capabilities of a full programming language.

The Uncategorizables

Tech Productivity Newsletter
A brief newsletter featuring tools and articles for remote work, work culture, learning science, and more – all to help you be more productive.   promoted 

Mailcoach
A self-hosted email list manager. It integrates with services like Amazon SES, Mailgun, Postmark, or Sendgrid to send out mailings affordably.

Backstage
Open-source developer portal that puts the developer experience first by means of a a unified front end for all your infrastructure tooling.

dstack.ai
Collaborative data exploration. Enables individual data scientists and their teams to publish, share, and track data visualizations.

TAGX
Allows you to create video highlights and annotate the interesting parts of a video. Enter a YouTube, Vimeo, or direct video link to start annotating.

cs.opensource.google
A search engine to search Google's open source projects (Angular, Dart, Flutter, Go, etc).

Cotter
One-click secure phone number login for your apps.

Phrase
Automate localization processes. Edit language files online with your team of translators or order translations into more than 60 languages.

It's a Live
Lets you mimic a live coding presentation by prerecording the presentation, which gets triggered by random keystrokes as if you were really coding.

EasyCSV
Import spreadsheets into your App, Zapier, Google Sheets, Salesforce, or any public API in minutes.

Pico
Platform to create paywalled content, subscriptions, newsletters, etc.

A Tweet for Thought

This underappreciated Tweet by Adam Greenough should be the dev-related Tweet of the year.
 

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...

If you've got a lot of extra time at home (and you should!) you might like Codepip. There you'll find a number of different interactive online games that teach you various aspects of front-end development.

Thanks to everyone for subscribing and reading!

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




fro

[ASAP] A One-Pot Iodo-Cyclization/Transition Metal-Catalyzed Cross-Coupling Sequence: Synthesis of Substituted Oxazolidin-2-ones from <italic toggle="yes">N</italic>-Boc-allylamines

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




fro

[ASAP] A General One-Pot Protocol for Hindered <italic toggle="yes">N</italic>-Alkyl Azaheterocycles from Tertiary Carboxylic Acids

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




fro

IndiGo Airlines to cut salary for senior employees from May

The company will also put in place a leave without pay program for the months of May, June and July




fro

Swallowing mercury / Wioletta Greg ; translated from the Polish by Eliza Marciniak

Browsery PG7158.G8427 G8413 2017b




fro

Love in the new millennium / Can Xue ; foreword by Eileen Myles ; translated from the Chinese by Annelise Finegan Wasmoen

Browsery PL2912.A5174 X5613 2018




fro

The desert and its seed / Jorge Barón Biza ; translated from the Spanish by Camilo Ramirez ; afterword by Nora Avaro

Browsery PQ7798.12.A678 D4713 2018




fro

Society elsewhere: why the gravest threat to humanity will come from within / Francis Sanzard

Browsery HM846.S26 2018




fro

Seventeen / Hideo Yokoyama ; translated from the Japanese by Louise Heal Kawai

Browsery PL877.5.O369 K8713 2018




fro

The occasional virgin / Hanan al-Shaykh ; translated from the Arabic by Catherine Cobham

Browsery PJ7862.H356 A2 2018




fro

Not that Bad: Dispatches from Rape Culture / edited by Roxane Gay

Browsery HD6060.3.N68 2018b




fro

Desirable body / Hubert Haddad ; translated from the French by Alyson Waters

Browsery PQ2668.A314 C6713 2018




fro

The atlas of disease: mapping deadly epidemics and contagion from the plague to the zika virus / Sandra Hempel

Browsery RA649.H46 2018




fro

From the earth: world's great, rare and almost forgotten vegetables / Peter Gilmore ; photography by Brett Stevens

Browsery TX801.G55 2018




fro

A certain Plume / Henri Michaux ; translated from the French by Richard Sieburth ; preface by Lawrence Durrell

Browsery PQ2625.I2 A2 2018




fro

Between Harlem and Heaven: Afro-Asian-American cooking for big nights, weeknights, & every day / J.J. Johnson and Alexander Smalls ; with Veronica Chambers ; photography by Beatriz da Costa ; food styling by Roscoe Betsill

Browsery TX715.2.A47 J64 2018




fro

A common table: 80 recipes and stories from my shared cultures / Cynthia Chen McTernan

Browsery TX724.5.A1 M38 2018




fro

Black is the body: stories from my grandmother's time, my mother's time, and mine / Emily Bernard

Browsery E185.97.B337 A3 2019




fro

A comprehensive introduction to sub-Riemannian geometry: from the Hamiltonian viewpoint / Andrei Agrachev (Scuola Internazionale Superiore di Studi Avanzati (SISSA), Trieste), Davide Barilari (Université Paris Diderot, Paris), Ugo Boscain (Centre Nat

Dewey Library - QA671.A47 2020




fro

Where do numbers come from? / T.W. Körner (University of Cambridge)

Dewey Library - QA241.K6697 2020




fro

From Lambda Calculus to cybersecurity through program analysis: essays dedicated to Chris Hankin on the occasion of his retirement / Alessandra Di Pierro, Pasquale Malacaria, Rajagopal Nagarajan (eds.)

Online Resource




fro

Letter to BS: We can expect a huge tranche of economic reforms from May 2

The Centre could offer a larger share of the revenue to states in exchange for greater empowerment of Centre on dual-control subjects




fro

No Army deployment in Mumbai, may request additional force from Centre if n...

No Army deployment in Mumbai, may request additional force from Centre if n...




fro

Operation Samudra Setu: Around 2,000 Indians to be evacuated from Maldives...

Operation Samudra Setu: Around 2,000 Indians to be evacuated from Maldives...




fro

&#039;Paatal Lok&#039;: Take a look at intriguing character posters from An...

'Paatal Lok': Take a look at intriguing character posters from An...




fro

NEET 2020 Preparation: From syllabus to books, here are some important...

NEET 2020 Preparation: From syllabus to books, here are some important...




fro

CBSE to conduct pending class 10, 12 exams from July 1 to 15

CBSE to conduct pending class 10, 12 exams from July 1 to 15




fro

Top sports news: La Liga to resume from June 20? BCCI treasurer provid...

Top sports news: La Liga to resume from June 20? BCCI treasurer provid...




fro

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




fro

Gold in early Southeast Asia: selected papers from the symposium gold in Southeast Asia: Yale University Art Gallery, 13-14 May 2011/ Ruth Barnes, Emma Natalya Stein, and Benjamin Diebold, editors

Dewey Library - TN760.G653 2015




fro

3D Interactive Globes Now Online: Spin Through an Archive of Globes from the 17th and 18th Century

Willem Janszoon Blaeu Celestial Globe 1602 No matter how accustomed we've grown over the centuries to flat maps of the world, they can never be perfectly accurate. Strictly speaking, no map can perfectly capture the territory it describes (an impossibility memorably fictionalized by Jorge Luis Borges in "On Exactitude in Science"), but there's a reason […]

3D Interactive Globes Now Online: Spin Through an Archive of Globes from the 17th and 18th Century is a post from: Open Culture. Follow us on Facebook, Twitter, and Google Plus, or get our Daily Email. And don't miss our big collections of Free Online Courses, Free Online Movies, Free eBooksFree Audio Books, Free Foreign Language Lessons, and MOOCs.




fro

Would You Move After a Shooting On Your Front Lawn?

How we came to answer the question in Memphis.








fro

Worried about your sex life? Get tips from Sunny Leone

Relationship advice from Sunny Leone and Rannvijay Singha.






fro

Martin Sorrell's exit from the Ad industry sets off questions about future

Sorrell's exit would have been a big deal at any point, but the manner of his departure has amplified the attention




fro

Structure evolution of electrochromic devices from 'face-to-face' to 'shoulder-by-shoulder'

J. Mater. Chem. C, 2020, Accepted Manuscript
DOI: 10.1039/D0TC01132K, Paper
Xiufeng Tang, Guoxin Chen, Zhixin Li, Hua Li, Zehui Zhang, Qinghao Zhang, Zhijun Ou, Yongxian Li, Chengjian Qi, Jianyi Luo
A traditional electrochromic device contains at least five functional layers, where the electrochromic film exactly faces the counter electrode with matching size and color. This face-to-face structure is cumbersome for...
The content of this RSS Feed (c) The Royal Society of Chemistry




fro

Loss-favored ultrasensitive refractive index sensor based on directional scattering from a single all-dielectric nanosphere

J. Mater. Chem. C, 2020, Advance Article
DOI: 10.1039/D0TC00899K, Communication
Churong Ma, Ying Liu, Feng Zhao, Feng Xu, Jiahao Yan, Xiangping Li, Bai-Ou Guan, Guowei Yang, Kai Chen
An ultrasensitive refractive index sensor based on a lossy all-dielectric nanosphere.
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




fro

Hierarchical CoxAly layered double hydroxides@carbon composites derived from the metal-organic framework with efficient broadband electromagnetic wave absorption

J. Mater. Chem. C, 2020, Accepted Manuscript
DOI: 10.1039/D0TC00622J, Paper
Bo Wen, Haibo Yang, Lei Wang, Yun Qiu
Porous carbon-based composites have attracted extensive attention because of their good performance. However, designing and synthesizing porous carbon-based composites with excellent electromagnetic wave attenuation capability is still a great challenge....
The content of this RSS Feed (c) The Royal Society of Chemistry




fro

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




fro

From Spin-Crossover to Single Molecule Magnetism: Tuning Magnetic Properties of Co(II) bis-ferrocenylterpy Cations via Supramolecular Interactions with Organocyanide Radical Anions

J. Mater. Chem. C, 2020, Accepted Manuscript
DOI: 10.1039/D0TC00830C, Paper
Haomiao Xie, Kuduva R. Vignesh, Xuan Zhang, Kim R. Dunbar
TCNQ (7,7,8,8-Tetracyanoquinodimethane) anion-radical derivatives were used to fine tune the magnetic properties of the [CoII(Fctp)2]2+ (Fctp = 4'-(2-ferrocenyl)-2,2':6'2''-terpyridine) cation in the solid state. The cocrystallization of [CoII(Fctp)2]2+ with TCNQ⋅- yielded...
The content of this RSS Feed (c) The Royal Society of Chemistry