seanmcp.com

StackBlitz is a great tool for rapidly prototyping web applications.

JavaScript has a method for generating random numbers from 0 to less than 1: Math.random().

Awhile back, I read about using separate Chrome profiles[1] for debugging.

When React wants to render a component, it renders all of the components in the tree from that point.

My wife showed me a Tik Tok series where someone was decluttering their life by getting rid of an increasing amount of items every day for 30 days.

When teaching people (or computers) to read, it's useful to group similar words into categories.

Google Chrome provides a feature in the dev tools to emulate a device within the desktop browser.

I initially published a note about how easy it was to upgrade to Eleventy 1.0.0, but I hit a snag which warrants a quick article.

To make a web component, you need to create a new class.

Starting Fall of 2021, I noticed that my bluetooth headphones would periodically mute me while I was speaking during video chats on Google Meet.

A good diagram can make a big difference when communicating a message.

When working on a React Native app, you will probably make some changes to the build.gradle file in your projects android/ directory.

I don't think I've written about Toollama.com yet on this site, so here's a quick introduction.

Building applications with React Native requires a high-level understanding of mobile development on Android and iOS devices in addition to React and React Native fundamentals.

When React Native was first released, it included extra modules that were helpful for mobile development like WebView, NetInfo, and AsyncStorage.

When running a device simulator on macOS, it is possible to navigate that system's directly through the command line (or Finder, if you'd prefer).

When writing CSS classes, I prefer BEM's naming system.

React Native is framework for building Android and iOS application using React and native capabilities.

For a recent article, I wanted to add some embedded YouTube videos.

In Enzyme, wrapper's have a handle .html() method that will return the outerHTML for that element in the tree.

I've used remark in a few different projects, and each time I found it difficult to get started.

If you have a class in JavaScript and want to know the number of methods it contains, there are a few steps that you need to follow.

Here are some of the git commands that I find useful when doing by work as a software engineer.

Hello search params!

I ran into an issue today when I tried to serve a typeface I downloaded from Google Fonts.

When trying to setup Netlify CMS on a project, I kept getting this error on the /admin page: Error loading the CMS configuration Config Errors: YAMLSemanticError: Implicit map keys need to be on a single line at line 1, column 1: <!

When responding to code-review requests, I like to point the reviewer to the specific commit where the issue was addressed with a message like: Fixed in 4908c91a06258814077b1358210eb78cc718609c GitHub will automatically detect the hash, shorten it, and co…

In a recent Eleventy project, I wanted an easy way to add Heroicons.

After hearing of a few people doing the same, I set up a mostly-free URL shortener with Netlify: smcp.dev.

When working on a Svelte application, I wanted to replace newline characters in a string with <br> elements and render the result as HTML.

Idioms are interesting.

To search the current directory for all files that contain two independent strings, you can use the following terminal command: grep -lr "common" $(grep -lr "rare" .)

In a recent Eleventy project, I wanted to create a single collection for tags with two keys: alphabetical for an array of all tags, and popular for an array of arrays with the tag and number of times it was used.

I spent some time this week enjoying Dave Geddes' content.

Static-site generators like Eleventy are great at building websites.

Today I needed to checkout a branch, pull the latest, then checkout dev, pull the latest, and merge dev into my branch.

I have a type interface for shapes that looks something like this: interface Shape { height?

While converting a JavaScript create-react-app project to TypeScript, I wanted a single line of text to every .tsx file.

I ran into an issue where Sass was converting hsla() values to hex incorrectly.

I like learning from audio and video, from podcasts to YouTube videos.

At work, I ran into an issue that may have been related to an external dependency.

Authors note: Before you read this article, you will want to click the "Start timer" button below to enable the live demos.

As a superset of JavaScript, TypeScript provides a lot of useful features.

To emulate an iPhone or iPad in Safari, you first need to have the developer tools enabled.

fetch is utility for making HTTP requests from the browser.

Removing an item from an array at a given index is a pretty common task in programming.

While doing some cross-browser testing in Safari, I noted that tab was not working as expected.

When I tried to run jest --watch in a codebase, I received the following error: Error: EMFILE: too many open files, watch at FSEvent.FSWatcher.

Last month, I embarked on a journey to learn TypeScript better.

If you want to access the home directory from you Deno program, you can use the Deno.env's get method with "HOME": Deno.env.get("HOME"); In unix environments, returns a string along the lines of "/home/USER".