> Canonical URL: https://codingcat.dev/blog/page/7

# Blog — Page 7 | CodingCat.dev

## Posts

[![Updating AJonP](https://cdn.sanity.io/images/hfh83o0w/production/57d7c7e556e5efe60ba10ca6eec7f8914320f1d5-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/updating-ajonps-brand)

### [Updating AJonP's Brand](/post/updating-ajonps-brand)

October 10, 2019

Another evolution in the AJonP brand has come in the form of standardizing on acceptance. Making the most of neutral (non-stereotyped) colors. Taking a nod from Dev.to and updating AJ's tag to include a rainbow, as every mascot should have gender neutrality.

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Adding Angular Components to your static site](https://cdn.sanity.io/images/hfh83o0w/production/ccbc8203df1de782371c3ee852dbc5f647c83225-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/adding-angular-components-to-your-static-site)

### [Adding Angular Components to your static site](/post/adding-angular-components-to-your-static-site)

September 12, 2019

Utilizing Web Components within Hugo Static Site Generator (or any static site), to take Stripe/PayPal payments and more!

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Adding Web Component for Ionic Modals](https://cdn.sanity.io/images/hfh83o0w/production/ccbc8203df1de782371c3ee852dbc5f647c83225-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/adding-web-component-for-ionic-modals)

### [Adding Web Component for Ionic Modals](/post/adding-web-component-for-ionic-modals)

September 11, 2019

Utilizing Web Components within Hugo Static Site Generator (or any static site). Adding a Custom Element for an Ionic Modal pop-up.

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Firebase Hosting Version Settings](https://cdn.sanity.io/images/hfh83o0w/production/82ca2d5baaf3e0a4898b9697f661ffbe771d7003-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/firebase-hosting-version-settings)

### [Firebase Hosting Version Settings](/post/firebase-hosting-version-settings)

August 22, 2019

Set your version history for firebase hosting, to avoid storage costs.

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Better Performance through analysis](https://cdn.sanity.io/images/hfh83o0w/production/df6dd08d0bb9e547c94b914020c41dcb4bdef7bf-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/better-performance-through-analysis)

### [Better Performance through analysis](/post/better-performance-through-analysis)

August 17, 2019

Example of how to use Web.dev to maintain a timeline of performance, while running firebase performance for constant monitoring.

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Building a Fun App With Ionic Studio and Cloudinary](https://cdn.sanity.io/images/hfh83o0w/production/2e9e6b14f0cdfd1b769040d6f4091a067f6b764d-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/building-a-fun-app-with-ionic-studio-and-cloudinary)

### [Building a Fun App With Ionic Studio and Cloudinary](/post/building-a-fun-app-with-ionic-studio-and-cloudinary)

August 12, 2019

This post describes the procedure of uploading images to Cloudinary as a prelude for building a fun app called Face Smash with Ionic Studio.

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Slack Workspace Theme Customization](https://cdn.sanity.io/images/hfh83o0w/production/1f6038abccbaede1ec4c60c240733609ee211af7-1920x1081.png?w=1920&q=82&fit=max&auto=format)](/post/slack-workspace-theme-customization)

### [Slack Workspace Theme Customization](/post/slack-workspace-theme-customization)

August 1, 2019

Learn how to customize your Slack workspace theme using SlackThemes.net and contribute custom color themes on GitHub.

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Cloudinary in Jamstack using Webp](https://cdn.sanity.io/images/hfh83o0w/production/dfd267cc99ce0abcb6098421614161996ce5ca2b-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/post/cloudinary-in-jamstacks-using-webp)

### [Cloudinary in Jamstack using Webp](/post/cloudinary-in-jamstacks-using-webp)

July 31, 2019

Create a single source for all of your posting needs, using the best format for the browser!

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Use Firestore to Build Hugo Content](https://cdn.sanity.io/images/hfh83o0w/production/0d3b4005c9cd6dc3b7b51aae56943182563d1e56-1280x720.png?w=1280&q=82&fit=max&auto=format)](/post/use-firestore-to-build-hugo-content)

### [Use Firestore to Build Hugo Content](/post/use-firestore-to-build-hugo-content)

May 21, 2019

Use a frontend app (Angular), to update a Firestore Backend, trigger Firebase Function, while maintaining git commits, and buld/deploy your Hugo site.

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![NPM Tips and Tricks](https://cdn.sanity.io/images/hfh83o0w/production/f0e7e772bc610f27a7269613b9bb01bb36f6b37f-1280x720.jpg?w=1280&q=82&fit=max&auto=format)](/post/npm-tips-and-tricks)

### [NPM Tips and Tricks](/post/npm-tips-and-tricks)

May 17, 2019

Adding NPM Globally, setting default values for packages, and stopping the dreaded sudo calls.

[![Alex Patterson](https://cdn.sanity.io/images/hfh83o0w/production/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)