Web technologies, IoT, and their confluence

Sept 26, 2022

Stable Diffusion setup on M1 Mac

Running Stable Diffusion on Apple Silicon

Use Automatic1111 Instructions

October 29, 2022

Run Stable Diffusion on Mac M1

How to run Stable Diffusion Locally on Mac M1

Use Automatic1111 setup

October 22, 2021

Nextjs Image component with local and remote files

Using Nextjs Image component with local and remote files

Create custom loader for Next local images

November 8, 2020

Netlify Deployment

Nextjs deployment to Netlify

Use the Netlify CMS to deploy to Netlify

November 8, 2020

Static Nextjs on Netlify

Nextjs deploy to Netlify

Setting up the Netlify CMS to deploy to Netlify

May 21, 2021

Duh! Manage overflow

Why does a right margin appear on a small screen?

Set text overflow behavior.

June 4, 2022

Create equal height cards in CSS grid

Creating equal height cards in CSS grid

Use 1fr for grid-template-rows

July 6, 2022

Dismiss menu dropdown with onClickOutside

How to dismiss opened menu when clicking on page

Use onClickOutside

January 30, 2022

Override Eslint missing prop types

Overcoming eslint and prettier errors

Override Eslint missing prop types

January 25, 2022

Tailwind Experience

The CSS learning hurdle

Learning Tailwind has actually been a great learning experience for buiding CSS knowledge.

January 21, 2022

Rendering code from Markdown

How to render code from Markdown

A combination of packages provides an easy way to render syntax highlighted code from Markdown.

January 15, 2022

Footer positioning with Tailwind

Getting a footer to stay at the page bottom is a common problem.

Footer positioning with Tailwind (or core CSS)

January 12, 2023

Mouse disconnecting in MacOS Ventura

Fixing mouse disconnect

Terminal = sudo pkill bluetoothd

Jan 1, 2023

A practical solution from Chat-GTP

Use AWS Amplify framework and external graphql API

Chat-GTP provided code example using ApolloLink.split

February 4, 2022

Custom loader for Next local images

Local images urls being prepended with the url in the next.config.js file.

Create custom loader for Next local images

February 2, 2022

Define Tailwind class in markdown frontmatter

Setting colors in markdown frontmatter with Tailwind

Define Tailwind class in markdown frontmatter