web - Kevin Hoyt

Serverless Upload to Object Storage

So there you are, building the world's next breakthrough social platform. And of course you want to minimize cost, administration, etc. so you use IBM Cloud Functions (Apache OpenWhisk). Then you decide to let users manage their profile picture. Uploading a file to a Cloud Function takes some consideration -

image

Transferable ImageData

In a previous post, I covered sending ImageData from a canvas element, to a Web Worker. This allows for threaded image processing without impacting rendering performance of the browser ... mostly. By Value There is still a performance hit, af around 20 milliseconds in my very informal testing. This has to

image

Image Processing in a Web Worker

WebRTC (Real-Time Communication) has many great uses, much of which is still relatively untapped. One of my favorite side effects of WebRTC arriving in browsers is the ability to put a live web camera feed into a video element. Once those two are paired, you can start performing real-time image

openwhisk

Async OpenWhisk Web Action with CORS

Apache OpenWhisk is a serverless (functions as a service) cloud platform, originated at IBM. It has broad language support, robust tooling, and fine-grained consumption (saves money). As a champion of the Web, here are a few patterns that I use repeatedly. OpenWhisk There is a growing community, and great documentation

web

Preflight Image Hashing

Sometime earlier this year, I became enamored with image hashing. The idea is to read an image, perform various maths on the RGB color model, and output a unique string. Effectively, an image fingerprint. It turns out there are a lot of ways to do approach this task, usually trading

machine

Face Detection with Tracking.JS

Tracking.JS is a JavaScript library that brings a few machine vision algorithms, and a splash of related utilities, to the browser. The web site has live examples with links to the source code for each, but I wanted to test it using my own images. Here is how I

web

Animated File Upload Button

Among the countless ways to perform a file upload from an web page, this will likely be nothing new. Progress bars are also nothing new. However, when I ran across a post from Osvaldas Valutis on customizing the appearance of the file input type, I thought it would be fun

web

Web Bluetooth Bean

Bluetooth has been around for a while now, but it has always been a feature for native applications. The Web Bluetooth specification has been brewing for a while, lived under a flag for some time, and is now starting to land in desktop browsers. I figured it was time to

watson

Your Browser on Watson IoT

In my previous blog post, I connected a Particle Photon to Watson IoT. At several points during that post I mentioned the subtleties of device connectivity versus application connectivity, but I did not really show the application side. In this post, I will pick up the messages from the Photon

web

Weather in Three Flavors

In my last post, I gave an overview of IBM Bluemix, and walked through the process of deploying your web first application. For this post, I will walk through a simple weather application I used to test out some of the Bluemix web runtimes. The flavors for this application comes

web

Web Chat Application

In any given programming language "Hello World" is likely the first thing you will learn to do. The "Hello World" for real-time architectures is a chat application. In this post you will build your very own Web-based chat application. Alternatively, you might also want to check

web

WidgetX and the Old Web

In my last article on "IoT and the New Web" I talked about how consumer expectations are trending towards instant gratification. I went on to talk about how that experience impacts the Web and the Internet of Things (IoT). I closed by introducing "The Widget Company"

iot

IoT and the New Web

All too often, we as developers, focus on technology for what it can do for us - and usually in a particularly one-sided conversation. Every now and again however, there comes a time when we need not to look at technology for what it can do for us, but rather