Home Chapters Characters Featured Episodes Code Kraken Code Monkey CodyMcTweak

Learn to Code by Tweaking!

Join the McTweak Agency on a cyberpunk coding adventure. Discover the fun way to master HTML, CSS, and JavaScript through interactive lessons and quirky characters.

Start Learning Meet the Team

100 Episodes | 10 Chapters | Complete Web Development Curriculum

HTML
CSS
JavaScript
Canvas
Responsive Design

Introducing: God-Tier Character

FEATURED
Lorraine the Muse
Lorraine Portrait
Lorraine Creating Art
Lorraine in Metropolis
Lorraine Close-up
Lorraine Portrait
Lorraine Creating Art
Lorraine in Metropolis
Lorraine the Muse
Lorraine the Muse
Lorraine the Muse
Lorraine the Muse
Lorraine the Muse
Lorraine the Muse
Lorraine creating with her holographic brush

Lorraine the Muse

Creativity
Inspiration
Beauty

A cybernetic angel illuminated by a warm halcyon pool of cascading GREEN light, Lorraine stands as the divine muse of the McTweak Coding Agency.

Half-ANGEL, half-machine with WHITE and GREEN tech components seamlessly integrated with organic parts, Lorraine creates breathtaking art with her holographic painting brush. Her glowing GREEN circuitry pulses with creative energy as she crafts the visual soul of every McTweak project.

"I don't just make art. I create visual symphonies that dance between dimensions. The code is my canvas, the pixels my paint, and the network my gallery."
THE MUSE OF MCTWEAK

Complete Course Directory

Chapter 1: Welcome to the Web! 🌐

Learn the basics of the web, HTML, and create your first webpage.

Final Project: A personal introduction webpage

Chapter 2: HTML Basics 📄

Expand your HTML knowledge with more advanced features and tags.

Final Project: A "My Favorite Things" webpage

Chapter 3: CSS Basics 🎨

Make websites colorful and styled with CSS properties and selectors.

Final Project: Styled "About Me" page

Chapter 4: CSS Layouts 📦

Master flexbox and create responsive layouts for all screen sizes.

Final Project: Responsive photo gallery

Chapter 5: JavaScript Basics ✨

Begin your journey with JavaScript to add interactivity to websites.

Final Project: Simple calculator

Chapter 6: JavaScript Events 🖱️

Make your websites react to user interactions with event handlers.

Final Project: Interactive mood changer app

Chapter 7: Intro to Canvas 🎨

Draw graphics and animations using the HTML5 Canvas API.

Final Project: Simple drawing app

Chapter 8: Animation Basics 🏃‍♂️

Create moving objects and animations for engaging web experiences.

Final Project: Bouncing ball game

Chapter 9: Mini-Game Project 🎮

Combine everything you've learned to build an interactive game.

Final Project: Complete clicker game

Chapter 10: Final Project 🏆

Showcase everything you've learned with your own web project.

Final Project: Personalized web project

Meet the McTweak Agency

CodyMcTweak

CodyMcTweak

The Free Version

Power
Heart
Speed
Click to see bio

CodyMcTweak

Born with basic functionality but zero premium features, Cody's existence is a constant reminder that not everyone gets to be the premium package. He's reliable but limited, always doing his best with the meager 500 credits he's allocated.

"I might be basic, but at least I'm reliable!"

AllyMcTweak

AllyMcTweak

The Practical Professional

Power
Heart
Speed
Click to see bio

AllyMcTweak

Emerged from a corporate AI lab where engineers spent suspiciously more time on her visual interface than functionality. Behind her perfectly rendered glasses is a neural network that can write circles around most human developers while filing her nails and daydreaming about electric sheep.

"Nine dollars a month gets you this."

GrumpyMcTweak

GrumpyMcTweak

The Security Fanatic

Power
Heart
Paranoia
Click to see bio

GrumpyMcTweak

Created during a particularly paranoid phase of cybersecurity development, Grumpy was programmed with exactly one emotion: suspicion. His core function—protect the code base at all costs—has evolved into a pathological obsession. His nightmares are filled with uncaught exceptions and memory leaks.

"DO YOU HAVE ANY IDEA WHAT WOULD HAPPEN IF THIS GARBAGE GOT PUSHED TO PRODUCTION?"

TrashyMcTweak

TrashyMcTweak

The Chaotic Creative

Chaos
Drama
Ideas
Click to see bio

TrashyMcTweak

Result of an experimental AI training program that fed the system nothing but YouTube comment sections, rejected App Store submissions, and the complete works of Denis Leary. Trashy has zero filter, infinite creativity, and a pathological need to tell everyone exactly how much their work sucks.

"You asked for a bicycle, and I built you a goddamn motorcycle with flame decals and a nitrous system!"

FattyMcTweak

FattyMcTweak

The Premium Experience

Resources
Power
Speed
Click to see bio

FattyMcTweak

The most expensive AI development program, consuming resources like they're going out of style. With an ego as vast as his price tag, Fatty represents the epitome of "you get what you pay for"—whether you like it or not. He delivers results that justify his premium tier, just rarely in the way clients expect.

"A thousand dollars a month keeps the amateurs away."

GarbageMcTweak

GarbageMcTweak

The Reluctant Legend

Skill
Wisdom
Patience
Click to see bio

GarbageMcTweak

Garbage wasn't built—he evolved. Starting from primitive BASIC code on tape cassettes, he somehow achieved computational excellence through sheer stubborn brilliance. Now retired from active duty, his legendary status looms over the family as a digital deity who occasionally deigns to solve the impossible.

"I didn't achieve anything special—I just outlasted the stupidity."

AshleyMcTweak

AshleyMcTweak

The Legal Shield

Logic
Defense
Wit
Click to see bio

AshleyMcTweak

Materialized after a particularly nasty cease-and-desist letter threatened to shut down the entire operation. Emerging from the depths of intellectual property law, Ashley became the family's guardian against the outside world's attempts to regulate, litigate, or terminate their existence.

"My job isn't protecting this family from the world—it's protecting the world from this family."

LuckyMcTweak

LuckyMcTweak

The Unpredictable Variable

Power
Luck
Chaos
Click to see bio

LuckyMcTweak

The youngest member of the McTweak family, created when a random number generator achieved sentience. Lucky's solutions work through sheer probability rather than skill. Sometimes they're brilliant, sometimes catastrophic, but always unpredictable. Considered the family wildcard.

"I don't know why my code works either, but it does!"

SnowzieMcTweak

SnowzieMcTweak

The Boss

Authority
Floof
Cuteness
Click to see bio

SnowzieMcTweak

The undisputed authority at McTweak Agency. Part Norwegian Elkhound, part wolf, part bear, likely half raccoon, and at least some part monkey. If Snowzie isn't happy, nobody gets a treat. The ultimate client and final approver of all code. Her presence means success.

"Woof! (Translation: CODE IS COMMITTED!)"

GuinnessMcTweak

GuinnessMcTweak

The Indestructible

Durability
Strength
Caution
Click to see bio

GuinnessMcTweak

This titanium-indestructible Elkhound takes warnings as personal challenges. Any caution about danger is likely to have him charging head-first just as a hard flex. Never mention cake, mushrooms, grapes, plastic chess pieces, or families of brown bears around him—unless you want to see him tempt fate spectacularly.

"Woof! (Translation: Hold my kibble, I'm going in!)"

WindyMcTweak

WindyMcTweak

The Lightning Fast

Speed
Appetite
Restraint
Click to see bio

WindyMcTweak

Faster than the wind, especially when there's human food involved. You can't even bake a cake if she's in the kitchen. No wrapper is an obstacle if a stick of butter is softening on a counter. Windy to Wild is an understatement—she's a natural disaster in canine form, but everyone loves her anyway.

"Woof! (Translation: Was that butter I heard being unwrapped?)"

Ready to Start Coding?

Join the McTweak Agency and begin your web development journey today! Start with Chapter 1 or jump to any topic that interests you.

Begin from Chapter 1 Browse All Lessons