image

An Ambrotype Army from the Cased Image File

The Department of Prints, Photographs and Architectural Collections in the Patricia D. Klingenstein Library is home to one of the largest cased image collections in the country, consisting largely of daguerreotype, ambrotype or tintype portraits. Cased images typically include the image plate and a cover glass wrapped together in a brass mat, placed inside a...

The post An Ambrotype Army from the Cased Image File appeared first on New-York Historical Society.




image

Tourist destination images and local culture : using the example of the United Arab Emirates / Verena Schwaighofer ; foreword by Prof. Dr. Sc. Othmar M. Lehner

Schwaighofer, Verena, author




image

Tourism, religion and pilgrimage in Jerusalem / Kobi Cohen-Hattab and Noam Shoval

Cohen-Hattab, Kobi, author




image

The tourism imaginary and pilgrimages to the edges of the world / edited by Nieves Herrero and Sharon R. Roseman




image

Engraving Images

Copperplate engraving is an exacting process that created precise images for an age before sharing pictures was simple. Journeyman engraver Lynn Zelesnikar tells us how it’s done.




image

Police can sully image of government, says Akhilesh Yadav



  • DO NOT USE Uttar Pradesh
  • India

image

PM’s statement to please US, shed his communal image: UP Minister



  • DO NOT USE Uttar Pradesh
  • India

image

Digital image quality in medicine / Oleg S. Pianykh

Pianykh, Oleg S., author




image

Applied medical image processing : a basic course / Wolfgang Birkfellner

Birkfellner, Wolfgang, author




image

Biosignal and medical image processing / John L. Semmlow, Benjamin Griffel

Semmlow, John L., author




image

Radiographic image analysis / Kathy McQuillen-Martensen

McQuillen-Martensen, Kathy, author




image

Workbook for Radiographic image analysis / Kathy McQuillen Martensen

McQuillen-Martensen, Kathy, author




image

Guide to medical image analysis : methods and algorithms / Klaus D. Toennies

Toennies, Klaus D., author




image

Advancements in optical methods and digital image correlation in experimental mechanics.: Proceedings of the 2019 Annual Conference on Experimental and Applied Mechanics / Ming-Tzer Lin... [et al.], editors

Online Resource




image

Visual "literacy" : image, mind, and reality / Paul Messaris

Messaris, Paul




image

Image-based research : a sourcebook for qualitative researchers / edited by Jon Prosser




image

An anthropology of images : picture, medium, body / Hans Belting ; translated by Thomas Dunlap

Belting, Hans, author




image

An adaptation of medium theory analysis : YouTube as a digital moving-image medium / John Redmond McMullan

McMullan, John, author




image

Using rough set theory to improve content based image retrieval system / Maryam Shahabi Lotfabadi

Shahabi Lotfabadi, Maryam, author




image

Limiting input type=”color” to a certain palette (from an image)

The colour input type is pretty amazing, if you think about it. You can pick a colour from it and there are lots of great presets available. The colour picker is provided by the OS for the browser, so it differs from machine to machine. I, for example, totally missed that on a Mac, you […]




image

How to Display Mode-Specific Images

Now that we have most of the basics of HTML and CSS in the browser, we’ve begun implementing new features that I would consider “quality of life” improvements, many of which have been inspired by mobile. One great example is the CSS prefers-color-scheme media query, which allows developers to cater their design to system theme […]

The post How to Display Mode-Specific Images appeared first on David Walsh Blog.




image

Changing a Background-image with CSS3 Transitions

As you may have read, outside of gradients, you can’t change a background-image with CSS transitions. Or can you? At InControl Conference last week, Greg Rewis spoke about Transitions, Transforms and Animations. A question was asked about showing one background-image on load and transitioning to another in a subsequent pseudo-state. You can always change the [...]




image

The illuminated theatre : studies on the suffering of images / Joe Kelleher

Kelleher, Joe, author




image

Ken Burns Image Slideshow

This image slideshow adds an awesome Ken Burns effect that brings each image to life during transition




image

WIRED Lab - The NASA Illustrator Who Hides Sci-Fi Easter Eggs in Official Images of Space

Visualization specialist at NASA’s Jet Propulsion Laboratory, Robert Hurt, tells us how he balances scientific accuracy and creativity when creating stunning pieces of art that double as realistic depictions of space.




image

Check Out Beautiful Sonar Images of the Seafloor Near Hawaii

Scientists have mapped the seafloor near Hawaii with huge blasts of sonar. It's beautiful AND educational!




image

Efficient near-infrared photosensitizer with aggregation-induced emission characteristics for mitochondria-targeted and image-guided photodynamic cancer therapy

Mater. Chem. Front., 2020, Advance Article
DOI: 10.1039/D0QM00170H, Research Article
Hanxiao Yang, Jiabao Zhuang, Nan Li, Yue Li, Shiyu Zhu, Jiaxin Hao, Jiayao Xin, Na Zhao
A highly efficient near-infrared photosensitizer with aggregation-induced emission characteristics was developed for mitochondria-targeted and image-guided photodynamic cancer therapy.
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




image

Web Tools #354 - React Tools, Image/Video Tools, Uncats

Web Tools Weekly

Issue #354 • April 30, 2020

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

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.
50% Off Courses by Wes Bos (Master Packages!):
 
 

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




image

The sensible stage : staging and the moving image / edited by Bridget Crone




image

How to serve Images on Web

Because even if you think you're doing right, many others are not. Here the catch: just use <img srcset> attribute to improve the experience in your own site, don't do the same mistake others are doing! Read the full post about it




image

Spatial big data science: classification techniques for Earth observation imagery / Zhe Jiang, Shashi Shekhar

Online Resource




image

Imagery and GIS: best practices for extracting information from imagery / Kass Green, Russell G. Congalton, Mark Tukman

Rotch Library - G70.4.G743 2017




image

Remote sensing and cognition: human factors in image interpretation / edited by Raechel A. White, Arzu Coltekin, and Robert R. Hoffman

Online Resource




image

Big data analytics for satellite image processing and remote sensing / P. Swarnalatha, VIT University, India, Prabu Sevugan, VIT University, India

Rotch Library - GA102.4.E4 B54 2018




image

Remote Sensing Image Classification in R.

Online Resource




image

Interpreting remote sensing imagery: human factors / edited by Robert R. Hoffman, Arthur B. Markman

Online Resource




image

Algorithms and Technologies for Multispectral, Hyperspectral, and Ultraspectral Imagery XXII: 18-21 April 2016, Baltimore, Maryland, United States / Miguel Velez-Reyes, David W. Messinger, editors ; sponsored and published by SPIE

Online Resource




image

Engendering interaction with images / Audrey G. Bennett

Bennett, Audrey, author




image

La grande illusion [videorecording] / Realisations d'art cinématographique présentent ; CANAL+ Image International ; réalisation de Jean Renoir




image

What philosophy wants from images / D.N. Rodowick

Rodowick, David Norman, author




image

Fear of Hell: Images of Damnation and Salvation in Early Modern Europe


 Read More...




image

Direct laser-patterned MXene-perovskite image sensor arrays for visible-near infrared photodetection

Mater. Horiz., 2020, Accepted Manuscript
DOI: 10.1039/D0MH00537A, Communication
Aobo Ren, Jihua Zou, hua gui Lai, Yixuan Huang, Liming Yuan, Hao Xu, Kai Shen, Hao Wang, Shunyong Wei, Yunfan Wang, Xia Hao, Jingquan Zhang, Dewei Zhao, Jiang Wu, Zhiming M. Wang
Solution-processed materials, including halide perovskites and newly discovered MXenes, are emerging as promising candidates for next-generation optoelectronic devices. Here, large-scale image sensor arrays (1250 pixels) based on a MXene/perovskite/MXene structure...
The content of this RSS Feed (c) The Royal Society of Chemistry




image

The sun: one thousand years of scientific imagery / Katy Barrett and Harry Cliff

Hayden Library - QB521.B37 2018




image

Unveiling galaxies: the role of images in astronomical discovery / Jean-René Roy, formerly Gemini Observatory, La Serena, Chile

Hayden Library - QB121.R697 2018




image

Neena, Soni redefine friendship goals with images

Actress Neena Gupta, Soni Razdan and producer Anu Ranjan have redefined friendship goals in a "then and now" photograph.




image

Pro Processing for Images and Computer Vision with OpenCV: Solutions for Media Artists and Creative Coders / by Bryan Wc Chung

Online Resource




image

Using mental imagery to enhance creative and work-related processes / Valerie Thomas

Dewey Library - BF367.T46 2020




image

XVIII Brazilian Symposium on Computer Graphics and Image Processing (SIBGRAPI'05) [electronic journal].

IEEE Computer Society




image

Proceedings. XV Brazilian Symposium on Computer Graphics and Image Processing [electronic journal].

IEEE Computer Society




image

Proceedings SIBGRAPI'98. International Symposium on Computer Graphics, Image Processing, and Vision (Cat. No.98EX237) [electronic journal].

IEEE / Institute of Electrical and Electronics Engineers Incorporated