Tag Archive: javascript
A look at my favorite features of Svelte, comparisons to React and other frameworks, and what makes it a joy to use.
Simple JavaScript snippet to manage YouTube history in bulk
I wrote several of the posts in this series, on how to build static web sites with the Gatsby.js framework, working with a Senior Technical Editor to get articles from idea to publication.
How to determine point intersection or collision detection with Canvas paths, with or without tolerances / buffers / padding.
An introductory guide to the different parts of Google Lighthouse, how to use it via CLI and NodeJS, and strategies for customizing its configuration.
Demo weather app project, using Svelte, TypeScript, and Express to power a web interface with a location-based forecast, powered by the AccuWeather API.
Approaches for using CSURF for CSRF protection, but only on certain routes, and some with the ability to extract the generated token from the request.
How to use the Arc Canvas Web API method to draw partial filled circle segments, including quarter circles, and even with added rotation.
How to use TypeScript, or JSDoc-powered JavaScript, with Service Workers, as well as some important caveats for current issues.
NodeJS-powered automation that extracts all the tutorial docs out of the Svelte repo and combines them into a single formatted HTML document.
A fun browser-based ring light / fill light app, that lets you control a virtual light on your screen.
A guide on using SVG files with Svelte, and how to embed, inline-directly, or reference them, with or without rollup plugins.
Options for getting data feeds out of Google Sheets, avoiding slow-to-update published CSV feed URLs, and custom scripting with Google Apps Scripts.
An experimental project that delves into the idea of rendering non-video content in Picture-in-Picture windows, use-cases, and a discussion of the future.
Various ways to investigate stalled content attached to a MediaSource instance, and different causes that can be evaluated and tested.
Exploring different ways to append videos to a MediaSource instance with SourceBuffers and appendBuffer calls. Includes fully functional examples and tips.
A comprehensive write-up on different ways to convert and use binary data in front-end JavaScript code, web browser APIs, and even your local filesystem.
How to launch a shell with NodeJS, keep it open, and pipe commands in while capturing output. Also, a discussion on how this impacts performance.
Researching and summarizing offline database options for modern web applications, including low-level APIs, helpful wrapper libraries, SDKs, and more.
How to disable Chrome's default stdout log messages that come through Selenium Webdriver on NodeJS, such as the "DevTools listening on ws..." message.
Bookmarklet to enable Picture-in-Picture (PiP) support on sites that try to disable it, such as Hulu, and especially in browsers that honor it, such as Chrome.
Simple NPM script for detecting whether your code is executing inside of Glitch or not. Detects based on environmental variables and/or hosting info.
Project and tool for generating IFrame embeds for any tweet from just the URL, no coding required or third-party scripts.
How to easily enable VSCode Intellisense and autocomplete within Webpack config JS or JSON files.
Using TP-Link Kasa, Google Apps Script, Android, and Automagic to automate my morning wake up alarm and turn on the lights.
Overriding the default behavior of keyboard key presses in browsers with JavaScript, to get ALT and arrow key combinations working with a SPA.
An experimental ReactJS project to turn text input into a point based graphical output, shown as a Github Contributions Graph mockup.
A reminder of the emphasis on opinions in Prettier's guiding principles, and how this can conflict with ESLint.
An adventure in trying to write a Gatsby remark plugin to wrap specific markdown blocks (aka MD AST nodes) in custom classed div HTML elements.
How to test that an array does not include any members of another array with Chai JS and Mocha framework. Explains workaround and why certain tests don't work.
Information about public Reddit APIs, building post preview embeds, parsing Reddit JSON data, and an example of a custom Reddit embed generator.
Simple music meta info scraper bookmarklet, for a few sites. Grabs song title, artist, album title, and more, and then lets you copy to clipboard as TSV or JSON.
Tips and tricks on sharing global variable values, inject values, capturing variables, and general NodeJS workarounds for if you can't edit a file.
Figuring out why stat is returning blank birthtimes on Unix/Linux and how NodeJS got around this with an update to fs.stat through its libuv dependency.
Automated file timestamp extractor: git-date-extractor NPM package and CLI tool. The tool lets you retrieve file creation and modification dates based on Git history.
Solutions and tips on how to use "created" and "last updated" date and timestamps with Gatsby and Git, including a fully automated approach with git hooks.
A Markdown-sourced, Gatsby-powered mini-site that displays a bunch of my cheatsheets, code snippets, and miscellaneous programming notes as I collect them.
A beginner attempt at creating automatic folder directory listing index pages within Gatsby, using createPages, GraphQL, MarkdownRemark and allDirectory.
So many options for building a theme switcher or customization - CSS, React, Vue, Sass, etc. Let's break these down into examples and simple descriptions!
A guide on mixing Sass-syntax and SCSS-syntax within a single Vue project, and how it can conflict with vendor Sass files, such as Vuetify.
A custom Google Data Studio connector, built from scratch with TypeScript, to pull in data from Toggl Time Tracker via API.
Tips, tricks, and gotchas, for building a Google Data Studio Community Connector on Google Apps Script. Covers some common issues and recommended approaches.
How to embed your Google Apps Script in an iframe when a user needs to authenticate it first before it can work. Solutions uses JSONP to inform parent page.
A lightweight browser tool for quickly exporting a LinkedIn profile page to a JSON Resume export. Grabs education, work positions, and even skills.
A breakdown of different ways to embed static and dynamic content into iframes, and dynamically generate iframe embeds on both the client-side and server-side.
Some random notes on using the Power BI Embedded Javascript APIs, such as resetting slicer visuals.
Reusable Node script that can be passed CLI arguments for a remote file to be downloaded, and optionally integrity checked against a known file hash.
Quick demo to show a stream of Javascript DOM events emitted when users interact with a page.
A practical guide to GTM triggers, how they work, and Javascript alternatives if you can't use Google Tag Manager. Meant for both non-developers and developers.
A guide on implementing internal traffic filtering in analytics, as well as blocking tracking and ads for internal employees using IP addresses and/or cookies.
Tool for generating a regular expression (Regex) custom filter to match against multiple IP addresses at the same time, such as for Google Analytics.
Some code examples on how to force wow.js (aka WOW) to trigger on content that suddenly becomes visible, and/or force it to reanimate on ANY element.
My first ReactJS project: a visual editor ("what-you-see-is-what-you-get" or "WYSIWYG") to arrange, preview, and generate dynamic Cloudinary transformation combinations and URL templates.
I went overboard in trying to use Base64 encoding in Google Sheets and ended up coming up with a "pure formula" for generating Base64 from a text string, which does not require the use of custom scripting. This post covers that formula, how I came up with it, and scripting alternatives.
Quick JS plugin for PrismJS (code embed syntax highlighter) that I put together, and use throughout this site . Typical "windows" style toolbar, with minimize/expand, fullscreen, and copy-to-clipboard buttons.
A tool for pasting in CSS and converting it to an escaped Javascript string. Options for keeping line breaks and tabs, or removing all (e.i. minifying).
Revisiting Chrome extension development after a while and outlining some things that have helped me with development and distribution.
Getting the Cloudinary JQuery SDK to allow an overlay transformation to overlay a remote fetched image - a painful lesson in reference materials.
The bookmarklet that I designed lets you add products to your Amazon wishlist from any site, including AliExpress and other competitors. No tracking!
<!-- 302 REDIRECT TO externally_hosted_code_url -->
A quick UI mockup, demo, and writeup I created for a feature a popular dating site could implement to improve the messaging experience and cut down on unwanted messages. Demo created using injected Javascript.
I developed a chrome extension for a popular online time clock so that you could clock in, clock out, and check hours all from an easy to use popup that can be interacted with no matter what page you are on.
A nifty little bookmarklet to test any webpage for Google Analytics, verify that event tracking is working properly, and return a list of all linked Google Analytics IDs!
