Latest ge news

In previous tips I introduced a basic HTML Drag and Drop API example along with some things you can do with the dataTransfer() object. This tip will focus on the different events you can listen for during a drag operation.

There are 7 drag events that are supported across all modern browsers. They are:

dragstart - A dragging operation begins (on dragged item)
drag - A drag operation is in process (on dragged item)
dragenter - A dragged item enters a valid drop target (on drop target)
dragover - A valid drop target is dragged over (on drop target)
dragleave - A dragged item leaves a valid drop target (on drop target)
drop - A dragged item is dropped on a valid drop target (on drop target)
dragend - A drag operation ends (on dragged item)

The notes in parentheses next to each bullet point indicate where the event listener would be placed when listening for the event.

As usual, this is always more interesting with an interactive example, so here's a CodePen demo that illustrates all 7 drag events by printing each one on the page as the event occurs. Some events, of course, occur simultaneously. Also, in order to see the dragleave event, you have to 'leave' the drop target before entering it again to complete the drop.

The demo displays each message once but it should be noted that the drag and dragover events fire continuously while the item is dragged or while the drop target is being dragged over. The rest of the events occur one time each then won't occur again until another drag operation is initiated, ended, or another drop target is accessed, etc.

It should also be noted that MDN's article that lists the different events also lists a dragexit event that has some browser support. But it's recommended to use the dragleave event (which is apparently the equivalent) instead.

Now on to this week's tools!

React Tools

>&campaign_id=02f2bef915&device=desktop&v=0.14" style="padding-bottom: 12px;max-width: 568px;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" width="568">

Enform
Handle React forms with joy. Helps you manage form validation, dirty form submission and reset, field values and changes, and error messages.

react-letter
A React component that allows for an easy display of HTML e-mail content with automatic sanitization. Support for features should match what is supported by Gmail.

useCustomHook
A starter template for creating a new React Hook.

react-easy-state
Simple React state management made with ES6 Proxies.

Crank.js
Write JSX-driven components with functions, promises, and generators. uses the same JSX syntax and diffing algorithm popularized by React, allowing you to write HTML-like code directly in your JavaScript.

use-scroll-to-bottom
React Hook that uses IntersectionObserver to detect when the user has scrolled to the bottom of the page.

React Cool Portal
A React hook for Portals that helps you render children (e.g. modals, dropdowns, tooltips, etc) into a DOM node that exists outside the DOM hierarchy of the parent component.

React State Selector
Performant, type safe and easy to use React global state manager.

React Table
Now at version 7+. Hooks for building lightweight, fast and extendable data grids for React.

react-curved-arrow
Use nice curvy arrows in your React project. Great for interactive tutorials and product tours.

react-enroute
Now at version 4+. React router with a small footprint for modern browsers.

codelift
A "No Code" GUI for your React app.

Beginner JavaScript (88 HD Videos)
React for Beginners (29 HD Videos)
ES6+ for Everyone (77 HD Videos)
Advanced React (68 HD Videos)

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

British Museum Collection
The British Museum has released 1.9 million images, most with a CC 4.0 license.

Rickshaw
A JavaScript toolkit for creating interactive time series graphs.

Trianglify
Algorithmically generated triangle art that you can render in a project using a simple API, or generate and download using the online tool.

Plotly.js
Built on top of D3.js and stack.gl, a high-level, declarative charting library with over 40 chart types, including scientific charts, 3D graphs, statistical charts, SVG maps, financial charts, and more.

Image Cropper
A quick and easy way to resize any image (PNG, JPG, SVG, GIF, and WEBP supported).

PicsArt Photo Editor
More than a dozen online photo editing tools including duotone effects, overlays, filters, background editing, and more.

BlurHash
A compact representation of a placeholder for an image. Replace boring grey boxes with beautiful states for your placeholders.

Image Compare Viewer
A vanilla JavaScript, dependency-free component that adds an interactive image diff viewer to any page. The on page demos are pretty cool!

OpenJSCAD.org
A set of modular, browser and command line tools for creating parametric 2D & 3D designs with JavaScript code.

Vime
Open source video player library focused on giving users and developers the best possible media player experience. Supports HTML5, Dash, YouTube, Vimeo, and Dailymotion.

Mixkit Music
Free stock music clips that are royalty-free for commercial projects.

The Uncategorizables

Exchange Rates API
A simple and lightweight free service for current and historical foreign exchange rates.

Amazon AppFlow
A fully managed integration service that enables you to securely transfer data between SaaS apps like Salesforce, Marketo, Slack, and ServiceNow, and AWS services like Amazon S3, in just a few clicks.

Digital Brain
Auto-generates your basic documentation and then provides a beautiful, fast, and collaborative interface for your team to complete your documentation process.

Permanent.org
A new non-profit, secure cloud storage service with a focus on privacy that offers a free gigabyte to start.

Flow
A fast, secure, and developer-friendly blockchain built to support the next generation of games, apps, and the digital assets that power them.

Phelia
A reactive Slack application framework. Build interactive Slack apps without webhooks or JSON headache. If you know React, you know how to make a Slack app.

hCaptcha
A drop-in replacement for reCAPTCHA (you can switch within minutes) that protects user privacy, rewards websites, and helps companies get their data labeled.

markmap-lib
Visualize your Markdown with mindmaps.

Plausible
Simple and privacy-friendly alternative to Google Analytics. A lightweight and open-source site analytics tool that doesn’t use cookies and is fully compliant with GDPR, CCPA, and PECR.

Public APIs
A collection of free public APIs for software developers, categorized.

A Tweet for Thought

Technology has changed the way we behave, as this thread demonstrates.

Got a Tool Suggestion?

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're a big Seinfeld fan like I am, you'll love this: Seinfeld Adventure. Right now it's just a pitch for a game. I seriously doubt Jerry and his producers will approve this, but it's pretty cool to see what it would be like to play "a game about nothing".

Thanks to everyone for subscribing and reading!

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

Full Article

[ASAP] Pd-Catalyzed Cross-Coupling of Highly Sterically Congested Enol Carbamates with Grignard Reagents via C–O Bond Activation

By feedproxy.google.com
Published On :: Thu, 30 Apr 2020 04:00:00 GMT

Organic Letters

DOI: 10.1021/acs.orglett.0c01127

Full Article

[ASAP] Catalytic C–C Cleavage/Alkyne–Carbonyl Metathesis Sequence of Cyclobutanones

By feedproxy.google.com
Published On :: Thu, 30 Apr 2020 04:00:00 GMT

Organic Letters

DOI: 10.1021/acs.orglett.0c01317

Full Article

[ASAP] Pd-Catalyzed Regiodivergent Synthesis of Diverse Oxindoles Enabled by the Versatile Heck Reaction of Carbamoyl Chlorides

By feedproxy.google.com
Published On :: Fri, 01 May 2020 04:00:00 GMT

Organic Letters

DOI: 10.1021/acs.orglett.0c01197

Full Article

[ASAP] Organocatalytic Regiodivergent Ring Expansion of Cyclobutanones for the Enantioselective Synthesis of Azepino[1,2-<italic toggle="yes">a</italic>]indoles and Cyclohepta[<italic toggle="yes">b</italic>]ind

By feedproxy.google.com
Published On :: Mon, 04 May 2020 04:00:00 GMT

Organic Letters

DOI: 10.1021/acs.orglett.0c01406

Full Article

[ASAP] Hydrogenation or Dehydrogenation of N-Containing Heterocycles Catalyzed by a Single Manganese Complex

By feedproxy.google.com
Published On :: Mon, 04 May 2020 04:00:00 GMT

Organic Letters

DOI: 10.1021/acs.orglett.0c01273

Full Article

[ASAP] Designing Homogeneous Copper-Free Sonogashira Reaction through a Prism of Pd–Pd Transmetalation

By feedproxy.google.com
Published On :: Thu, 07 May 2020 04:00:00 GMT

Organic Letters

DOI: 10.1021/acs.orglett.0c01227

Full Article

[ASAP] Phosphorus(III)-Mediated, Tandem Deoxygenative Geminal Chlorofluorination of 1,2-Diketones

By feedproxy.google.com
Published On :: Fri, 08 May 2020 04:00:00 GMT

Organic Letters

DOI: 10.1021/acs.orglett.0c01258

Full Article

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

By feedproxy.google.com
Published On :: Fri, 08 May 2020 04:00:00 GMT

Organic Letters

DOI: 10.1021/acs.orglett.0c01254

Full Article

[ASAP] Palladium-Catalyzed Regio- and Stereoselective Cross-Coupling of Vinylethylene Carbonates with Ketimine Esters to Generate (<italic toggle="yes">Z</italic>)-Tri- and Tetra-substituted Allylic Amino Acid Derivatives

By feedproxy.google.com
Published On :: Fri, 08 May 2020 04:00:00 GMT

Organic Letters

DOI: 10.1021/acs.orglett.0c01211

Full Article

[ASAP] Benzo- and Thieno-Annulated Tetracenes: A One-Pot Synthesis via Cross-Dehydrogenative Annulation

By feedproxy.google.com
Published On :: Fri, 08 May 2020 04:00:00 GMT

Organic Letters

DOI: 10.1021/acs.orglett.0c01244

Full Article

Beyond Cedarville: Why Do Pastors Keep Getting Rehired After Abuse?

By feeds.christianitytoday.com
Published On :: Tue, 28 Apr 2020 10:00:00 GMT

Victims’ advocates caution institutions against plans to “restore” fallen leaders.

Update (May 1): Cedarville University president Thomas White has been placed on administration leave by the school’s board of trustees. A week after Anthony Moore was fired by White over “additional information related to [his] past,” the board announced it will commission an independent investigation of Moore and an audit of his hiring.

---------

Another case of a leader with an abusive past moving from one evangelical institution to another has intensified scrutiny on Christian hiring practices and responses to abuse.

In ministry contexts, the desire to keep fallen leaders out of positions where they might again abuse their authority is sometimes met with another perspective—a hope that a redemptive and forgiving God would allow people to be restored to leadership. Both victims’ advocates and community members worry that administrators weighing those considerations at Cedarville University made the wrong call.

In 2017, Cedarville welcomed Anthony Moore six months after he was fired from the lead pastor position of The Village Church’s Fort Worth campus. President Thomas White wrote that he offered to shepherd Moore through a five-year plan of restoration at the conservative Baptist school while he taught theology, helped coach basketball, and served as a special advisor on diversity.

CT spoke with four current and former Cedarville professors who said they knew Moore had made a “mistake” related to same-sex attraction and technology, based on White’s introduction and Moore’s own telling. Some assumed pornography or an online relationship. They had no idea that he had reportedly filmed a subordinate at his previous church in the shower. The revelation, detailed by multiple ...

Full Article

Why We Opened a Christian University in Iraq Amid ISIS’ Genocide

By feeds.christianitytoday.com
Published On :: Thu, 07 May 2020 01:21:00 GMT

CT interviews Stephen Rasche on Erbil’s Catholic presence, the need for Christian unity, and why Christians will “no longer be shy” with the gospel.

For 25 years, Stephen Rasche was a “bare knuckles” international lawyer. But in 2010, he offered his services to the Chaldean Catholic Church of Erbil in Iraqi Kurdistan and has increasingly dedicated his life to the preservation of this ancient community.

Under the leadership of Archbishop Bashar Matti Warda, in 2015 Rasche helped found the Catholic University of Erbil, where he serves as vice chancellor. Also the director of its Institute for Ancient and Threatened Christianity, Rasche lived this title as ISIS ravaged Iraq’s Christian homelands in the Nineveh Plains and many believers fled to Erbil.

After testifying on their behalf before the United Nations and the US Congress, Rasche allows them to represent themselves in his recent book, The Disappearing People: The Tragic Fate of Christians in the Middle East. The book has won a diverse range of endorsements, from leaders such as Matthew Hassan Kukah, bishop of the Catholic Diocese of Sokoto, Nigeria; Yahya Cholil Staquf, general secretary of Nahdlatul Ulama, the largest Muslim organization in the world; and Thomas Farr, president of the Religious Freedom Institute.

The US State Department’s Office of International Religious Freedom reports that less than 250,000 Christians are living in Iraq, most in Kurdistan or on the Nineveh Plains. Two-thirds belong to the Chaldean Catholic Church.

CT interviewed Rasche about the logic of establishing a university during a genocide, how its Catholic identity functions in a Muslim society, and his enduring optimism for Christianity in Iraq.

What led you personally to invest your life in this endeavor?

In 2010, Bishop Warda had just been made archbishop, and I went to pay him a visit of respect, asking if there ...

Full Article

In Inner-City Black Churches: More Grief, Fewer Resources, Stronger Faith

By feeds.christianitytoday.com
Published On :: Fri, 08 May 2020 10:04:00 GMT

How the pandemic concentrated pressures on small churches—and how the body of Christ is stepping up to help, one $3,000 grant at a time.

Philadelphia pastor Kevin Cropper’s heart sank last month when he saw a message asking for food among the prayer requests emailed to his church.

“It was a request for something tangible, and we didn’t have it,” Cropper said.

His congregation, Ark of Safety Christian Church, had canceled its weekly food distribution since it ran out of donations when it stopped gathering in March. “It makes you feel bad because isn’t that what our mission is? We want to be able to help in this type of crisis, but we need the resources to do it.”

That’s the problem with being a small, inner-city black church during a pandemic. Black adults are more than twice as likely as whites or Hispanic Americans to know someone who has been hospitalized or died due to COVID-19. Their communities are afraid, grieving, and suffering from the virus themselves; and they are far less likely to have the staff, budgets, or space to help as much as they feel called.

“We are in the city. We don’t have acres, we stay close to each other, and it’s very easy to spread the virus,” said Kato Hart Jr., pastor of Hold the Light Ministries, a Church of God in Christ (COGIC) congregation in Detroit.

American counties with a higher-than-average proportion of black residents now account for half of coronavirus cases and 60 percent of deaths. Even in a church of 50, word keeps spreading of which members have lost relatives to the virus: aunties, uncles, grandparents. Hart has lost fellow brothers in ministry, citing a letter from denominational leadership saying 30 COGIC bishops have fallen to COVID-19—including a dozen in Michigan alone.

“We’re in a fight, and we need help. These megachurches, ...

Full Article

Inflow in equity MF plunges 27% to Rs 81,600 cr in FY20

By
Published On :: Thursday, May 07, 2020, 18:26 +0530

However, this was the sixth successive year of net inflows in equity mutual funds, according to data by the Association of Mutual Funds in India (AMFI).

Full Article

Ratan Tata invests in 17-year-old kid's pharma start-up Generic Aadhaar

By
Published On :: Friday, May 08, 2020, 12:33 +0530

Generic Aadhaar supplies quality generic drugs from reputed manufacturers at up to 80 per cent lesser cost and other medicines 20-30 per cent cheaper.

Full Article

Service charges for Post office savings a/c, issue of duplicate passport and more

By
Published On :: Friday, May 08, 2020, 17:02 +0530

Here are some details of service charges that the Post Office charges you.

Full Article

Asperger's children: the origins of autism in Nazi Vienna / Edith Sheffer

By library.mit.edu
Published On :: Sun, 28 Jul 2019 07:37:59 EDT

Browsery RJ506.A9 S5257 2018

Full Article

The good neighbor: the life and work of Fred Rogers / Maxwell King

By library.mit.edu
Published On :: Sun, 28 Jul 2019 07:37:59 EDT

Browsery PN1992.4.R56 K56 2018

Full Article