Sending files from the browser to the web server is a common task that web developers encounter. The HTTP POST method is the tool for the job. Client Side Collecting the files to upload is done via the FormData object — either using HTML’s native <form> element or JavaScript’s new FormData() constructor…

Implementing Search with Lunr.js — Introduction Google and Bing offer search API’s for a price but we prefer free. And easy. And no servers. Apache’s Nutch with Solr or Elasticsearch are possibilities but these products are heavy duty, have a bigger learning curve, and require servers. …

Automated templating, concatenation, minification, and sitemap creation — Summary This article walks you through the setup of a web development environment with automated build tooling in Sublime Text. This automates coding locally on your development computer. We will be using a Windows machine in this example but the process is easily done on Apple/Linux machines as well. …

Google Cloud Storage, HTTPS Load Balancing, Cloud CDN, Source Repositories, Cloud Build, Cloud Logging, and BigQuery. — This article walks through the steps to host a website on Google Cloud Storage, setup a Git based CI/CD system on Google Cloud Source Repositories w Cloud Build Triggers, and sink website hit records to BigQuery. In five minutes. Prerequisites — A domain name and access to add DNS records to…

Table of Contents Introduction The Image The Code Validate Conclusion Introduction Web addresses, also known as URL’s or hyperlinks, render rich preview cards on social media sites such as Facebook and Twitter when shared provided that a few key lines of code, called <meta> tags, are included in your webpage. Implementing…

Table of Contents — Introduction Prerequisites Install Required Firebase SDK’s and Command Line Tools Setup Sendgrid Create Your Firebase Cloud Function Script Wrapping Up and Testing Introduction This article gets you up and running as quickly and easily as possible. We are going to trigger an email to a 3rd party when a new sale…

Table of Contents — Introduction Setup The Process HTML Plugin Folder Structure Grunt Configuration Grunt Code Troubleshooting Conclusion Introduction Automation of tasks related to web development. Grunt, “The JavaScript Task Runner”. In addition to file concatenation, linting, and minification, Grunt delivers a plugin that offers the equivalent of PHP’s include. Static content such as page…

Table of Contents — Introduction Installing FFmpeg Compress .mp4 Transcode Multimedia Transcode .mp4 to .webm Convert .gif to .mp4 Trimming A Multimedia File Cut everything after 1 minute Join Separate Audio and Video Files Remove Audio from Video Export First Frame to Image File Format Add a Watermark to a Video Add A Watermark Zoom In Video Reassembly of Transport Stream Video Join .ts Files Transcode .ts to .mp4…

Introduction This article includes a Node script implementing Firebase Admin SDK custom claims. The use case is documented. The Firebase Admin SDK supports defining custom attributes on user accounts. This provides the ability to implement various access control strategies, including role-based access control, in Firebase apps. …