This is one way to convert an icon font to svg.Make it a TTFIf you downloaded the icon font from the web, you may need to convert it to a format that is installable on your computer. These days, the web format is usually .woff2. You want something like .ttf. Use this converter at everythingfonts.com...

Here's a way to help Typescript find CSS module type declarations.The ImportYou have an import of a CSS module in your Typescript, something like:import css from "./positioner.module.css";Type Declaration ErrorWhen it compiles, you get a doozy of an error:src/common/positioner.tsx:3:17 - error TS230...

Who cares if I like or don't like something, right? I have had some questions as to reasons, so here are the basics.What is TailwindTailwind CSS is a CSS library that leans heavily on utility classes. You compose them in the HTML class attribute. You can see some examples of resulting CSS and HTML o...

Here's how to run your tests on ES modules without compiling.Mark Project as an ES ModuleTo be a real ES module, you really have to want it. More than Pinnochio. Don't get distracted by Pleasure Island. Get to work. Save your father.And on your way, edit your package.json to show that you are a real...

Here's how to set CORS headers in a Next.js 13 ResponseNative ResponseNext 13 changes a lot of things. One thing is that it now uses the native Response object for return values.Because it's native, you don't need to import it in Node.js.Liberal Headers for JSONThe example below is shows very libera...

Debugging can be hard. Git bisect can help. It'll help you narrow down where to look for the problem.The ScenarioThe impossible has happened. You have written a bug. Your program is broken, but your soul is not. You can seem the symptoms of your bug when you run your code.How did this happen? Some d...

This is my motivation to test software and when I do it.When Do I write tests?Writing tests means writing automated tests: more code to run and test your code.I write tests when I think it'll help more than hurt. Tests are not free. There are tradeoffs. Writing tests doesn't always make sense."Test ...

This is how to set the favicon in Next 13 (the current beta) (the one with an app/ directory) (the one without the pages/ directory) (you know, the one).Normal HTMLNext.js can't do things the reliable way. It's gotta be fancier. Probably for that asset fingerprinting. Sweet, sweet fingerprinting.In ...

Here's how to set a timezone by name on a JavaScript Date object. It can be tricky.The goalWhat we're trying to do is to create the Date in a named IANA timezone (eg, 'America/New_York') other than that of the runtime environment.Setting the TimezoneThe tl;dr on successfully setting the timezone is:...

Here, we'll look at a way to store UTC dates in Postgres with JavaScript.UTCIt's all about the UTCs, baby. It's still not great. You might still get it wrong. But you're making things easier on yourself.Column TypeYou need a place to store the date. Postgres uses tables with columns. Usually, there'...

These are pivotal, tactical facts to remember when working with dates in JavaScript, which should often be in UTC.UTCUTC stands for Coordinated Universal Time. ... See, we can trust these people to give us easy, intuitive systems for date and time, right?It used to be called GMT, or Greenwich Mean T...

Here's how to set non-secret variables in sam config for local dev.Serverless Application ModelAWS has a tool called Serverless Application Model, or SAM, that allows you to run commands for your application. For instance, I can invoke my Lambda or run it behind a local API Gateway.Invoke a Function...

Wipe a hard drive securely with a util called shred.See all your hard drivesGet those out in the open. Let's see what's available by running:fdisk -lThis will return a lot of stuff: devices, virtual devices, partitions. You're looking for some lines that start with "Disk", and you'll see some "Disk ...

Set volume on the commandline in Linux. Dreams fulfilled.Is this your tool?First, do you have Alsamixer? It depends on your audio drivers. See those drivers with:pactl listYou'll see lots of stuff like:Name: alsa_output.pci-0000_00_1f.3.analog-stereo Description: Built-in Audio Analog StereoOr just ...

What is the direction:outbound task attribute and why is it significant?Twilio FlexTwilio Flex is callcenter software. It takes incoming communications and supports outgoing communications. It takes these communications and creates tasks and assigns them to callcenter workers.Twilio gives you APIs a...

Got a weird "digital envelope routine::unsupported" error? Who doesn't? Let's get rid of it.The ErrorOne day I started my node app, and it failed with a nasty-gram:Error: error:0308010C:digital envelope routines::unsupportedThe CauseSince node 17, OpenSSL 3.0 is supported, which moves algorithmss li...

How to submit a form with a submit button outside the formYou know, sometimes it's the little things that make you happy -- the super powers that you didn't know you had, when #usetheplatform comes through for you.Submit Button Inside the FormMost of the time, it's that familiar tale: the submit but...

These are some of my favorite or easily-forgotten Davinci Resolve shortcuts and operations.And can I just say that Davinci Resolve is awesome video editing software! Thank you Black Magic!Select All on Timeline"All" as in all clips on all tracks in relation to the timeline cursor.y - select all in f...

My favorite RSS reader is Newsboat. Get it and use it.Long Live RSSI don't want a news feed, an endless scroll of suggestions or an email newsletter. Or ads and the marketing tech that goes with it.What I'd rather: Track what content I'm interested in online, decide I want to see it sometime, ask wh...

Here's how to make cypress intercepts return dynamic responses.Mock Network ResponsesCypress allows you to do functional testing in a browser. You can intercept network requests that you want to mock. Any request matching such a pattern will return the mocked response. But there may be times that yo...

Here's how to set up a URL to redirect to after logout in Django.Make a URL PathIn one of your app's urls.py files, create the urlpattern:from django.contrib.auth import views as auth_views from django.urls import path from myproj import settings urlpatterns = [ path('logout/', auth_views.LogoutView...

Here's a walkthrough for backing up your dotfiles on git.What are dotfiles"Dotfiles" are those files that sit in some root directory, are hidden by their . prefix and configure stuff.A common example is the configuration file for your code editor.In nvim, this is the file at ~/.config/nvim/init.lua....

Promise.all and Promise.allSettled act differently. Let's explore this beautiful variety:Test HarnessLet's set up a little test to see what the differences are. This test has some Promises that fail (and reject) and some Promises that win (and resolve).Where it's set up now to Promise.all, in later ...

Here's how to make Call task channel icons dynamic in Twilio Flex 2.Most New ChannelsThis method usually works for new channels. We make a new task channel. We define which tasks belong to it. We can define the icons that show up for that channel. Here it is:const channel = flex.DefaultTaskChannels....

Here's how to share code in Twilio Functions.Normal importsSharing code in a Twilio Function isn't as straightforward as one might hope.Normally in Nodejs, I could:import { getMessage } from './lib/message.js'But no...ServerlessServerless tech like AWS Lambda or Twilio Functions (probably built on A...

Documentation isn't enough to learn a new codebase.I just read a very thought-provoking article by Baldur Bjarnason, called Theory-building and why employee churn is lethal to software companies. It is thought-provoking at this point because I sense that the essential point is true, and it's uncomfo...

Here's a method for pegging a stable node.js version for nvim and language servers.What's a language serverNeovim has language server protocol (LSP) support built in. But it doesn't have the language servers themselves. And language servers are installed in all sorts of sundry ways.Some language ser...

Should I give nit comments in merge requests?What is a "nit"?In the context of a merge request, a "nit" is a type of comment. It is always a small thing. It probably doesn't matter. It's often stylistic.Often it's given with a good attitude of helpfulness. Occasionaly it's given because someone has ...

Here are some instructions on how to deploy an astro.build site to Gitlab pages.Gitlab pages deployment is controlleed via your .gitlab-ci.yml file. Everything is in there. The file contents might look like this:image: node:19.1.0 pages: script: - npm ci - npm run build - rm -rf public - mv dist pub...

These are some of my favorite or most easily forgotten vim tricksOf course, there is a fantastic educational newsletter, VimTricks. You should subscribe and get all the tricks they have. These are some I've learned from them and elsewhere that I want to remember and highlight for myself.Get filetype...