What's the best version manager today? asdf.What is a Version ManagerManage what? Runtimes. So, I guess it's a runtime version manager.What's a runtime? A platform you build and/or run your code on, like Node.js, Ruby or Java.For a version manager, you'd usually be talking about something like "Node...

What could be more satisfying that this: The image size changes, but the image is kept in the correct aspect ratio so that its shape doesn't get distortedFlexible ImagesIn the era of a bajillion + 1 viewport sizes, many images on your site will grow or shrink with the space available to them.Aspect ...

You guessed it! This is how you convert FormData to json. Yippee!Make a form Capture the SubmitNow intercept that submit event:function handleSubmit(evt) { evt.preventDefault() const json = formatForm(evt.target) // ...ajax submit, or whatever } document.getElementById('yowza') .addEventListener("su...

This article explains how to bubble events up the DOM to a single event listener in React.Event BubblingIn DOM, an event is sourced on a particular element. That is the event target. If you click a button, that is the source. If you submit a form, that is the source.An event that originates on a chi...

Here's how to see progress of a terminal process like dd.Needs some visibilitydd is a great program for copying files to disks, as in for creating bootable media. But it gives no output by default. These can be long processes, and it can lead you to wonder if it's still working, where you're at or w...

Here's how to install Docker Desktop on Ubuntu.Download the .deb fileGo to doc.docker.com and download the latest .deb package.There are some instructions there on what to do:sudo apt update sudo apt install ./docker-desktop-4.22.1-amd64.debBroken packages problem on installFor me, I had a problem w...

Here's how to seed sqlite with data.What to Git CommitSqlite is a self-contained database. There's a file that you can put right in your repo.But should you commit your .sqlite database? It'd probably be better not to.Instead of committing tables, sequences or constraints, it'd be better to commit ....

Here's how to make a slideshow with just css.The MarkupCreate a container and the images that you want in your slideshow as direct children: The StylesThe styles are dependent upon the number of slide in the slideshow. This example shows 5 slides. The animation timings are also dependent on the leng...

Here's how to remap a keyboard key in i3.Controlled by XX Window System is a window system for Unix. Aka Xorg. Aka X. Aka X11, because v11 is its latest stable release. This is the default display server for Ubuntu/derivatives.Keyboard mapping is controlled by X, not i3 per se. i3 is the window mana...

Here's how to adjust your key repeat rate within i3.Controlled by XorgX Window System is a window system for Unix. Aka Xorg. Aka X. Aka X11, because v11 is its latest stable release. This is the default display server for Ubuntu/derivatives.Keyboard repeat is controlled by Xorg, not i3 per se. i3 is...

Here's how to set screen brightness in Linux terminal.Install CLIYou need a little tool:sudo apt install brightnessctlCurrent and Max BrightnessYou can see what the current brightness level is and what the max possible level is by typing:brightnessctlAnd getting feedback like:Device 'intel_backlight...

Here's how to compile JSX in jest tests that use SWC, or Speedy Web Compiler.InstallWellll, this is an article about a toolchain that's getting a little long. Of course, not as bad as it could be. We have only one babel plugin here, after all.npm install jest @swc/core @swc/jest @babel/core @babel/p...

Here's how to start a server in Jest.Test ScenarioJest is a test environment. It'll run all sorts of tests. Most commonly, you might set up a unit test. You'll import some src from your test, exercise it and make assertions on output.But sometimes you might want to test something larger than a unit....

Creating is one of our deep human purposes. We would be wrong to remove ourselves for those acts or to avoid them.The PointCreating is the point. This is what makes life satisfying. Creation > consumption. It feels different. It speaks to us. It's in our nature. It's a part of our destiny.It require...

Whether you prefer white-box or black-box testing, sometimes testing feels like a box. Well, let's think outside of it. What might we get for not writing tests?You Mean, Never Test?No, sometimes I really like to test and find it valuable.ObviouslyIf we don't write a test, what might we get?Maybe bug...

Here's how to change directory when shelling out to a process in python.I'll show two methods. I want to run each process in the run_path, set to some valid path. This example is a process called pydeps, but it could be anything, os.getcwd(), what have you.First: cwd import subprocess process = subp...

Here are a couple tools to start a photo slideshow in Linux.fehMy favorite is this lightweight cli, called feh.Install:sudo apt install fehPoint the command at a directory with photos:feh -F ~/my/photos-F is for fullscreen, containing larger photos in the viewport.Use arrow keys to navigate through ...

There are so many ways of doing something. The important things is that you do it. And get along with the team you're doing it with.Practice vs. Delivered ValueI think there's a difference between a practice (a process for creating) and delivered value (the problem solved with the thing delivered). ...

Here's how to access a date's fields for a specific timezone.What You Have in DateJavaScript Date has accessors for date fields. It only has two options, here seen for the hours field:Get the field in local time (eg, new Date().getHours())Get the field in UTC time (eg, new Date().getUTCHours())As fa...

Here's how to submit a form to the server in Next.js 13.The 'ol Server RenderWhat is old is new again. "We just released this progressive, inventive and amazing new release: Next 13! Now even React can do a server rendered HTML page."Feels like React's Lost Decade. In 2014, Rails devs were saying th...

Here's how to query Hubspot with GraphQL.What is GraphQLGraphQL is a query language for fetching and writing data. For web applications, there's usually a single endpoint available over HTTP where available data can be queried. As a query language, it has a syntax kind of like json, showing just the...

Here's where are the trends in social networks seem to be leading us.The Need to ConnectConnection with our fellow humans is one of the most important and satisfying experiences in life. Recent technological development has allowed worldwide social networks over the Internet. The potential is there ...

Here's the difference between simplifying and merely managing complexity.The Better OptionEssential complexity is inherent in a domain. It won't go away. If you're going to solve the problem, you must face it and deal with it. Or change the paradigms of the domain itself so that the essential proble...

Containers are queryable globally. Here's how.Container Queries are GreatIt's amazing that @container queries are here and widely available.Different from @media queries, which interrogate the viewport width, @container queries interrogate DOM element widths.Containers Globally AvailableWhen you def...

Tmux can help you set up your development environment more quickly.Many Tool OptionsThere are many tools used to make development environments work better or faster. For example, containerization with docker and docker-compose. I don't love these tools because of the cost of the abstraction: getting...

Here are some tips on using a ubiquitous language on your cross-functional team.Martin Fowler really knows more about Ubiquitous Language and its importance. Here are a few of my tips.Mean the Same ThingOn a cross-functional team we would likely have developers, product managers, designers, user rep...

Here's how to set up a simple ClojureScript project with shadow-cljs.shadow-cljsShadow CLJS is so many things, I don't think I can currently enumerate them. In this case, it's going to configure the building of ClojureScript into JavaScript. It'll give us a nice development server too.DependenciesOn...

Here's how to expand a CSS grids into 1, 2, then 3 columns.The Markup widget one widget two widget three Kinda interesting, eh. What's up with col2?1-Column StateIn 1 column, all widgets are stacked:+--------------------------------+ | | | +----------------------------+ | | | | | | | 1 | | | | | | |...

Here's how to conveniently set your screen configuration in X11/RandR for multiple monitors. It'll work for i3 or other windowing environments.The PiecesX Window System - is a window system for Unix. Aka X. Aka X11, because v11 is its latest stable release.RandR - is an extension to X. Sets monitor ...

Here are some guidelines for when I might comment code.Just RightCode commenting is a Goldilocks effort.I don't want too many. It makes the code harder to read (the opposite of what comments should accomplish). Huge blocks of text. More confusing than the code. More likely to get out of date. More l...