Disabling Rollbar and Enabling Logging During Vue.js Development

I was adding Rollbar support to a Vue.js application and ran into an issue that made it inconvenient for use in development environments:

Captured exceptions and rollbar.error|warning|log|... calls are always sent and logged in the Rollbar dashboard.

You could configure different a Rollbar environment for development …

Build In Customer Support to Your Mobile/Web App/PWA

Here are my slides on Build in Customer Support: Simplify support of your mobile/web applications for a "lightning talk" that I gave at the October Northwest Chicago JavaScript meetup.

Screenshot of first slide of my presentation

I've been a developer for a while and have worked in organizations who have been focused on the customer (really …

Cypress E2E Testing Overview Presentation

Here are my slides on Cypress E2E Testing for a talk that I gave at the June Northwest Chicago JavaScript meetup.

Screenshot of first slide of my presentation

I first tried Cypress when testing my Agility Course Master hybrid mobile (Ionic) application/website. I was really impressed with how easy it was to install and use. The …

PouchDB and Couchbase Replication for the Offline-First Web

I gave a short talk on 'PouchDB and Couchbase Replication for the Offline-First Web' at the September Northwest Chicago JavaScript meetup.

It builds on Peter Mbanugo's blog post: Using PouchDB and Couchbase in an Offline-First Application by using the PouchDB API in place of the Hoodie API Peter used.

My …

Using the Ionic Framework for Mobile and Web Development

Here are my slides on Using the Ionic Framework for Mobile and Web Development for a talk that I gave at the July Northwest Chicago JavaScript meetup.

Screenshot of first slide of my presentation

I've been using Ionic since early 2017. I was drawn to it because it allowed a single code base to create native applications …

Using Gestures in Angular 2 with TypeScript Lightning Talk

Here are my slides on Using Gestures in Angular 2 with TypeScript for a lightning talk that I gave at the December Northwest Chicago JavaScript meetup.

Screenshot of first slide of my presentation

I converted the Reveal.js slides checkout to use the Angular 2 CLI. That let me include two small Angular 2 components within the …

Maximize and Minimize Code Blocks in Reveal.js Slide Shows

I was working on a slideshow about Using Gestures in Angular 2 Components for a lightning talk at the December Northwest Chicago JavaScript meetup and I found the code sections just weren't large enough. So I threw together a little JavaScript to add "+" and "-" buttons next to each code section …

Tagged as: webdev CSS JavaScript

Pelican For Fast Site/Project Development

I was working on a simple single page website for calculating dog agility jump heights and was really missing the tool chain I normally use in Flask and Django web sites for bundling, compressing, and versioning CSS and JS files and a mechanism for putting the bundled/versioned file names …

ReactJS SVG Path Player Component

I've been a big fan of SVG images for many years for their light weight and resolution independence. I started playing with them back when most browsers needed a plugin to render them; which kept me from using them in web sites. Within the past few years SVG has become …

Tagged as: reactjs javascript SVG

Reducing the Cost of Client Side Analytics

I read Andy McKay's blog post on timing user experience on the Mozilla Webdev blog the other day and it reminded me of an idea I was thinking about for measuring client side timings at work. I had been toying with the idea of rolling our own library to capture …