When Poor UX Design and Glitchy Software Puts Lives at Risk

Photo credit by US Air Force/Steve Pivnick

As software becomes increasingly ubiquitous in all of our lives, the consequences of their inevitable failures grow as well. To the point: When the United States rushed to digitize medical patient records back in 2009, blinded by the glow of a $36 billion government carrot, it inadvertently set off a chain of events that has now, and in some cases forever, impaired countless lives.

WPWeekly Episode 349 – Sandy Edwards and the Kids Event Working Group Initiative

In this episode, John James Jacoby and I are joined by Sandy Edwards. Sandy gave us a behind the scenes look at what it takes to organize a WordPress event for children and teens.

She also provides background information on a new group that’s been formed called the Kids Events Working Group. This group is responsible for setting the foundation for organizers to create and manage WordPress events geared towards children.

John recaps his experience at WordCamp Miami last weekend and we discussed some noteworthy news items.

Stories Discussed:

WordCamp Miami Draws 100+ for Kid’s Camp, Plans to Host Standalone Kid’s WordPress Conference in Summer 2019

WordPress 5.1.1 Patches Critical Vulnerability

Dark Mode WordPress Plugin Up for Adoption

Gutenberg 5.3 Released

FireFox 66.0 Released

WPWeekly Meta:

Next Episode: Wednesday, March 27th 3:00 P.M. Eastern

Subscribe to WordPress Weekly via Itunes

Subscribe to WordPress Weekly via RSS

Subscribe to WordPress Weekly via Stitcher Radio

Subscribe to WordPress Weekly via Google Play

Listen To Episode #349:

The Internet of Things: Connecting Devices and Data

Whether you recognize it or not, the Internet of Things is becoming more pervasive everywhere, and it will only become more useful as more data is collected and analyzed and connected devices become more resilient and accurate. The 2019 Guide to the Internet of Things will explore how you can get started building your own connected devices and products, and how exactly to utilize all of your data to the best of your ability.

Why Sleeping on the Job Is a Great Thing

IPhoto credit Unsplash/Anthony Mapp 

Anyone who sits at a computer for long stretches of time knows how absolutely draining it can be. And it turns out, there’s a biological reason for that: According to Dr. Steven Feinsilver, the director of sleep medicine at Lenox Hill Hospital, using your brain takes a lot of work.

All About mailto: Links

You can make a garden variety anchor link (<a>) open up a new email. Let's take a little journey into this feature. It's pretty easy to use, but as with anything web, there are lots of things to consider.

The basic functionality

<a href="mailto:someone@yoursite.com">Email Us</a>

It works!

But we immediately run into a handful of UX issues. One of them is that clicking that link surprises some people in a way they don't like. Sort of the same way clicking on a link to a PDF opens a file instead of a web page. Le sigh. We'll get to that in a bit.

"Open in new tab" sometimes does matter.

If a user has their default mail client (e.g. Outlook, Apple Mail, etc.) set up to be a native app, it doesn't really matter. They click a mailto: link, that application opens up, a new email is created, and it behaves the same whether you've attempted to open that link in a new tab or not.

But if a user has a browser-based email client set up, it does matter. For example, you can allow Gmail to be your default email handler on Chrome. In that case, the link behaves like any other link, in that if you don't open in a new tab, the page will redirect to Gmail.

I'm a little on the fence about it. I've weighed in on opening links in new tabs before, but not specifically about opening emails. I'd say I lean a bit toward using target="_blank" on mail links, despite my feelings on using it in other scenarios.

<a href="mailto:someone@yoursite.com" target="_blank" rel="noopener noreferrer">Email Us</a>

Adding a subject and body

This is somewhat rare to see for some reason, but mailto: links can define the email subject and body content as well. They are just query parameters!

mailto:chriscoyier@gmail.com?subject=Important!&body=Hi.

Add copy and blind copy support

You can send to multiple email addresses, and even carbon copy (CC), and blind carbon copy (BCC) people on the email. The trick is more query parameters and comma-separating the email addresses.

mailto:someone@yoursite.com?cc=someoneelse@theirsite.com,another@thatsite.com,me@mysite.com&bcc=lastperson@theirsite.com

This site is awful handy

mailtolink.me will help generate email links.

Use a <form> to let people craft the email first

I'm not sure how useful this is, but it's an interesting curiosity that you can make a <form> do a GET, which is basically a redirect to a URL — and that URL can be in the mailto: format with query params populated by the inputs! It can even open in a new tab.

See the Pen
Use a <form> to make an email
by Chris Coyier (@chriscoyier)
on CodePen.

People don't like surprises

Because mailto: links are valid anchor links like any other, they are typically styled exactly the same. But clicking them clearly produces very different results. It may be worthwhile to indicate mailto: links in a special way.

If you use an actual email address as the link, that's probably a good indication:

<a href="mailto:chriscoyier@gmail.com">chriscoyier@gmail.com</a>

Or you could use CSS to help explain with a little emoji story:

a[href^="mailto:"]::after {
  content: " (&#x1f4e8;&#x2197;&#xfe0f;)";
}

If you really dislike mailto: links, there is a browser extension for you.

https://ihatemailto.com/

I dig how it doesn't just block them, but copies the email address to your clipboard and tells you that's what it did.

The post All About mailto: Links appeared first on CSS-Tricks.

7 Top Nutrition APIs

Getting proper nutrition makes us feel better, look better and perform better, and there is no shortage of applications out there to help us to do it. So it's no wonder one of the most popular Application Program Interface (API) categories on ProgrammableWeb lately is the Nutrition category.

Google Chromium Flaw Put Android Users' Data at Risk

Researchers found a flaw in Chromium-based browsers that left devices open to attack. A bug in WebView made it possible for hackers to install malware and/or instant apps that could then hook into the owner's browsing history and site log-in data. The problem impacts all versions of Android since 4.4 KitKat.

Starbucks Will Redesign its Packaging to Fight Against Pollution

Starbucks

The international coffee chain Starbucks will make the change to an eco-friendly packaging design that allows its customers to recycle the packaging of the products.

Starbucks makes a change

Starbucks sells about 4 billion glasses per year. Each and every one of the drinks offered by the company are distributed through these disposable containers that significantly damage the environment. Only 10% of the material that composes them is recycled, so the margin of improvement that the company seeks can be very remarkable.

CHENGDU, SICHUAN PROVINCE, CHINA – 2015/09/13: Coffee cup on table in a Starbucks cafe. Starbucks is streamlining the ordering process so customers are able to get that cup of coffee faster than usual. (Photo by Zhang Peng/LightRocket via Getty Images)

Each year, an estimated 600 billion paper and plastic cups are distributed globally*, and though Starbucks cups only account for an estimated 1 percent of that total, we are invested in finding a more sustainable solution. We have made substantial progress to reduce the impact of waste generated in our stores through cup innovation and improved packaging design, advocacy for local recycling infrastructure, and offering reusable cups.

– Starbucks Headquarters

The international coffee chain, like food giants such as McDonald’s , Coca-Cola or Nestlé , has joined the investment platform for sustainable consumer goods NextGen Consortium. Through the enactment of the NextGen Cup Challenge last autumn , more than 500 participants from 50 different countries have presented innovative design proposals. After months of rigorous evaluation, the number has been reduced to 12 projects, which, in addition to being able to be selected to change the appearance of Starbucks packaging, opt for a prize of one million euros.

Starbuck packaging

New packaging

These finalist projects are divided into three large groups. The first one is related to the initiatives to create a new design for the lining of the cups. One of the selected ones was from the company Footprint US, which has created new containers based on 100% recyclable fiber. The second one is the group that studies the work with new materials, a category in which only Solublue has been selected, which has created a biodegradable plant-based cup. The third and last group is the one that has created reusable containers, among which we can highlight CupClub, which aims to create cups that are returned to Starbucks after use.

Our goal: Double the recycled content, recyclability and compostability, and reusability of our cups and packaging by 2022.

Despite all the proposals and the great commitment to eco-friendly packaging , we still have to wait a few years for the change to be real and our coffees to be respectful with the environment.

Starbucks – providing global solutions since 1997

Although this is a massive leap in the production process, one that could literally change the way products are made for years to come, it’s not their first run-in with eco-friendly products.

Back in 1997, Starbucks introduced the now widely used cup sleeve. Yep, the little cardboard sleeve that goes around your cup and pretty much any coffee shop was invented first by the people at Starbucks. It may seem a little counterintuitive, but it was actually a very green solution to the impractical practice of double cupping. Back in the day, people used to just use two cups in order to absorb the heat.

And, the push to change the impact of plastic cups and lids didn’t stop there.

In 2006, Starbucks developed paper cups manufactured with 10 percent post-consumer recycled fiber, the first cup of its kind in the food packaging industry to be approved by the U.S. Food and Drug Administration in 2006. We also introduced a more recyclable cup lid in 2016 which allowed the cup to be more widely accepted.

– Starbucks HQ

What’s next?

It’s very clear that Starbucks both as one of the most well known coffee brands in the world, and a food industry powerhouse is concerned for the environment. As time goes on, I imagine that we will see lots of changes come out of Starbucks HQ, more particularly, ones that positively affect our planet.

Only time will tell if these changes will actually make a change. Starbucks and the other companies mentioned are a great start to this ever growing problem, but it will take all of us being a little more cautious with our choices to reverse the damage that we’ve already done.

Read More at Starbucks Will Redesign its Packaging to Fight Against Pollution

Doing Residual Analysis Post Regression in R

Residuals are essentially gaps that are left when a given model, in this case, linear regression, does not fit the given observations completely.

A close analogy for residual analysis is found in medical pathology. What remains post-metabolism usually becomes an indicator of what was processed and absorbed versus what was not so.

Beyond the Hype: Setting Realistic DevOps Expectations

Over recent years, the perceived need for brand new tools that can provide customers with faster agile and DevOps application delivery has increased on an unprecedented scale. Despite the fact that the idea of going faster and how DevOps can aid this isn’t new, businesses are eager to prove to their customers that they can produce results with DevOps. In the competitive landscape that organizations now have to navigate, being able to provide customers with improved delivery can help them stay ahead of the game.

With the introduction of tools for automation, requirements management, and deployment, businesses are claiming that they are providing a faster and better service to customers than ever before – a result of DevOps. But the experts have a different opinion and argue that, if they are not being utilized properly, the tools might not work as expected.

A Bootiful Podcast: CQRS With AxonIQ’s Steven van Beelen and Pivotal’s Ben Wilcock

Hi Spring fans! In this week's installment Josh Long talks to AxonIQ's Steven van Beelen, lead of the Axon project, and Pivotal's Ben Wilcock, on CQRS, event-sourcing, event-storming, microservices, Spring Boot and the long camaraderie shared by Axon and Spring.

9 Tools For Remote Teams to Stay Connected and Productive

An increasing number of working professionals are choosing to work from home or remotely. Going by the numbers, since 2005, the percentage of remote workers has grown by 140% which is nearly 10x faster than the self-employed workforce.

While remote workers enjoy many benefits, they have to deal with some challenges as well — different time zones, communication problems, unreliable and insecure ways to transfer information, and poor collaboration.

94% Off: Get the Resume Writing & LinkedIn Profile Optimization for Only $9.99

LinkedIn is the biggest social networking site, with over 575 million users worldwide. It’s no secret that recruiters and hiring managers use LinkedIn to find talented candidates. When used strategically, LinkedIn can be a powerful tool to help you advance your career. This is where the Resume Writing & LinkedIn Profile Optimization comes in handy. […]

The post 94% Off: Get the Resume Writing & LinkedIn Profile Optimization for Only $9.99 appeared first on designrfix.com.

What’s Going on at GDC 2019?: Day 4

The Game Developers Conference (GDC) 2019 continues to push out important news by the day. Wednesday night included an awards ceremony, where a familiar face in 2018 gaming took the stage to accept a second major accolade, and Thursday continued the drama of the store war between Valve's Steam and Epic's Epic Game Store. Not to be left out of the loop, Microsoft countered Stadia with its first detailed look at Project xCloud development.

Game Developers Choice Awards

The Game Developers Choice Awards (GDCA) aired on Wednesday night and venerated some of the top gaming titles of 2018, including God of War, which won GDCA Game of the Year. The Sony title leveraged its captivating storyline to add to its Game of the Year award from the Game Awards in December of 2018 (image from GDCA presentation).

12 Bold & Modern Free Fonts

Are you looking for strong, memorable fonts that can instantly add some style to your website? Then look no further. Typography is one of the most essential parts of a website’s design, and it’s essential that you get the perfect fonts for your project. These twelve fonts aren’t just striking and elegant – they’re also free. Try them out and see if they can enhance your website.

Peace Sans

Peace Sans

This friendly font is perfect for any website that wants to boldly grab attention while still giving off a warm tone. Peace Sans is all about clean curves and smooth lettering. Plus, it supports glyphs from over seven alphabets, so sites from around the world can make use of it.

AXIS

AXIS

Axis is exactly what you see here – an all caps, simple, and straightforward font. No frills, and no nonsense, just a bold sans serif font. This one would look great in logos, banners, and other branding images. Try it out!

Neoneon

Neoneon

Now this is neat. Here’s an outlined neon typeface that would look just perfect on a poster or banner. With a few Photoshop effects, you could turn this font into a glowing masterpiece!

National Park Typeface

National Park Typeface

Have you ever noticed the distinctive style of signage at national parks? Those signs are carved with a router bit, giving them that unique look. Now you can emulate the style with this font, which comes in four different weights.

Ailerons

Ailerons

Tall and thin, Ailerons is an elegant display font designed for headers, large images, and any project where you need a huge typeface. Each letter design is unique, sleek, and gorgeous.

Cooper Hewitt

Cooper Hewitt

This professional sans serif font feels reminiscent of a modern newspaper’s typeface. Cooper Hewitt was made from scratch, and every curve and line within it is carefully designed. Download it in OpenType, Windows-compatible, or web font version.

Kolikö

Kolikö

Kolikö is a simple and clean typeface, beautifully designed with a lot of friendly energy. It comes with three styles: thin, regular and bold. Your headers will look fantastic no matter which you choose!

Modeka

Modeka

Modeka’s lightweight design and tall, angular appearance somewhat resembles that of technology fonts. But Modeka is versatile – it would look great in a project going for a high-tech vibe, yet in no way feels out of place in nature imagery. See for yourself if Modeka suits your design.

Higher

Higher

This stand-out font will make an instant impression on anyone who sees it! The Higher font is marked by its stretched, elongated letters. Making something bold and artsy? You’ll love it for sure.

Nordic

Nordic

Inspired by Norwegian runes, Nordic comes with two uppercase font faces and three weights per each one. Huge or tiny, Nordic looks great, and you can tell a lot of work went into each painstaking stroke. You have to pay for the full font family, but you can get the alternative regular font for free.

Achi

Achi

Symbol-like, modern, and clean. Achi would look great in fashion and aesthetic projects, or perhaps as an elegant logo. Fonts that break the mold like this are perfect if you want a website that will never be forgotten.

Etna

Etna

Etna is a font that focuses on beauty as well as readability. Many symbols and characters make it compatible with multiple languages, and you can get a coupon code for a license if you want to use this in commercial projects.

Bold Fonts to Make Your Website Distinct

Little is better for branding than great typography that leaves a distinct impression on everyone who visits your site. These big, bold fonts will look great as headers, for short blurbs of text, or on promotional images and banners. Try them out yourself, and let us know which were your favorites – though it might be hard to choose from such a beautiful collection!

Debugging Microservices Running on Kubernetes

In order to learn more about microservices, container orchestration, and service meshes, I’ve set up a local development environment with Minikube, Istio, and tools like Kiali and created a sample application. In this article, I describe how to debug these services locally.

Microservices can be developed in various languages and with multiple frameworks. For the different implementation types, there are specialized and established IDEs (integrated development environments) and tools to debug the single services.