Welcome to the Worlds Worst
Website!
Learn from mistakes, watch bad videos, steal components.
My YouTube Channel
Watch me build a WordPress plugin with AI (grok)
Watch me add Sortable.js (drag-and-drop magic!) to my custom WordPress plugin—live, unscripted, and powered by Grok AI. In this behind-the-scenes coding session, I respond to a viewer request by expanding my lightweight JS Libraries plugin (already in the official WordPress repo) to support an 8th library. You’ll see: My full AI prompting workflow (no secrets held back) Real-time bug hunting: CDN issues, console errors, per-page enable glitches, and taxonomy resets How I troubleshoot when AI gets stuck—and force it to fix things A working drag-and-drop demo that proves it all works (site-wide or per-page) This isn’t “prompt once and done”—it’s the real process of building production-ready plugins with AI in 2025. Perfect for devs tired of bloated paid plugins who want to start coding their own solutions. 👉 Drop a comment with the next JS library you want added—there’s zero bloat, so why not? 💡 Plugin does one thing well: enqueue popular CDN libraries (GSAP, Swiper, Chart.js, etc.) only where you need them. 🛠 Built 100% with Grok—cancelling my ChatGPT sub after this! #WordPress #WebDevelopment #AICoding #JavaScript #PluginDevelopment Interested in Etch? Check it out: https://etchwp.com?aff=43a07932 (affiliate link) Interested in Automatic CSS? Check it out: https://automaticcss.com/ref/2441/ (affiliate link)
Watch on YouTubeEasily add multiple JavaScript libraries to your WordPress website
In this video I show you a plugin I built for WordPress that lets you easily add various javascript libraries to your WordPress website, such as GSAP, Popper, Swiper, and more! Find and download the plugin from GitHub: https://github.com/welbinator/javascript-libraries-manager/releases Looking for web development or branding services? https://apexbranding.design Interested in Etch? Check it out: https://etchwp.com?aff=43a07932 (affiliate link) Interested in Automatic CSS? Check it out: https://automaticcss.com/ref/2441/ (affiliate link)
Watch on YouTubeTable of Contents component in Etch
In this video I create a table of contents component in Etch that you can add to a page where you're already displaying a list of posts (or some post type). This adds a list of links, or a dropdown populated with links that will take users to the specific post on the page that they click on. Looking for web development or branding services? https://apexbranding.design Interested in Etch? Check it out: https://etchwp.com?aff=43a07932 (affiliate link)
Watch on YouTubeGrid to Carousel Etch Component
In this video we take a look at a component I created for Etch for WordPress that turns a grid into a carousel on mobile screen sizes. The component has a couple super handy props that allow you to choose the number of columns for the grid, and the screen size at which the grid turns into a carousel. Looking for web development or branding services? https://apexbranding.design Interested in Etch? Check it out: https://etchwp.com?aff=43a07932 (affiliate link)
Watch on YouTubeReaction: Common Flexbox & Grid Misconceptions
In this video I react to the king of CSS' video called Common Flexbox & Grid Misconceptions. The King of CSS obviously being Mr. Kevin Powell (youtube.com/@KevinPowell) Looking for web development or branding services? https://apexbranding.design Interested in Etch? Check it out: https://etchwp.com?aff=43a07932 (affiliate link)
Watch on YouTubeWatch me rebuild WordPress.org using OllieWP
In this video I'm going to use Mike McCallister's product OllieWP to rebuild WordPress.org I've never used Ollie, and I've never built a site using FSE so this should be interesting. For you folk that have told me you enjoy watching me struggle…you'll like this one.
Watch on YouTubeTutorials
How to create a GitHub Action that creates a release in GitHub
This tutorial walks you through creating a GitHub Action that will create a Release in GitHub
Check it outEtch Components
Marquee that breaks out of content width on one side
This component is a component within a component. The outer component is a section/container combo that starts at the normal content width on the left but overflows all the way to the edge of the screen on the right. Inside this container is a scrolling marquee of images. You can choose the direction, and speed of the scrolling using component props.
Grab the code (and watch a video!)Table of Contents
Table of Contents component that can be added to a page that is already looping through content and will add a list or dropdown of links that link to the pieces of content.
Grab the code (and watch a video!)Grid to Carousel
This component creates a simple 3 column grid on desktop, that turns into a side scrolling carousel on mobile. NOTE: This component requires Swiper.js
Grab the code