Crafting a masterpiece
TL;DR: By using a Prefix Sum Array, you can efficiently calculate the sum of any sub-array in constant time after an initial linear-time setup. It's a simple yet powerful technique that can optimize …
freepik.comTL;DR attribute is used in web applications to identify elements specifically for automated testing, without affecting the user experience or design. Manual testing challenges involve clicking throu…
ChatGPTI was tasked to write an O(n) time and O(n) space complexity - where n is the length of the given input array - algorithm to solve the following problem: You are given a few non-empty arrays of integ…
WikipediaI use numerous VS Code extensions to increase productivity and make life easier as a developer and blogger. Here are some of them: Theme Atom One Dark Theme is based on Atom's One Dark theme. It is t…
WikipediaRunning a Node app is simple. Sometimes you want to add environment variables that either contain sensitive information or are contextual to the environment you want to run your app on. You can set t…
WikipediaBuild stuck at running jobs (image transformation) GitHub #34051
There is a utility called npm-check that offers the ability to interactively update outdated, incorrect or unused dependencies: Take a look at the switches. It offers way more than just that. Usage S…
#/media/File:Npm-logo.svg){kind=logo}
WikipediaWith the gatsby-remark-code-titles plugin. Custom title gets injected and then needs to be styled. Example from docs: Usage This plugin will parse the Markdown AST, pluck the title, and then “clean” …
I know of the following reasons why chunks cannot be downloaded: Network errors Inspect the network in the browser dev tools to find out more information about the errors. Resources not found They do…
WikipediaYou may want to target and run a specific test or set of tests when testing your code so that you don't keep executing the entire suite each time you make changes to specific tests. This creates a fa…
Executing in the browser console will let you click and type anywhere you want on your page. This is helpful if you want to experiment with text directly on the page instead of in the DOM.
unsplashI was working with a multimethod that I needed to redefine in my REPL and came across this doc. There is an entry that states if you are in the REPL and need to redefine then you will need to unmap t…
Goal Emit minified vendor-based CSS files on build. Dependencies Elaborate I have a few unminified vendor CSS files that I simply want to minify and copy to an output directory. These files were not …
WikipediaIt's only peculiar if you don't understand it and for a while, I didn't understand it. It builds locally but then can't resolve component on Netlify. It started with me migrating my blog from Gatsby …
Originally posted on dev.to I got an error and needed to get verbose logs for a particular package during a Gatsby build. I came across this issue on GitHub with reference to a DEBUG env var that can…
I got an error and needed to get verbose logs for a particular package during a Gatsby build. I came across this issue on GitHub with reference to a DEBUG env var that can be set to get better logs.
Below I use the tee command to write the output of an script to both to the terminal and to a log file.
unsplashis short hand for and . "example" is just the name of a package. You can use it verbatim because it will most likely not be in your package.json. Your packages are sorted by running npm remove even …
WikipediaReact: 17.0.2 Webpack: 5.67.0 Webpack CLI: 4.9.1 mini-css-extract-plugin 2.5.3 Snippet Objective Bust the cache for CSS files that are emitted on build using Webpack 5 with Split Chunks. Set up one …
WikipediaWhere branch can be any ref including a branch name, tag, HEAD. Thanks to this Stack Overflow reference.
Where is the indexed location of the item in the stash. Find all items in the stash using: https://stackoverflow.com/questions/3573623/is-it-possible-to-preview-stash-contents-in-git https://stacko…
Motivation Sometimes a process, like a web server or running Clojure REPL, closes unexpectedly but the port is never released. I'd need to find that process and kill it so that I can rightfully claim…
unsplashStack Overflow - Search all of Git history for a string Stack Overflow - How to grep Git commit diffs or contents for a certain word
This includes cases where the file has been renamed. More Stack Overflow: , show all commits including merges
I want to override my personal email address I use for Git with my work email address in my work directory without manually changing it each time.
I am running Version 97.0.4692.71 (Official Build) (arm64) to date. Why? Use this feature to find text in any resource served by the web server. It's handy for searching for things where the location…
unsplashWith the help of this question and answer from Stack Overflow: Install the local npm package using the file path. Check node_modules to see the installed package. (or depending on the requirements) …
Originally posted on dev.to A story captures the rendered state of a UI component. Developers write multiple stories per component that describe all the “interesting” states a component can support. …
storybook.js.orgThe goal of this guide is to show you how to deploy a ClojureScript web app to Google Firebase Hosting with GitHub Action deploys. There are a few assumptions and they are that you are already famili…
The goal of this guide is to create a ClojureScript web application with Clojure CLI and integrate with Tailwind CSS. If you are looking to create a shadow-cljs project then you can follow this guide…
The goal of this guide is to create a basic Reagent ClojureScript web app from scratch using the Clojure CLI tools. We are going to bundle our JavaScript using Webpack, have HMR (Hot Module Replaceme…
wikipediaI was working on an about module a few months ago. I wasn't satisfied with it so I deleted it with all its related files 😬 Now I need to recover parts of this data that I had so conveniently discarde…
cozyplanesI have added a git alias for by editing the global config so that it is not localized to a specific git repository. I added the following below the section 👇 will now print a pretty colored summa…
StackOverflowIn this article I will cover how I installed and configured the plugin, added my custom track event, tried to test it and it didn't work so I went through a checklist of debugging the thing. Prerequi…
Successful features are in small bite-sized chunks that are released iteratively and regularly through the Feature Development Lifecycle. I just rewrote my blog. It took a while because I was pedanti…
unsplashAs much as I want an attractive blog, I prefer a blog that is more discoverable and outperforms others. That makes the eye-candy totally worth it and I feel great knowing that I do the best I possibl…
I wrote an article about Simulating mobile devices in Chrome way back in 2016. I decided to extend it with this article where I cover different rendering options that can be emulated from simple to e…
I created my first npm package - EVER! 🎉 It's a Gatsby source and transformer remark plugin called gatsby-remark-interactive-gifs. What that means is that it both extends the Gatsby GraphQL schema wi…
gatsbyjs.orgYou can create Git aliases for long or repetitive commands which map to short cuts. This can make your workflow more efficient as it decreases the number of keystrokes involved. You create your alias…
dribbble.comI use this plugin for emojis on my website. The reference to all possible emojis are hidden here. The current emojis include the following. You can reference an emoji by surrounding the keyword with …
gatsbyjs.orgNote: I am running macOS Mojave on a 2.8 GHz Intel Core i7 with 16 GB 2133 MHz LPDDR3 RAM. I am setting up my environment to write some awesome Clojure code. This environment is for Clojure and NodeJ…
unsplashHooray, I now have a new MacBook Pro! I never thought the day would come where that would happen. I've always been a Microsoft junkie, hacking away at daddy's computer as a young girl while other gir…
unsplashThe utility was designed to replace 99% of the uses of grep. As stated in the man page Ack searches the named input FILEs (or standard input if no files are named, or the file name - is given) for l…
unsplashI am creating a simple Clojure web app and API. In this post I explore how to create each with the command and what references I need to use. I plan to work on a monolith IntelliJ and git solution s…
wikipediaThe message of the day is known as motd. It's used to send a message to users after logging into a shell, commonly used on hosts. You can generate ASCII art and paste it into the motd file to spice t…
Cisco Adaptive Security Appliancy is known as the Cisco ASA. It is used to protect networks and data centres. It offers firewall, VPN and facilitates dynamic routing amongst other features and capabi…
I work with NATs and ACLs on Cisco ASA (Adaptive Security Appliance) in the terminal. I want a sandbox environment for me to go bonkers. I couldn't find an image from Cisco to download and install so…
An NRT (near-realtime) search platform. It's about a one second delay from the time a document is indexed until it is searchable. I have been using Solr for my search but have been wanting to migrate…
PNGWAVEAn NRT (near-realtime) search platform. It's about a one second delay from the time a document is indexed until it is searchable. Elasticsearch Installation There are a lot of ways to install Elastic…
PNGWAVEI installed an application. It misbehaved. I wanted to try out a time tracking app. It should let me track reminders and record activity spent in meetings, out-of-office and on tasks I am working on,…
unsplashMosh - the mobile shell. This remote terminal let's you roam with intermittent connectivity without breaking your SSH tunnel. The package must be installed on both the client and server and does not …
unsplash$JAVA_HOME an environment variable. It is the root path of the JRE or JDK which some applications and services use to access Java. I know that Java is installed but its not in the path , the output …
unsplashI have a repository with two remotes. origin is my personal repository and bitbucket is by BitBucket repository. The nugget of this post is to push to both branches in one command. The git remote com…
dribbble.comI want to create a symlink for all hidden files excluding the hidden directories. I want to put my configuration files in my home directory into version control. I need to exclude the hidden director…
unsplashI wrote about crafting changes into small atomic commits using Git. It looked like there was some confusion. I want to share what I understand about atomic and monolithic commits and why I create ato…
dribbble.comSmall, atomic commits makes it easier for code reviews, browsing the history and reverting changes. Life happens and commits can touch more lines and files than I want but the changes committed shoul…
dribbble.comI used to right-click on a zipped file and manage the archive using the GUI. Gone are those days. Now I mainly work with tar files and need a cheat sheet to remember the commands for the terminal. 😊 …
unsplashI had to find out much free space was available on a file system on a Linux server. Now getting this information on the GUI is simple - a few clicks, modals and stuff, but the server doesn't have a G…
unsplashOnce I installed a development service on port 3000 and I forgot about it. When I ran my project I couldn't start it because the port was in use. Baffled. 😕 This post forms part of a sequence of comm…
unsplashI want to enable search on my blog. I started looking into different solutions. I started with ElasticSearch but came across too many issues to get it setup that I paused on that and moved on to Solr…
unsplashIt's simple. I wanted to log to Graylog from my Clojure application. I banged my head numerous times trying to figure out how and why it did't want to work. Here's what I did to complete my mission. …
unsplashI had to re-install so I documented my process. In this post, I focus on the installation of my most used apps. Get ready is Dandified YUM, a -based distribution package manager. To speed up the up…
unsplashI had to re-install so I documented my process. In this post, I focus on configuring my shell for a personalized experience. Install Oh My Zsh zsh is an interactive shell with many features that impr…
unsplashI had to re-install so I documented my process. In this post, I focus on getting a Fedora 28 live media installation ready on a USB boot disk so that I can begin the installation process. Note: I am …
unsplashI had to re-install so I documented my process. In this post, I focus on getting my data backed up so that I can restore it after the installation. Whatever isn't in git gets archived. This is mainly…
unsplashI needed to format my HDD because ... reasons. 😁 For a change, I decided to play around with Fedora instead of Ubuntu. The installation was painless and the user experience is much like what I am use…
unsplashIn this post I work through transactions. The example queries are grabbed from the Datomic Docs. If you want to get started with Datomic, check out the first post in the series. If you want to see ot…
In this post I work through pull expressions using the Datomic MusicBrainz sample database. The example queries are grabbed from the Datomic Docs. If you want to get started with Datomic, check out t…
In this post I work through the creation of rules using the Datomic MusicBrainz sample database. The example queries are grabbed from the Datomic Docs and the Datomic mbrainz sample GitHub pages. If …
In this post I work through more querying capabilities using the Datomic MusicBrainz sample database. The example queries are grabbed from the Datomic Docs. If you want to get started with Datomic, c…
In this post I work through querying the Datomic MusicBrainz sample database. The example queries are grabbed from the Datomic Docs. If you want to get started with Datomic, check out the previous po…
Get started with the essentials of Datomic from installing Datomic, running a transactor, working with the Datomic console, running the Datomic REPL, creating and restoring a database, creating a sch…
I developed corporate programmer using a Ruby-based static-site generator called Jekyll. It transforms Markdown, Liquid, HTML and CSS to a static website so that no is database required. While I was …
unsplashWhen I first started with Clojure, my mind was foggy and filled with a swarm of buzzwords. There were tools, plugins, libraries, patterns and frameworks with names that were all new to me. This is a …
I have used Windows for over twenty years. Oh my goodness that's a long bloody time. Now I've joined the Linux world. It's thrilling. I'm loving it, learning, sharing (and as always - documenting) wh…
Don't take your knowledge for granted. Share it. Someone could learn something new. It also helps you remember it. Keep a record of what you learn in a blog, memo or even a paperback book. Whatever y…
unsplashThere is a page that we want to monitor. It has a lot of valuable information on it and fits nicely on a 4K screen. A ROCK64 device will power this display. The use case is simple: when the device tu…
unsplashThe byte order mark or BOM is an invisible Unicode magic number that can be found at the beginning of a text stream. We recently changed static HTML on a web page and all Unicode characters displayed…
When someone new works on your repository, make sure it is easy to get setup. Imagine if we didn't have any documentation; if we all adopted the mindset of "I already know this, let others figure it …
If you are new to fiddles, it's an online code playground that let's you quickly experiment, visualize results and share code without having to start up an IDE, editor or server of some sort. They ar…
The HTML5 specification has introduced more elements to aid us with semantic markup. I've discussed some of the design changes as well as the introduction of structural elements. Note: There are many…
In 2005 Google sampled (link since removed) over a billion documents. This highlighted popular class names, elements, attributes and other related metadata. The data surfaced many structural requirem…
Elements, attributes, and attribute values are semantic according to the HTML5 Specification. These definitions allow HTML processors, such as Web browsers, screen readers or search engines, to prese…
Edited on Friday, 27 August 2021. Discover the simulation power behind the Device Mode feature in Google Chrome. Chrome DevTools has a feature called Device Mode since Chrome 49. This feature extends…
Version control is like time travel for source code. If commits are monolithic and the messages suck... what exactly are you going back to? I use Git at work and in my personal playground. It gives m…
dribbble.comAfter an interesting debate, I decided to explore some of the problems that teams may face with microservices architecture. Trying to decipher a monolithic app is a real pain. Changing it is scary. I…
