Blog
Thank you for visiting my blog. Below you can find 72 blog posts that I've written since Sep 16, 2010.
Most Popular
Natively Format JavaScript Dates and Times
Jul 20, 2020
Modern browsers provide advanced JavaScript date/time formatting with locale and time zone support
Sorting JavaScript Arrays By Nested Properties
Sep 30, 2021
Use lodash's orderBy function to sort arrays by various nested properties
List Recent Git Branches
Sep 23, 2021
Use git to list your most recent git branches
Neovim and Tmux for JavaScript Development
Sep 2, 2021
How I made the switch to using Neovim and Tmux for my daily JavaScript development
Front-End Web Dev Jokes
Oct 22, 2013
A list of Front-End Web developer jokes
Natively Format JavaScript Numbers
Aug 14, 2020
Leverage native formatting capabilities such as locale, currency, units, compact mode, etc…
Run npm scripts in a git pre-commit Hook
Jun 20, 2016
Regardless the code editor of your team, run certain scripts before a code is commited
Git Branch Cheatsheet
Aug 21, 2020
A cheatsheet showing various ways to interact with git branches from the command line
Visualizing CSS Resets
Aug 7, 2020
A visual explanation between the difference between a CSS Reset and Normalize
Comic: How Do You Comfort a JavaScript Bug?
Jul 16, 2020
If you like developer puns, check out this cartoon
All Posts
CHECK Pull Request Review Comments
Oct 10, 2024
CHECK is an acronym that represents a certain frame of mind that I use while reviewing PRs
GitHub Copilot CLI: AI for the Command-Line
May 26, 2023
This video demonstrates the GitHub Copilot CLI, which provides AI features on the command-line
Use npm query and jq to dig into your dependencies
Nov 9, 2022
Use `npm query` and `jq` to answer interesting questions about your package's dependencies
2-minute Tmux Tour
Nov 1, 2022
An overview including creating, renaming, and navigating between sessions, windows, and panes.
Access Disk Usage from the Terminal
Oct 17, 2022
Get an overview of which directories are taking up your disk space using CLI tools.
Get a Better Git Diff
Oct 9, 2022
Use git-delta for an alternative syntax-highlighter for git, diff, and grep output
CLI: Git Checkout Recent Branch with Search & Preview
Oct 4, 2022
Build up a command to check out a recent git branch with search and preview diff functionality
GitHub CLI to Search and Preview Pull Requests then Check Out
Aug 25, 2022
Use the GitHub gh CLI to search and preview pull requests and then check out
Hacking with fd, fzf, tmux, and neovim!
Aug 23, 2022
Building an interactive terminal command with fd, fzf, tmux, and neovim
Time Tracking with Watson and Tmux
Mar 23, 2022
Keep track of your development time from the command-line with watson and see your daily total in tmux
Adding Tailwind CSS IntelliSense into Neovim
Oct 7, 2021
Add the Tailwind CSS Language Server Protocol to Neovim for autocomplete and linting support
Next.js "New Post" Node Script
Sep 13, 2021
Create a helpful Node script to create a new Next.js post
Neovim and Tmux for JavaScript Development
Sep 2, 2021
How I made the switch to using Neovim and Tmux for my daily JavaScript development
Walking While You Work
Aug 11, 2021
Getting exercise at home while working remotely
Use the react-blessed-contrib Grid component to make a dashboard layout
Sep 29, 2020
Create a full-page terminal dashboard layout with the Grid component
Git Log Cheatsheet
Sep 28, 2020
A cheatsheet showing various ways to interact with git logs from the command line
Bash History Navigation
Sep 16, 2020
How do you navigate previous history commands from the command line?
Make a Percentage Based Layout in react-blessed
Sep 10, 2020
Create a full-page dashboard layout with percents using react-blessed
Comic: Why are Async Programmers Strong?
Sep 1, 2020
Have you ever wondered why asynchronous programmers are so strong?
Animate an SVG viewBox with React
Aug 26, 2020
Animate an SVG for a camera zoom and pan like effect
Comic: Technical Interview
Aug 24, 2020
An interviewee dares to think outside the box!
Git Branch Cheatsheet
Aug 21, 2020
A cheatsheet showing various ways to interact with git branches from the command line
Comic: Happy Child Component
Aug 17, 2020
Why did the child component have such a good self-esteem?
Natively Format JavaScript Numbers
Aug 14, 2020
Leverage native formatting capabilities such as locale, currency, units, compact mode, etc…
New Manorisms (Front-End Web Dev) Newsletter
Aug 11, 2020
A newsletter containing relavent news, articles, videos, command line tips, things I am learning, comics, and more.
Comic: Pirates Love Continuous Deployment
Aug 10, 2020
Why do pirates believe in continuous deployment?
Visualizing CSS Resets
Aug 7, 2020
A visual explanation between the difference between a CSS Reset and Normalize
Comic: What's that Node Program?
Aug 3, 2020
Pun about a dev asking another dev a technical question
Position and Align Text inside a react-blessed <box> Element
Jul 31, 2020
Instead of using a multi-line template literal, we use `<text>` elements and provide props of `top`, `right`, and `left` to align content within its container.
Change text color with `chalk` and `gradient-string` inside `react-blessed`
Jul 29, 2020
Add a bit of color to a terminal node app with chalk and gradient-string
Comic: Why Do Their Keyboards Keep Breaking?
Jul 27, 2020
A comic about why some developers keep breaking their keyboards
Extract a custom `useRequest` hook to simplify fetching data in a `react-blessed` Application
Jul 23, 2020
While extracting out a custom React hook an infinite loop runs amok
Natively Format JavaScript Dates and Times
Jul 20, 2020
Modern browsers provide advanced JavaScript date/time formatting with locale and time zone support
Fetch the current weather with `weather-js` and display in `react-blessed`
Jul 17, 2020
This is part 5 of a collection of posts to create a terminal dashboard with `react-blessed`
Comic: How Do You Comfort a JavaScript Bug?
Jul 16, 2020
If you like developer puns, check out this cartoon
Extract a `react-blessed` Component and Add the `useInterval` Hook
Jul 8, 2020
This is part 4 of a collection of posts to create a terminal dashboard with react-blessed
Change Text Font with `figlet` inside a `react-blessed` Application
Jul 7, 2020
This is part 3 of a collection of posts to create a terminal dashboard with react-blessed
Add ESLint Rules to a `react-blessed` Application
Jul 6, 2020
This is part 2 of a collection of posts to create a terminal dashboard with react-blessed
Build a Terminal Dashboard in React with `react-blessed`
Jun 30, 2020
This is a collection of posts to create a terminal dashboard with react-blessed
Create a Coffee Name Generator
Jun 29, 2020
Build a CoffeeName Generator with using Web Animations API and Intl.ListFormat().format
Create a React Teleprompter using the Web SpeechRecognition API
Jun 22, 2020
Build a React Teleprompter with SpeechRecognition, string-similarity, and scrollIntoView
Use the `prefers-reduced-motion` media query to toggle CSS and JavaScript animations
May 13, 2020
In this lesson we focus on toggling animations on and off using the prefers-reduced-motion media query. The sample web app has 3 types of animations (CSS, SVG SMIL, and JavaScript) and we will toggle these animations using different techniques such as @media, matchMedia, and a custom hook.
Understand why CSS has no effect with the Inactive CSS rules indicator in Firefox DevTools
May 12, 2020
Firefox DevTools has an awesome feature that will gray out CSS declarations that have no effect, provide tips on what is wrong, suggest ways to fix it, and provide a helpful link for more information.
Make a zsh function alias to enforce using yarn commands when in a yarn project
May 11, 2020
Help yourself know to use npm or yarn commands per project
Reusable State and Effects with React Hooks
Oct 13, 2018
Learn about the npx Package Runner
Oct 13, 2018
What's New in Create React App 2.0 Video Series
Oct 11, 2018
Create a project using the `npm init initializer` command
Sep 18, 2018
Use the New Profiler in React Developer Tools to Generate Flame Charts and Interactions
Sep 10, 2018
Inspect and Style an Element in DevTools that Normally Disappears when Inactive
Aug 27, 2018
Adding Storybook Style Guide to a Create React App
Feb 22, 2018
Detect and Refactor JavaScript Copy-Paste Code
Feb 14, 2018
Debugging a Create React App with VS Code
Feb 7, 2018
Getting Started with Create React App
Jan 31, 2018
Toggle Wi-Fi Light when using Zoom with JavaScript
Feb 22, 2017
Run npm scripts in a git pre-commit Hook
Jun 20, 2016
Regardless the code editor of your team, run certain scripts before a code is commited
React to the Future
Jun 18, 2015
CSS for Developers
Jun 3, 2015
JavaScript Code Smells
Jun 2, 2015
Dynamic Repeating Sass Colors
Mar 19, 2015
Using Nested Sass Maps for TypeSetting
Jul 7, 2014
CSS Animated Hamburger Icon
Mar 4, 2014
Ways to Remove Those Pesky console.log Statements
Dec 9, 2013
Front-End Web Dev Jokes
Oct 22, 2013
A list of Front-End Web developer jokes
Reducing Filter and Map Down to Reduce
Aug 14, 2013
Unit Test like a Secret Agent with Sinon.js
Jun 4, 2013
Don't Initialize All the Things in jQuery.ready()
Oct 1, 2012
Control the Complexity of Your JavaScript Functions with JSHint
Sep 25, 2012
Differences Between jQuery .bind() vs .live() vs .delegate() vs .on()
Feb 6, 2012
7 Chrome Tips Developers & Designers May Not Know
Aug 2, 2011
Bedroom Closet to Work Office Transformation
Jan 29, 2011
Can a JavaScript file tell what URL requested itself?
Sep 16, 2010