> Canonical URL: https://codingcat.dev/post/updating-ajonps-brand # Updating AJonP's Brand ✏️ Blog PostOctober 10, 2019[#WebDev](/topic/webdev)[![](/logos/firebase/firebase-symbol.png)![](/logos/firebase/firebase-symbol.png)Firebase](/topic/firebase)[#AI & Agents](/topic/ai)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud) # Updating AJonP's Brand ![CodingCat.dev tutorial cover image](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/57d7c7e556e5efe60ba10ca6eec7f8914320f1d5-1920x1080.png?w=1920&q=82&fit=max&auto=format)[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson) **Updating AJonP's Brand ** is a technical guide on CodingCat.dev by Alex Patterson focused on WebDev. 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. [https://codingcat.dev/post/updating-ajonps-brand](/post/updating-ajonps-brand) 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. ## First the Technology If you have not checked out [Figma](https://figma.com/) yet please do so right meow! It is so powerful when you can take a component and reuse it throughout your site. Checkout how I can change the eyes in all of these different Logos, just by changing the main component. [https://www.youtube.com/embed/IFLQySh-Zb4?autoplay=0&rel=0&showinfo=0&modestbranding=1](https://www.youtube.com/embed/IFLQySh-Zb4?autoplay=0&rel=0&showinfo=0&modestbranding=1) ## AJ's New Tag AJ will now be representing more people equally, and that is really important particularly to web development! We want a community that encourages everyone to share and learn together! ![](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f79afd38574ec3a6d81f1814523bdc990e794849-1008x1000.png?w=1008&q=82&fit=max&auto=format) ## Technical Overview: Updating AJonP's Brand When applying the concepts from **Updating AJonP's Brand** in a production codebase, teams working with WebDev should align their implementation with the [**MDN Web Docs for Developers**](https://developer.mozilla.org/en-US/docs/Web) (Core web platform standards, browser APIs, and performance guides). Structuring your workflow around repeatable patterns, automated verification, and clear separation of concerns helps prevent regressions as your application scales. ### Key Engineering Takeaways - **Core Topic Focus: ** Practical strategies for WebDev covered in "Updating AJonP's Brand" (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.). - **Production Implementation: ** Combine the architectural patterns demonstrated in this post with the official [MDN Web Docs for Developers](https://developer.mozilla.org/en-US/docs/Web) for type safety, performance, and long-term maintainability. ## Resources, Links & Official Documentation - [**MDN Web Docs for Developers:**](https://developer.mozilla.org/en-US/docs/Web) Core web platform standards, browser APIs, and performance guides ## Related CodingCat.dev Tutorials & Podcast Episodes - [**Get the most out of Firebase Studio’s default built-in model, Gemini 2.5 Pro: Web Architecture & Implementation Guide**](/post/firebase-2025-09-firebase-studio-builtin-model): Hands-on web engineering breakdown of "Get the most out of Firebase Studio’s default built-in model, Gemini 2.5 Pro" (2025-09-12). Learn how to integrate Fireba... - [**The Firebase plugin is now available in Codex: Web Architecture & Implementation Guide**](/post/firebase-2026-09-firebase-plugin-for-codex): Hands-on web engineering breakdown of "The Firebase plugin is now available in Codex" (2026-09-28). Learn how to integrate Firebase, Google Cloud, Web Dev, AI i... - [**Introducing Firebase spend caps: Web Architecture & Implementation Guide**](/post/firebase-2026-09-firebase-spend-caps): Hands-on web engineering breakdown of "Introducing Firebase spend caps" (2026-09-14). Learn how to integrate Firebase, Google Cloud, Web Dev, AI in production w... ## Frequently Asked Questions (FAQ) ### What are the main takeaways from Updating AJonP's Brand? 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. Updating AJonP's Brand explores practical patterns for WebDev in modern software engineering. Throughout this post, Alex Patterson breaks down real-world implementation details for WebDev so developers can apply these patterns directly in production. ### How do you implement WebDev best practices in production? When adopting WebDev in a production stack, start by validating your configuration against the [**MDN Web Docs for Developers**](https://developer.mozilla.org/en-US/docs/Web) (Core web platform standards, browser APIs, and performance guides). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage. ### Where can I watch the full Updating AJonP's Brand walkthrough and find related code resources? You can explore the complete write-up and code examples right here on CodingCat.dev, and subscribe to the [**CodingCat.dev YouTube channel**](https://www.youtube.com/@CodingCatDev?sub_confirmation=1) for weekly video tutorials. For a deeper dive into WebDev, check out our related guide: [**Get the most out of Firebase Studio’s default built-in model, Gemini 2.5 Pro: Web Architecture & Implementation Guide**](/post/firebase-2025-09-firebase-studio-builtin-model). ✏️ Visual Architecture Diagram ## how this post connects together. Follow AJ through the pipeline topology from input contract to production output. Let’s build it!✏️ Architecture Diagram: Updating AJonP's BrandDATAFLOW PIPELINEARCHITECTURE DIAGRAM[Diagram Walkthrough]Content-driven pipeline diagram for Updating AJonP's Brand: Updating AJonP's Brand -> System Implementation -> Edge Delivery & Telemetry.AAA Contrast Verified▶ Watch on @CodingCatDev YouTubeRelated Blog Post & Video ## Watch the Related Video Deep Dive: Sanity Knowledge Bases Eliminate query-time guessing in your AI agents. Learn how Sanity Context Knowledge Bases compile structured datasets, crawled documentation websites, and uploaded files ahead of time, resolve conflicting facts, and serve a compact outline over Context MCP. [View Full Page →](/post/sanity-knowledge-bases)![](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/38b0f021c51d97043c8a1ebf31d505a0ea877b7c-2752x1536.jpg?rect=11,0,2731,1536&w=1920&h=1080&q=82&fit=max&auto=format)[@CodingCatDev62.5K / 100K Subscribers Goal](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Subscribe on YouTube→](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Watch on YouTube App ↗](https://www.youtube.com/watch?v=jm5Vq60qYTk&list=UUnKZ8gEb78zXKMi1ns-IQ2g) ## related deep dives. [All Blog Posts→](/blog)[![The Heads of AI wearing black company logo t-shirts and shaking hands in a circular web of cloud and GPU investments](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/d1d83d596ce5899d797cd3aaf1bd0142038f282a-1376x768.jpg?w=1376&q=82&fit=max&auto=format)](/post/anthropic-s1-ipo-circular-ai-economy-etf-risk)October 26, 2026[#AI & Agents](/topic/ai)[![](/logos/tags/anthropic-symbol-light.svg)![](/logos/tags/anthropic-symbol-dark.svg)Anthropic](/topic/anthropic)[![](/logos/tags/google-cloud-symbol-light.svg)![](/logos/tags/google-cloud-symbol-dark.svg)Google Cloud](/topic/google-cloud)[+4](/post/anthropic-s1-ipo-circular-ai-economy-etf-risk) ### [Anthropic's S-1, $518B in cloud commitments, and circular AI capex](/post/anthropic-s1-ipo-circular-ai-economy-etf-risk) Anthropic just filed its Form S-1 for a Nasdaq IPO under ticker ANT, revealing $518B in take-or-pay cloud commitments to Google, AWS, and Microsoft. Here is how Mark Zuckerberg, Elon Musk, Jensen Huang, Sundar Pichai, Satya Nadella, Tim Cook, and Dario Amodei built a circular revenue machine, and what happens to your S&P 500 ETF if it stalls. [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![PHP2Shell (CVE-2026-109618): How AI Found a Decade-Old Bug in 70% of the Web](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/e83065d0a4e2f841ce64d3f4aea8ddbbf07e5cb9-1376x768.jpg?w=1376&q=82&fit=max&auto=format)](/post/php2shell-cve-2026-109618-ai-php-security-scramble)October 22, 2026[![](/logos/tags/php-symbol-light.svg)![](/logos/tags/php-symbol-dark.svg)PHP](/topic/php)[#Security](/topic/security)[#AI & Agents](/topic/ai)[+5](/post/php2shell-cve-2026-109618-ai-php-security-scramble) ### [PHP2Shell (CVE-2026-109618): How AI Found a Decade-Old Bug in 70% of the Web](/post/php2shell-cve-2026-109618-ai-php-security-scramble) Two critical pre-authentication RCE flaws in PHP (CVE-2026-109618 and CVE-2026-109619), uncovered by AI models from OpenAI and Google Gemini, sparked a global patching scramble across 70% of the web. Here is how PHP2Shell works and how to patch your servers. [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)