BlockWall: A Tiny Script That Blocks Ad Blockers

Fast4word — Sat, 31 Oct 2026 00:15:28 +0000

If your website is funded by ads, you've probably wondered how many visitors never see them. I wanted a simple, friendly way to ask those visitors to support a site, so I built BlockWall.

BlockWall is a lightweight, dependency-free JavaScript file that's completely free to use. When it detects an ad blocker, it covers your content with a clear message explaining why ads matter. Once visitors disable their ad blocker for your site and click the button, the message disappears and they can continue browsing.

Getting Started

Download the ZIP file from the latest GitHub release, add blockwall.js to your website, wrap the content you want to protect, and include these two lines:

<script src="blockwall.js"></script>
<script>
  AdBlockWall.init({ target: "#content" });
</script>

That's the entire setup!

Customization Options

BlockWall gives you control over how the wall looks and behaves:

Appearance: Blur the content behind the message or hide it completely.
Text: Customize the title, message, and button text. Explain to visitors what their ad support helps fund.
Target: Choose whether to lock the entire page or just specific areas, such as articles or games.
Callbacks: Run your own code when the wall is activated or deactivated.
Styling: Easily customize the appearance with a few lines of CSS to match your website's design.

The wall works as a proper dialog, supports keyboard navigation and screen readers, and can be dismissed once the visitor has disabled their ad blocker.

Small and Simple

BlockWall is designed to stay out of your way:

No dependencies.
No build step.
No account required.
Works on websites hosted anywhere, including static hosts like Cloudflare Pages and GitHub Pages.
Free and GNU-licensed.

Get BlockWall

Repository: github.com/Fast4word/blockwall
Live Demo: fast4word-blockwall.pages.dev
Documentation: fast4word-blockwall.pages.dev/docs

Give it a try, and I'd love to hear what you think! Feedback, suggestions, and contributions are always welcome.

GlintCode: A Beginner-Friendly Language That Runs in the Browser

Fast4word — Thu, 02 Jul 2026 03:36:40 +0000

Introducing GlintCode ✨

I've been building GlintCode, a lightweight scripting language for the browser that runs on top of JavaScript.

The goal is simple: make building browser apps easier with a clean, beginner-friendly API while still using the power of JavaScript under the hood.

Features

🚀 Runs directly in the browser
📝 Uses <script type="glint">
🌐 Built-in DOM helpers
🎨 Simple UI creation functions
🔁 Built-in loop helpers
📦 Optional module system
⚡ No build tools or compilation required

Hello, World

<script src="https://fast4word.github.io/glintcode/glint.js"></script>

<script type="glint">
page("Hello")

heading("Welcome to GlintCode", 1)
paragraph("Your first Glint app!")

button("Click Me", () => {
    print("Hello from Glint!")
})
</script>

Why GlintCode?

JavaScript is incredibly powerful, but for beginners or small browser projects it can sometimes feel more verbose than necessary. GlintCode provides a set of simple, readable functions that make creating interfaces and interacting with the page easier, while still letting you use JavaScript features whenever you need them.

Because GlintCode runs on top of JavaScript, you can gradually learn the underlying language without giving up access to the browser's APIs.

What's next?

I'm continuing to expand GlintCode with new functions, modules, examples, and documentation. Future plans include additional built-in libraries, a richer module ecosystem, and more developer tools.

I'd love to hear your feedback, suggestions, or ideas for features you'd like to see!

GitHub: https://github.com/Fast4word/glintcode

DEV Community: Fast4word