sting

Nondestructive testing to identify concrete bridge deck deterioration / Nenad Gucunski ... [et al.]

Barker Library - TA440.N68 2013




sting

Resistance of concrete to chloride ingress: testing and modelling / Tang Luping, Lars-Olof Nilsson, and P.A. Muhammed Basheer

Barker Library - TA445.T36 2011




sting

Trends in biomathematics: mathematical modeling for health, harvesting, and population dynamics: selected works presented at the BIOMAT Consortium Lectures, Morocco 2018 / Rubem P. Mondaini, editor

Online Resource




sting

[ASAP] Advanced <italic toggle="yes">In Vitro</italic> Testing Strategies and Models of the Intestine for Nanosafety Research

Chemical Research in Toxicology
DOI: 10.1021/acs.chemrestox.0c00079




sting

WIRED Live - Hardeep Walia on Investing In Ideas

CEO and co-founder of Motif Investing, Hardeep Walia, explains the concept behind his company, which allows users to invest in ideas on one of the first social investing platforms.




sting

Battle Damage - Smash Testing a GoPro

Action cams can handle a lot—or so they say. See which camera comes out on top when we put the GoPro Hero4 Silver, Sony HDRAS20/B, and Contour Roam3 up against one another.




sting

Unnecessarily Rushed Explanations - The Most Disgusting Video Game of All Time: Hotline Miami

It’s reminiscent of old Grand Theft Auto games, but Hotline Miami is in a league of its own. It tricks you into thinking it’s cute, but don’t be fooled, it's one of the most gruesome and bloody video games of all time.




sting

Absurd Creatures | The Horrifying Sting of the Tarantula Hawk Wasp

In the world of horrifyingly painful stinging creatures, the tarantula hawk ranks so high that the actual scientific advice if you're stung is to lie down and scream. Dandy if you're a human, but if you are a tarantula, the wasp's prey, it's even worse.




sting

Cooking With Fire: Testing the Sansaire Searing Kit for Sous Vide

Sous vide machines can make tasty fare but the technique often leaves meat gray and unappetizing. WIRED's Adam Rogers fires up the $159 Sansaire Sear home blowtorch to add a little sizzle to a steak.




sting

Testing Out the Star Wars BB-8 Toy & More Gadget Gifts with YouTuber MKBHD

From the Samsung Gear S2 smartwatch to the Star Wars Sphero BB-8 toy, Youtuber MKBHD gives a few gadgets a spin to help you figure out what to put on your wish list this holiday season.




sting

Absurd Creatures | This Fish Makes Hawaii's Beaches in an ... Interesting Way

Love white sand beaches? Thank the bizarre parrotfish which eats coral and poops out sand. Oh, it also sleeps in a pile of snot.




sting

Absurd Creatures | The Voracious Fish That Looks Like a Pug and Stings Like a Bee

The stargazer spends its entire life looking like it just walked in on something...unseemly. The fish, which ambushes prey from the sea floor, also sports venomous spines and an electric shock.




sting

NASA’s Testing Its Biggest Flame Thrower, Er, Rocket Ever

If humans are going to get to Mars, they're going to need rockets with some serious liftoff power. NASA’s Space Launch System is the most powerful rocket in the world and engineers are going to blast it, for testing purposes, of course.




sting

Scientists Create a Light-Guided Robotic Stingray Using Rat Parts

A team of scientists at Harvard created an artificial stingray out of rat parts, which can be remote-controlled around a tank using light beams as part of the team's ongoing research on how to make artificial organs.




sting

The 100-Foot Sea Critter With a Gnarly Sting

The siphonophore may look like a jellyfish, but it's something entirely different: a colony of clones that packs a serious punch.




sting

Tour David Byrne’s Brain-Twisting New VR Experience

David Byrne, former Talking Heads frontman, gives a tour of Neurosociety, his new experimental theater meets neuroscience experience in Silicon Valley.




sting

Boeing's New 787-10 Takes Off, Bound for Testing Hell

The latest, longest variant of the tech-stuffed, efficiency-focused Dreamliner took off from Boeing’s new factory in Charleston, South Carolina and this is just the beginning of testing hell for the new 787-10.




sting

15 Years of Mythbusting: Adam Savage Speaks at WIRED25

Mythbusters premiered 15 years ago. More than 200 episodes, one thousand myths and 290 destroyed vehicles later, special effects expert (and WIRED alum!) Adam Savage is back, and this time he's getting help from six junior mythbusters; incredible kids from across the country with serious STEM skills. Savage spoke with WIRED's Adam Rogers at WIRED25, WIRED's 25th anniversary celebration in San Francisco.




sting

Statistical inference as severe testing : how to get beyond the statistics wars / Deborah G. Mayo (Virginia Tech)

Mayo, Deborah G., author




sting

Boosting the piezocatalytic performance towards degradation of organic pollutant of Bi2WO6 nanosheets

Mater. Chem. Front., 2020, Accepted Manuscript
DOI: 10.1039/D0QM00179A, Research Article
Aize Hao, Xueer Ning, Yali Cao, Jing Xie, Dianzen Jia
The novel piezocatalyst of Bi2WO6 nanosheets (BWO NS) are successfully synthesized by a simple, green and harmless solid-state chemistry method. The BWO NS present excellent piezocatalytic activity in contrast with...
The content of this RSS Feed (c) The Royal Society of Chemistry




sting

Tips for Boosting the Reach and Impact of Policy Research

On this episode of On the Evidence, economists Jennifer Doleac and Kosali Simon share lessons from their experiences interpreting and translating policy research for media interviews, Twitter, podcasts, and elsewhere.




sting

Live: Covid testing capacity scaled up to 95,000 per day, says Centre

India’s Covid-19 count is nearing 60,000 mark with 59,662 cases after new cases topped 3,000 for the third consecutive day. The overall death toll too was just short of 2,000 at 1,981. Overall, 3,294 fresh cases were reported from states in past 24-hour. Stay here for all live updates




sting

9 Types of Content to Stop Posting on Social Media

Here is the thing: when you post bad content to your social media channels, you run the risk of overshadowing all the hard work you have put into building your presence, and establishing connection with your online audience.

And because we do not want to let you do that, in this post, we're going to outline nine content types which could be wrecking your social media - and losing you followers.

complete article




sting

Testing capacity for Covid-19 scaled up to 95,000 per day: Harsh Vardhan

The testing capacity for Covid-19 has been scaled up to around 95,000 tests per day and a total of 15,25,631 tests have been conducted so far across 332 government and 121 private laboratories, Union Health Minister Harsh Vardhan said on Saturday. The minister reviewed the status of Covid-19 in the northeastern states along with the measures taken for its containment.




sting

Testing the predictive power of theory for PdxIr(100−x) alloy nanoparticles for the oxygen reduction reaction

J. Mater. Chem. A, 2020, 8,8421-8429
DOI: 10.1039/C9TA13711D, Paper
Hongyu Guo, Jamie A. Trindell, Hao Li, Desiree Fernandez, Simon M. Humphrey, Graeme Henkelman, Richard M. Crooks
PdxIr(100−x) alloys synthesized via a microwave-assisted polyol method serve as an ideal experimental system to improve theoretical insight of the material properties towards the ORR.
The content of this RSS Feed (c) The Royal Society of Chemistry




sting

A highly efficient artificial light-harvesting system with two-step sequential energy transfer based on supramolecular self-assembly

J. Mater. Chem. A, 2020, Advance Article
DOI: 10.1039/D0TA03169K, Paper
Guangping Sun, Weirui Qian, Jianmin Jiao, Tingting Han, Yukun Shi, Xiao-Yu Hu, Leyong Wang
An efficient artificial light-harvesting system with two-step sequential energy transfer has been successfully constructed based on supramolecular self-assembly.
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




sting

InMotion Hosting Review & Giveaway

Web hosting is a very important aspect of owning a website, as you need a reliable, fast and secure host. But there’s hundreds of companies providing hosting. Today, let’s have a look at InMotion Hosting, which offered me to review their “Launch Plan”. But this article is more than a simple review: it features an …

InMotion Hosting Review & Giveaway Read More »




sting

Web Tools #346 - JS Quiz, Code Editors, React, Testing Tools

Web Tools Weekly

Issue #346 • March 5, 2020

Advertisement
Be in the Know on Emerging New Trends
Subscribe to our mailing list to receive reports on the latest trends in products, markets, companies, and styles. We constantly analyze over 300,000 blogs, forums, portals and social media accounts to keep track of the emergence of new trends at the earliest stages.
Try it now!

If you love little JavaScript coding challenges that teach you about the basics of the language, you'll enjoy TypeOfNaN JavaScript Quizzes, a project by Nick Scialli and a number of other contributors.

TypeOfNan JavaScript Quizzes

Even after writing JavaScript for many years, I still find it hard to believe how many of such questions I get wrong. Ultimately, I don't think that matters unless I'm live coding in front of an audience or something. Debugging is part of the workflow so even if we get something subtle wrong initially, we can usually figure out the problem and fix it. What we are aiming for in most cases is an end result, not necessarily a process. But a little quiz like this can definitely enhance your understanding, and that can't hurt!

And if you like interesting little JavaScript tidbits like I often share in this newsletter, don't forget that I've compiled all my previous tutorials with updated demos and code samples in an e-book bundle you can grab from Leanpub.

Now on to this week's tools!

 

Text Editors, IDEs, etc.

Be in the Know on Emerging New Trends
Subscribe to our mailing list to receive reports on the latest trends in products, markets, companies, and styles. We constantly analyze over 300,000 blogs, forums, portals and social media accounts to keep track of the emergence of new trends at the earliest stages. sponsored 

Debug Visualizer
A VS Code extension for visualizing data structures while debugging. Works best with JavaScript/TypeScript. Also tested with C#, Java, and PHP. Works with any language that you can debug in VS Code.

Lens.vim
An automatic window resizing plugin for Vim. Automatically resizes windows when their content exceeds their window dimensions, but does so respecting some minimum and maximum resize bounds.

guijs
A multi-purpose native Windows and Mac app to help you manage your development projects. Has features for projects, package installation, script management, and more.

OpenChakra
Full-featured visual editor and code generator for React using Chakra UI (the React component library).

Autocode
An online IDE for connecting APIs together, for makers and developers alike.

Codecov
A code coverage solution to improve your code review workflow and quality. Provides highly integrated tools to group, merge, archive, and compare coverage reports.

CodeinCloud
Provides managed and dedicated cloud IDEs, hosted private cloud solutions and DevOp pipelines. Users can access on-demand IDEs for development.

Markdown App
Online or native WYSIWYG editor for Markdown for Mac, Windows, and Linux.

iHateRegex
Interactive regex cheatsheet for searching for common or complex regular expression solutions.

Peacock
VS Code plugin to subtly change the color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which.

Courses by Wes Bos (Master Packages!) on Sale for $97:
 

Testing and Debugging Tools

>&campaign_id=f4daed5baf&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">

Haxor
Helps you support and learn from developers as they build with your products. See how developers use your product by watching their screens, code changes, and open applications.

Kasaya
A "WYSIWYG" (kind of) scripting language and run-time for browser automation.

Blisk
Now at version 12+. A developer-oriented browser that provides businesses with a development workspace for teams and freelancers to develop and test modern web applications twice as fast.

Hexometer
All-in-one website maintenance and performance monitoring tool that continuously monitors and reports 2800+ data points.

Beautify.log
A Node.js library to beautify console.logs with colors, making them easier to read and more useful.

virtual-module
Evaluate a module in a sandbox with in-memory module resolution.

findead
Dead React components finder to find components no longer in use.

ci-detect
Detect what kind of CI environment the program is in (e.g. Jenkins, GitLab, Netflify, Travis-CI, etc).

Zoya
A highly composable logging library written in TypeScript, used for both client and server applications.

React Tools

>&campaign_id=f4daed5baf&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">

Edtr.io
A customizable edit-in-place WYSIWYG component for enabling user-editable pages in React.

resourcerer
Declarative data-fetching and caching framework for REST APIs with React.

react-typical
React typing animation in ~400 bytes of JavaScript.

React Tiny Fab
A tiny (~700 byte gzip'd) WAI-ARIA compliant floating action button for React. The home page has the button working in the bottom right corner if you want to see what this does.

react-roughviz
a thin React wrapper around roughViz, the library for creating sketchy/hand-drawn styled charts in the browser.

react-ga
A JavaScript module that can be used to include Google Analytics tracking code in a website or app that uses React for its front-end codebase.

React Awesome Slider
React content transition slider. A 60fps, lightweight, performant component that renders an animated set of production-ready general purpose sliders.

React Tippy
A lightweight tooltip library for React based on Tippy.js and powered by Popper.js.

react-adal
Azure Active Directory Library (ADAL) support for React.

iframe-resizer-react
The official React interface for iFrame Resizer, a library that auto-resizes height and width of same- and cross-domain iframes to fit their contained content.

React Puzzle Confirm
This is kind of odd. It's a modal to "confirm" (kind of like a captcha) by fitting a puzzle piece using a slider.
 

A Tweet for Thought

According to reports, Corona beer sales are not down due to confusion with Coronavirus (despite some false claims). But I did like this tweet by Kelly Vaughn on that subject.
 

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

Speaking of code editors, Codewerks is a new project that is running a Kickstarter for "software using a streamlined iPad interface that gives you all the flexibility of a Linux machine."

Thanks to everyone for subscribing and reading!

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




sting

Web Tools #347 - JS Testing, Media Tools, Git/CLI Tools, Uncats

Web Tools Weekly

Issue #347 • March 12, 2020

The following intro is a paid product review for Wallaby, a developer productivity tool that runs your JavaScript and TypeScript tests immediately as you type.

Code testing is a huge part of the current JavaScript landscape, so if it's crucial that you run tests on your code base regularly, you'll love Wallaby. Wallaby is available as an extension for VS Code, JetBrains Editors, Visual Studio, Sublime Text, and Atom. I'll demonstrate here how powerful Wallaby is by showing you how it works within VS Code.

Once you've installed and configured Wallaby, you can open any project and run it via its Command Palette, shown here:

 
Wallaby's Command Palette in VS Code


When you choose the Start command, you can open any JavaScript or TypeScript file and you'll see something like the following:

 
Wallaby's code coverage and logs


Notice a few things:
 

  • The colored squares on the left indicate code coverage. These squares can be grey, yellow, green, pink, or red, indicating various levels of coverage from your tests.
  • The lines that contain console.logs have their outputs displayed to the right. These get updated in real time as you write or edit your code (similar to Quokka.js, another tool by the same developers that I've reviewed previously)


As you can see, if you're accustomed to using a lot of console.logs and adding breakpoints to your code, Wallaby is going to dramatically increase your productivity. You get that feedback immediately within the code, without actually executing it in a browser or other environment. In other words, your code editor is the console, with the bonus of everything displaying in its immediate code context.

When it's running, Wallaby displays the number of failed and passed tests in the status bar:
 

Wallaby displays passed/failed tests in the status bar


Clicking on the failed and passed tests in the status bar will open Wallaby's Output Channel, with a little more detail on what's happening with your tests:

 
Wallaby's Output Panel


One of the features that has caught the attention of many developers is Wallaby's Time Travel Debugger, which was added to Wallaby in December. This feature allows you to move forward or backwards through your code to understand what led to a specific bug.

 
Wallaby's Debugger View


You can start the debugger on a line of code where your test begins, or on any line executed by one of your tests. Once begun, you can run a number of different commands to get to the root of a particular issue. This is helped out by the Debugger View that opens in the left panel. Pretty powerful! And again, part of the power is that this is all available right inside your code base – no need to open up a separate environment like the developer tools in your browser.

There's a lot more to Wallaby that I haven't mentioned here, but this should be enough to give you a taste of some of the primary features of the tool, which is free to try. Check out the docs for more on what I've only briefly touched on here.

Now on to this week's tools!

 

Media Tools (SVG, Video, etc)

Iconset
Free, cross-platform SVG icon organizer app for designers, developers or product teams. Works on both Mac and Windows.

Open Peeps
A hand-drawn illustration library to create scenes of people, each drawing available in PNG or SVG format.

Cosha
JavaScript utility to add colored shadows to your images. Use via defaults or customize via the API.

Filmage Screen
Screen recorder and video editor for Mac. All-in-one video toolbox that lets you record HD video, edit video, make animated GIFs, convert video, and more.

Biteable
Video making platform with ready templates for creating marketing videos for different social platforms, industries, etc.

Unscreen
Online tool that uses AI to remove the background from an uploaded video.

SequenceDiagram.org
Online tool to build sequence diagrams using a drag-and-drop interface, useful for presentations.

Faux Code Generator
Input real code via a Gist URL and this tool will produce an SVG version of the code in a mock format, for possible use in slides, etc.

Smithsonian Open Access
Download, share, and reuse millions of the Smithsonian’s images. Use in commercial projects without attribution or written permission (although you should read the FAQ for copyright considerations).

Panolens.js
Flexible, event-driven, WebGL-based JavaScript panorama viewer built on Three.js.

Fontice.com
Fastest browser-based WebP converter. Free JPG/PNG to WebP conversion without uploading to any other servers.

Heroicons
A set of free MIT-licensed high-quality SVG icons for UI development

Git, GitHub, and CLI Tools

React Chat Tutorial
Quickly build chat leveraging Stream's Chat API. Our comprehensive React components will get you up and running fast.  sponsored

CLUI
A collection of JavaScript libraries for building command-line interfaces with context-aware autocomplete.

actions-comment-run
GitHub action to execute any script in an issue or pull request comment.

tickgit
Allows you to do project management in your codebase with TODO comments.

grep.app
Search across a half million Git repos, with options for case sensitivity, regex, and whole words only.

GitHub Data
Populate data from GitHub into Figma mockups.

GitHub CLI
In case you missed it, this is GitHub's official command line tool.

Octomments
GitHub issues as a comment plugin.

Gitpod
Launches ready-to-code dev environments for your GitHub or GitLab project with a single click.

GistPad
VS Code extension for managing and sharing code snippets, notes and interactive samples using GitHub Gists.

paint-github
This is kind of humourous. It's a Chrome or Firefox extension that adds a feature to GitHub comments that lets you "draw" your comment.

The Uncategorizables

React Chat Tutorial
Quickly build chat leveraging Stream's Chat API. Our comprehensive React components will get you up and running fast.  sponsored

Outgrow
Platform to build interactive content like calculators, quizzes, chatbots, surveys, and more, for marketing purposes.

unavatar
API that searches common social media platforms to get a user's avatar image by means of a username.

Voiceflow
Design, prototype and build voice apps. Collaboratively design, prototype, and build Alexa Skills and Google Actions, without coding.

Limio
Sell subscriptions and recurring products, build landing pages, checkouts, self-service portals, and more, with no code.

ResponseVault
Alpha. Create a database application with a drag and drop form builder. Import your own JavaScript UI widgets.

Awesome JS
A visual tool to look for popular JavaScript packages, categorized.

Advanced App Development Cost Calculator
Seems to be mainly for large corporate apps because the estimated prices are fairly high.

Nots.io
Documentation tool for development teams. Access docs from your code and always know if something is obsolete.

Opensource Buiders
Find open-source alternatives for your favorite apps.

damnshort
Short dot-com names, suitable for branding, available for sale for $195 each.

A Tweet for Thought

I think it's safe to say many of us are punk rock programmers.
 

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 love numbers and Math, you'll adore MetaNumbers. It's an encyclopedia providing all sorts of super-boring info on any positive integer you enter. To me this is kind of like Brian Regan's comedy bit on refrigerators, but I know a lot of you might find it interesting.

Thanks to everyone for subscribing and reading!

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




sting

Web Tools #350 - JS Libraries, Testing Tools, Site Builders

Web Tools Weekly

Issue #350 • April 2, 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!

If you've never looked into using the HTML Drag and Drop API, I've created a super simple code example that uses the least code possible to demonstrate how simple it is to allow one element to be dragged into another one on a web page.

First, here's the HTML:

<div id="box" draggable="true"></div>
<div id="dropzone"></div>

Notice the draggable attribute set to true, and the IDs that I'll use as hooks in the JavaScript. Here's the JavaScript:

let box = document.getElementById('box'),
    dropzone = document.getElementById('dropzone');

dropzone.addEventListener('dragover', function (e) {
  e.preventDefault();
});

dropzone.addEventListener('drop', function (e) {
 
e.target.appendChild(box);
});

Here I'm listening for the dragover and drop events to ensure that the element gets moved properly. The move itself is accomplished using the well-known appendChild() method.

And that's it! Aside from the variable declarations, it's just 6 lines of JavaScript. This code on its own isn't going to do a whole lot. All it does is drag the 'box' element into the 'dropzone' element.

You can see this in action in this CodePen demo, which also includes a little extra code that does the following:

  • Adds some styles to indicate that the box is draggable and that the dropzone is being dragged over
  • Listens for the dragend event to remove styles indicating that the box is draggable and disables the 'dragged over' styles
  • Switches the draggable attribute to false
There's a lot more that I could discuss about the API but this should suffice to give you a starting point, after which you can use a resource like the one on MDN to go deeper.
 

Now on to this week's tools!
 

JavaScript Libraries and Frameworks

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

p5.js
Now at version 1+. JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, and beginners.

Hex Engine
A modern 2D game engine for the browser, written in TypeScript and designed to feel similar to React.

LInQer
The C# Language Integrated Queries ported for JavaScript for amazing performance.

Type Route
A flexible, type safe routing library, built on top of the same core library that powers React Router.

Angular
The popular framework is now a version 9.

Mirage JS
An API mocking library that lets you build, test and share a complete working JavaScript application without having to rely on any back-end services.

Solid
A declarative, efficient, and flexible JavaScript library for building user interfaces that doesn't use a virtual DOM.

Alpine.js
A rugged, minimal framework for composing JavaScript behavior in your markup.

BlockLike.js
An educational JavaScript library that bridges the gap between block-based and text-based programming.

Testing and Debugging Tools

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 

Screenshot Cyborg
Take a full-page screenshot of a webpage, up to 50 URLs at once. Choose to render the screenshot for desktop, tablet, or phone.

Stryker Mutator
A testing toolkit for JavaScript (also Scala and C#) that uses mutation testing, which means tests are run after bugs, or mutants, are automatically inserted into your code.

Cypress
Now at version 4+. Fast, easy, and reliable end-to-end testing for anything that runs in a browser.

Color Contrast Checker
Online tool that analyses and suggests colors that meet the required contrast ratio. Creates shareable links for chosen contrast checks.

LeakLooker X
Discover, browse and monitor database or source code leaks.

Animockup
Online prototype/animation tool to create animated mockups in your browser and export as video or animated GIF.

single-spa Devtools Inspector
A Firefox/Chrome devtools extension to provide utilities for helping with applications using single-spa (framework for front-end microservices).

micro-jaymock
Tiny API mocking microservice for generating fake JSON data.

The Contrast Triangle
Tool for simultaneously checking text, link, and background contrast. This one also has shareable links for specific tests.

Shieldfy
Automated security assistant that integrates with GitHub to show you potential vulnerabilities in your code.

puppeteer-in-electron
Use puppeteer to test and control your Electron application.

Site Builders, CMS's, Static Sites, 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 

LiveCanvas
Pure HTML and CSS WordPress builder that uses Bootstrap 4 and helps pages achieve better SEO results.

React Blog
A blogging system built on React where the blog posts are individual GitHub issues.

Calcapp
A cloud-based app designer enabling you to create apps without having to do any programming.

Factor JS
A JavaScript CMS platform that lets you build powerful and professional JavaScript applications fast.

NoCo
Enterprise-grade, no-code platform for Node or React developers. Generate code for most of your app, and only write the parts that make your product unique.

Sitebot
Create a personal website in a few minutes by just chatting. Seems to require Facebook Messenger login.

Webcodesk
A powerful visual development tool for building React apps. It's tightly coupled to the React API, so the knowledge translates directly.

BuilderX
A browser based design tool that codes React Native and React for you.

gatsby-plugin-next-seo
A plug-in that makes managing your SEO easier in Gatsby projects.

lego
A fast static site generator that generates optimised, performant websites.

Kodular
A drag-and-drop no-code app builder.

A Tweet for Thought

This thread establishes that password strength indicators are flawed.
 

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 a tech conference that you were going to attend has been cancelled, you might want to check out 40 Conferences Gone Virtual, by Spokable, which is tracking which conferences are happening online.

Thanks to everyone for subscribing and reading!

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




sting

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




sting

Womanish Black girls: women resisting the contradictions of silence and voice / edited by Dianne Smith, Loyce Caruthers, and Shaunda Fowler ; with a foreword by Joy James

Browsery HQ1163.W66 2019




sting

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

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




sting

HPV and Pap Testing

A fact sheet that describes cervical cancer screening, which includes the Pap test and HPV testing. The fact sheet includes information about cervical cancer screening guidelines.




sting

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.




sting

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




sting

Boosting the photostriction properties of (K0.5Na0.5)NbO3-based ceramics modulated by introducing Ba(Ni0.5Nb0.5)O3−δ

J. Mater. Chem. C, 2020, 8,5904-5912
DOI: 10.1039/C9TC06824D, Paper
Hongrui Fu, Yingang Wang, Hao Guo, Yulun Lu, Neng Wang, Huan Zheng, Fugang Chen
This work demonstrates that (K0.5Na0.5)NbO3-based ceramics with excellent photostriction are obtained by introducing Ba(Ni0.5Nb0.5)O3−δ.
The content of this RSS Feed (c) The Royal Society of Chemistry




sting

The New Rules of Marketing and PR: How to Use Content Marketing, Podcasting, Social Media, AI, Live Video, and Newsjacking to Reach Buyers Directly, 7th Edition


 

The seventh edition of the pioneering guide to generating attention for your idea or business, packed with new and updated information

In the Digital Age, marketing tactics seem to change on a day-to-day basis. As the ways we communicate continue to evolve, keeping pace with the latest trends in social media, the newest online videos, the latest mobile apps, and all the other high-tech influences can seem an almost impossible task. How can you keep



Read More...




sting

Usability Testing for Voice Content

It’s an important time to be in voice design. Many of us are turning to voice assistants in these times, whether for comfort, recreation, or staying informed. As the interest in interfaces driven by voice continues to reach new heights around the world, so too will users’ expectations and the best practices that guide their design.

Voice interfaces (also known as voice user interfaces or VUIs) have been reinventing how we approach, evaluate, and interact with user interfaces. The impact of conscious efforts to reduce close contact between people will continue to increase users’ expectations for the availability of a voice component on all devices, whether that entails a microphone icon indicating voice-enabled search or a full-fledged voice assistant waiting patiently in the wings for an invocation.

But voice interfaces present inherent challenges and surprises. In this relatively new realm of design, the intrinsic twists and turns in spoken language can make things difficult for even the most carefully considered voice interfaces. After all, spoken language is littered with fillers (in the linguistic sense of utterances like hmm and um), hesitations and pauses, and other interruptions and speech disfluencies that present puzzling problems for designers and implementers alike.

Once you’ve built a voice interface that introduces information or permits transactions in a rich way for spoken language users, the easy part is done. Nonetheless, voice interfaces also surface unique challenges when it comes to usability testing and robust evaluation of your end result. But there are advantages, too, especially when it comes to accessibility and cross-channel content strategy. The fact that voice-driven content lies on the opposite extreme of the spectrum from the traditional website confers it an additional benefit: it’s an effective way to analyze and stress-test just how channel-agnostic your content truly is.

The quandary of voice usability

Several years ago, I led a talented team at Acquia Labs to design and build a voice interface for Digital Services Georgia called Ask GeorgiaGov, which allowed citizens of the state of Georgia to access content about key civic tasks, like registering to vote, renewing a driver’s license, and filing complaints against businesses. Based on copy drawn directly from the frequently asked questions section of the Georgia.gov website, it was the first Amazon Alexa interface integrated with the Drupal content management system ever built for public consumption. Built by my former colleague Chris Hamper, it also offered a host of impressive features, like allowing users to request the phone number of individual government agencies for each query on a topic.

Designing and building web experiences for the public sector is a uniquely challenging endeavor due to requirements surrounding accessibility and frequent budgetary challenges. Out of necessity, governments need to be exacting and methodical not only in how they engage their citizens and spend money on projects but also how they incorporate new technologies into the mix. For most government entities, voice is a completely different world, with many potential pitfalls.

At the outset of the project, the Digital Services Georgia team, led by Nikhil Deshpande, expressed their most important need: a single content model across all their content irrespective of delivery channel, as they only had resources to maintain a single rendition of each content item. Despite this editorial challenge, Georgia saw Alexa as an exciting opportunity to open new doors to accessible solutions for citizens with disabilities. And finally, because there were relatively few examples of voice usability testing at the time, we knew we would have to learn on the fly and experiment to find the right solution.

Eventually, we discovered that all the traditional approaches to usability testing that we’d executed for other projects were ill-suited to the unique problems of voice usability. And this was only the beginning of our problems.

How voice interfaces improve accessibility outcomes

Any discussion of voice usability must consider some of the most experienced voice interface users: people who use assistive devices. After all, accessibility has long been a bastion of web experiences, but it has only recently become a focus of those implementing voice interfaces. In a world where refreshable Braille displays and screen readers prize the rendering of web-based content into synthesized speech above all, the voice interface seems like an anomaly. But in fact, the exciting potential of Amazon Alexa for disabled citizens represented one of the primary motivations for Georgia’s interest in making their content available through a voice assistant.

Questions surrounding accessibility with voice have surfaced in recent years due to the perceived user experience benefits that voice interfaces can offer over more established assistive devices. Because screen readers make no exceptions when they recite the contents of a page, they can occasionally present superfluous information and force the user to wait longer than they’re willing. In addition, with an effective content schema, it can often be the case that voice interfaces facilitate pointed interactions with content at a more granular level than the page itself.

Though it can be difficult to convince even the most forward-looking clients of accessibility’s value, Georgia has been not only a trailblazer but also a committed proponent of content accessibility beyond the web. The state was among the first jurisdictions to offer a text-to-speech (TTS) phone hotline that read web pages aloud. After all, state governments must serve all citizens equally—no ifs, ands, or buts. And while these are still early days, I can see voice assistants becoming new conduits, and perhaps more efficient channels, by which disabled users can access the content they need.

Managing content destined for discrete channels

Whereas voice can improve accessibility of content, it’s seldom the case that web and voice are the only channels through which we must expose information. For this reason, one piece of advice I often give to content strategists and architects at organizations interested in pursuing voice-driven content is to never think of voice content in isolation. Siloing it is the same misguided approach that has led to mobile applications and other discrete experiences delivering orphaned or outdated content to a user expecting that all content on the website should be up-to-date and accessible through other channels as well.

After all, we’ve trained ourselves for many years to think of content in the web-only context rather than across channels. Our closely held assumptions about links, file downloads, images, and other web-based marginalia and miscellany are all aspects of web content that translate poorly to the conversational context—and particularly the voice context. Increasingly, we all need to concern ourselves with an omnichannel content strategy that straddles all those channels in existence today and others that will doubtlessly surface over the horizon.

With the advantages of structured content in Drupal 7, Georgia.gov already had a content model amenable to interlocution in the form of frequently asked questions (FAQs). While question-and-answer formats are convenient for voice assistants because queries for content tend to come in the form of questions, the returned responses likewise need to be as voice-optimized as possible.

For Georgia.gov, the need to preserve a single rendition of all content across all channels led us to perform a conversational content audit, in which we read aloud all of the FAQ pages, putting ourselves in the shoes of a voice user, and identified key differences between how a user would interpret the written form and how they would parse the spoken form of that same content. After some discussion with the editorial team at Georgia, we opted to limit calls to action (e.g., “Read more”), links lacking clear context in surrounding text, and other situations confusing to voice users who cannot visualize the content they are listening to.

Here’s a table containing examples of how we converted certain text on FAQ pages to counterparts more appropriate for voice. Reading each sentence aloud, one by one, helped us identify cases where users might scratch their heads and say “Huh?” in a voice context.

Before After
Learn how to change your name on your Social Security card. The Social Security Administration can help you change your name on your Social Security card.
You can receive payments through either a debit card or direct deposit. Learn more about payments. You can receive payments through either a debit card or direct deposit.
Read more about this. In Georgia, the Family Support Registry typically pulls payments directly from your paycheck. However, you can send your own payments online through your bank account, your credit card, or Western Union. You may also send your payments by mail to the address provided in your court order.

In areas like content strategy and content governance, content audits have long been key to understanding the full picture of your content, but it doesn’t end there. Successful content audits can run the gamut from automated checks for orphaned content or overly wordy articles to more qualitative analyses of how content adheres to a specific brand voice or certain design standards. For a content strategy truly prepared for channels both here and still to come, a holistic understanding of how users will interact with your content in a variety of situations is a baseline requirement today.

Other conversational interfaces have it easier

Spoken language is inherently hard. Even the most gifted orators can have trouble with it. It’s littered with mistakes, starts and stops, interruptions, hesitations, and a vertiginous range of other uniquely human transgressions. The written word, because it’s committed instantly to a mostly permanent record, is tame, staid, and carefully considered in comparison.

When we talk about conversational interfaces, we need to draw a clear distinction between the range of user experiences that traffic in written language rather than spoken language. As we know from the relative solidity of written language and literature versus the comparative transience of spoken language and oral traditions, in many ways the two couldn’t be more different from one another. The implications for designers are significant because spoken language, from the user’s perspective, lacks a graphical equivalent to which those scratching their head can readily refer. We’re dealing with the spoken word and aural affordances, not pixels, written help text, or visual affordances.

Why written conversational interfaces are easier to evaluate

One of the privileges that chatbots and textbots enjoy over voice interfaces is the fact that by design, they can’t hide the previous steps users have taken. Any conversational interface user working in the written medium has access to their previous history of interactions, which can stretch back days, weeks, or months: the so-called backscroll. A flight passenger communicating with an airline through Facebook Messenger, for example, knows that they can merely scroll up in the chat history to confirm that they’ve already provided the company with their e-ticket number or frequent flyer account information.

This has outsize implications for information architecture and conversational wayfinding. Since chatbot users can consult their own written record, it’s much harder for things to go completely awry when they make a move they didn’t intend. Recollection is much more difficult when you have to remember what you said a few minutes ago off the top of your head rather than scrolling up to the information you provided a few hours or weeks ago. An effective chatbot interface may, for example, enable a user to jump back to a much earlier, specific place in a conversation’s history.An effective chatbot interface may, for example, enable a user to jump back to a much earlier, specific place in a conversation’s history. Voice interfaces that live perpetually in the moment have no such luxury.

Eye tracking only works for visual components

In many cases, those who work with chatbots and messaging bots (especially those leveraging text messages or other messaging services like Facebook Messenger, Slack, or WhatsApp) have the unique privilege of benefiting from a visual component. Some conversational interfaces now insert other elements into the conversational flow between a machine and a person, such as embedded conversational forms (like SPACE10’s Conversational Form) that allow users to enter rich input or select from a range of possible responses.

The success of eye tracking in more traditional usability testing scenarios highlights its appropriateness for visual interfaces such as websites, mobile applications, and others. However, from the standpoint of evaluating voice interfaces that are entirely aural, eye tracking serves only the limited (but still interesting from a research perspective) purpose of assessing where the test subject is looking while speaking with an invisible interlocutor—not whether they are able to use the interface successfully. Indeed, eye tracking is only a viable option for voice interfaces that have some visual component, like the Amazon Echo Show.

Think-aloud and concurrent probing interrupt the conversational flow

A well-worn approach for usability testing is think-aloud, which allows for users working with interfaces to present their frequently qualitative impressions of interfaces verbally while interacting with the user experience in question. Paired with eye tracking, think-aloud adds considerable dimension to a usability test for visual interfaces such as websites and web applications, as well as other visually or physically oriented devices.

Another is concurrent probing (CP). Probing involves the use of questions to gather insights about the interface from users, and Usability.gov describes two types: concurrent, in which the researcher asks questions during interactions, and retrospective, in which questions only come once the interaction is complete.

Conversational interfaces that utilize written language rather than spoken language can still be well-suited to think-aloud and concurrent probing approaches, especially for the components in the interface that require manual input, like conversational forms and other traditional UI elements interspersed throughout the conversation itself.

But for voice interfaces, think-aloud and concurrent probing are highly questionable approaches and can catalyze a variety of unintended consequences, including accidental invocations of trigger words (such as Alexa mishearing “selected” as “Alexa”) and introduction of bad data (such as speech transcription registering both the voice interface and test subject). After all, in a hypothetical think-aloud or CP test of a voice interface, the user would be responsible for conversing with the chatbot while simultaneously offering up their impressions to the evaluator overseeing the test.

Voice usability tests with retrospective probing

Retrospective probing (RP), a lesser-known approach for usability testing, is seldom seen in web usability testing due to its chief weakness: the fact that we have awful memories and rarely remember what occurred mere moments earlier with anything that approaches total accuracy. (This might explain why the backscroll has joined the pantheon of rigid recordkeeping currently occupied by cuneiform, the printing press, and other means of concretizing information.)

For users of voice assistants lacking scrollable chat histories, retrospective probing introduces the potential for subjects to include false recollections in their assessments or to misinterpret the conclusion of their conversations. That said, retrospective probing permits the participant to take some time to form their impressions of an interface rather than dole out incremental tidbits in a stream of consciousness, as would more likely occur in concurrent probing.

What makes voice usability tests unique

Voice usability tests have several unique characteristics that distinguish them from web usability tests or other conversational usability tests, but some of the same principles unify both visual interfaces and their aural counterparts. As always, “test early, test often” is a mantra that applies here, as the earlier you can begin testing, the more robust your results will be. Having an individual to administer a test and another to transcribe results or watch for signs of trouble is also an effective best practice in settings beyond just voice usability.

Interference from poor soundproofing or external disruptions can derail a voice usability test even before it begins. Many large organizations will have soundproof rooms or recording studios available for voice usability researchers. For the vast majority of others, a mostly silent room will suffice, though absolute silence is optimal. In addition, many subjects, even those well-versed in web usability tests, may be unaccustomed to voice usability tests in which long periods of silence are the norm to establish a baseline for data.

How we used retrospective probing to test Ask GeorgiaGov

For Ask GeorgiaGov, we used the retrospective probing approach almost exclusively to gather a range of insights about how our users were interacting with voice-driven content. We endeavored to evaluate interactions with the interface early and diachronically. In the process, we asked each of our subjects to complete two distinct tasks that would require them to traverse the entirety of the interface by asking questions (conducting a search), drilling down into further questions, and requesting the phone number for a related agency. Though this would be a significant ask of any user working with a visual interface, the unidirectional focus of voice interface flows, by contrast, reduced the likelihood of lengthy accidental detours.

Here are a couple of example scenarios:

You have a business license in Georgia, but you’re not sure if you have to register on an annual basis. Talk with Alexa to find out the information you need. At the end, ask for a phone number for more information.

You’ve just moved to Georgia and you know you need to transfer your driver’s license, but you’re not sure what to do. Talk with Alexa to find out the information you need. At the end, ask for a phone number for more information.

We also peppered users with questions after the test concluded to learn about their impressions through retrospective probing:

  • “On a scale of 1–5, based on the scenario, was the information you received helpful? Why or why not?”
  • “On a scale of 1–5, based on the scenario, was the content presented clear and easy to follow? Why or why not?”
  • “What’s the answer to the question that you were tasked with asking?”

Because state governments also routinely deal with citizen questions having to do with potentially traumatic issues such as divorce and sexual harassment, we also offered the choice for participants to opt out of certain categories of tasks.

While this testing procedure yielded compelling results that indicated our voice interface was performing at the level it needed to despite its experimental nature, we also ran into considerable challenges during the usability testing process. Restoring Amazon Alexa to its initial state and troubleshooting issues on the fly proved difficult during the initial stages of the implementation, when bugs were still common.

In the end, we found that many of the same lessons that apply to more storied examples of usability testing were also relevant to Ask GeorgiaGov: the importance of testing early and testing often, the need for faithful yet efficient transcription, and the surprising staying power of bugs when integrating disparate technologies. Despite Ask GeorgiaGov’s many similarities to other interface implementations in terms of technical debt and the role of usability testing, we were overjoyed to hear from real Georgians whose engagement with their state government could not be more different from before.

Conclusion

Many of us may be building interfaces for voice content to experiment with newfangled channels, or to build for disabled people and people newer to the web. Now, they are necessities for many others, especially as social distancing practices continue to take hold worldwide. Nonetheless, it’s crucial to keep in mind that voice should be only one component of a channel-agnostic strategy equipped for content ripped away from its usual contexts. Building usable voice-driven content experiences can teach us a great deal about how we should envisage our milieu of content and its future in the first place.

Gone are the days when we could write a page in HTML and call it a day; content now needs to be rendered through synthesized speech, augmented reality overlays, digital signage, and other environments where users will never even touch a personal computer. By focusing on structured content first and foremost with an eye toward moving past our web-based biases in developing our content for voice and others, we can better ensure the effectiveness of our content on any device and in any form factor.

Eight months after we finished building Ask GeorgiaGov in 2017, we conducted a retrospective to inspect the logs amassed over the past year. The results were striking. Vehicle registration, driver’s licenses, and the state sales tax comprised the most commonly searched topics. 79.2% of all interactions were successful, an achievement for one of the first content-driven Alexa skills in production, and 71.2% of all interactions led to the issuance of a phone number that users could call for further information.

But deep in the logs we implemented for the Georgia team’s convenience, we found a number of perplexing 404 Not Found errors related to a search term that kept being recorded over and over again as “Lawson’s.” After some digging and consulting the native Georgians in the room, we discovered that one of our dear users with a particularly strong drawl was repeatedly pronouncing “license” in her native dialect to no avail.

As this anecdote highlights, just as no user experience can be truly perfect for everyone, voice content is an environment where imperfections can highlight considerations we missed in developing cross-channel content. And just as we have much to learn when it comes to the new shapes content can take as it jumps off the screen and out the window, it seems our voice interfaces still have a ways to go before they take over the world too.

Special thanks to Nikhil Deshpande for his feedback during the writing process.




sting

Boosting Teen Spirit

More than 13 percent of U.S. teenagers between the ages of 12 and 17 experience a major depressive episode, which can follow them into adulthood. How can families protect their teens’ mental health as they grow? More fun and family time are just a few ways, according to researchers from the UNC Carolina Population Center.




sting

Topical antimicrobial testing and evaluation / Darryl S. Paulson

Online Resource




sting

Frontline (Television program : Australian Broadcasting Corporation)




sting

Atmospheric evolution on inhabited and lifeless worlds / David C. Catling, University of Washington, James F. Kasting, Pennsylvania State University

Hayden Library - QC861.3.C38 2017




sting

Theoretical study of electron correlation driven superconductivity in systems with coexisting wide and narrow bands / Daisuke Ogura

Online Resource




sting

Political theory and global climate action: recasting the public sphere / Idil Boran

Hayden Library - QC903.B665 2019




sting

Wind energy harvesting: micro- to small-scale turbines / Ravi Anant Kishore, Colin Stewart, Shashank Priya

Barker Library - TJ828.K57 2018




sting

Defrosting for air source heat pump: research, analysis and methods / Song Mengjie, Deng Shiming

Online Resource




sting

Distinguished figures in mechanism and machine science: their contributions and legacies. / Mario Ceccarelli, Yibing Fang, editors

Online Resource




sting

A simple field-based biodegradation test shows pH to be an inadequately controlled parameter in laboratory biodegradation testing

Environ. Sci.: Processes Impacts, 2020, 22,1006-1013
DOI: 10.1039/C9EM00491B, Paper
Open Access
  This article is licensed under a Creative Commons Attribution 3.0 Unported Licence.
Matthew Goss, Zhe Li, Michael S. McLachlan
We developed a field-based biodegradation test based on OECD 309 which minimizes the need for laboratory resources. Significant differences in biodegradation rates were observed between parallel lab and field tests likely due to pH disparities.
The content of this RSS Feed (c) The Royal Society of Chemistry




sting

Teaching and testing L2 interactional competence: bridging theory and practice / edited by M. Rafael Salaberry and Silvia Kunitz

Online Resource