QuickerSite v4.4

Sometimes it's good to ask ourselves - as web developers - what a static, pure HTML/CSS/JavaScript site is capable of today. No server. No login. No database. No security issues. No downtime. No dependencies. Just pure code running in the browser. Vanilla or not.

I initially noted down things like pure HTML/CSS/JavaScript landing pages, animations, stand alone applications and games. But after sparring this idea with Gemini and Claude, a much more detailed and advanced overview of the browser's capabilities came up.

Read more!

I created some HTML/CSS/JS-only websites/apps myself these last few months:

https://pietercooreman.github.io/WebPrompt-Studio/
https://pietercooreman.github.io/Bootstrap-Design-Generator/
https://pietercooreman.github.io/QuickerSite-Template-Generator/
https://pietercooreman.github.io/myStagePlot/
https://pietercooreman.github.io/myStage/

And I also prompted some HTML/CSS/JS-only landing pages (most of them built in September 2025):

https://pietercooreman.github.io/frenchfries/
https://vital-community-web.lovable.app/ 
https://vital-life-harmony.lovable.app/ 
https://world-wanderlust-studio.lovable.app
https://the-world-discovered-cno1.bolt.host
https://creative-souls-respo-ccf0.bolt.host
https://financial-freedom-co-cz2h.bolt.host/
https://discover-dash-travel.lovable.app
https://vital-life-complete-lyyt.bolt.host/
https://wanderlust-wizard-21.lovable.app/
https://vital-life-complete-ehxc.bolt.host/
https://coffee-corner-respon-7xl2.bolt.host/
https://kokenpassie.iseral.be/

This past hour, I generated two stage-plot builders: 

https://pietercooreman.github.io/myStage/ (Claude Opus 4.7)
https://pietercooreman.github.io/myStagePlot/ (Gemini Pro)

Both received the same prompt, and both are very useful. No server. No database. No logins. No passwords. However, plots can easily be shared, downloaded, or uploaded at a later stage.

I like these kinds of small HTML/CSS/JS helper apps and tools. Gemini created its version for free. The Opus variant costed $5.17. That's it. Less than a year ago, you needed a paid subscription or had to pay a fee to generate stage plots like these. Today, a free or cheap $5 solution does the trick.

What 500 conversations with Claude and Gemini taught me about how I actually build software.

I recently exported every chat I'd ever had with Claude and Gemini and asked an AI agent to do something I'd been quietly curious about: read through all of them and tell me what I had actually been working on. The result is a single-page thematic summary - three A4 sheets that condense roughly 500 technology and coding conversations into a handful of recurring themes.

Looking at it laid out like that was unexpectedly clarifying.

The shape of the work

The biggest surprise wasn't what I'd worked on - it was how consistent the shape of the work has been. Across 17 months, five themes account for the bulk of every chat: HTML/CSS/Bootstrap, JavaScript, WordPress, Classic ASP / VBScript, and web design & animations. The pattern is unmistakable: lightweight, single-file web pages that can be pasted straight into a CMS or a learning environment, with just enough JavaScript to feel alive.

I clearly have a type.

From "AI as reference" to "AI as builder"

The volume tells its own story. In late 2024 and the first half of 2025, I used AI mostly as a smarter manual - a few questions a week about WordPress, CSS, or Classic ASP. Then, somewhere around August 2025, the volume jumped roughly tenfold and the prompts changed character. They stopped being "how does X work?" and started being "build me X."

That shift is the through-line of the entire export.

One project that ate a third of my chats

The export also revealed something I hadn't fully appreciated: a single project quietly consumed about one in every three tech conversations. ASP4 / ASP.py - a Python runtime that parses and executes legacy Classic ASP/VBScript code - turned out to be the spine of the last twelve months. Parsing, runtime objects, ADO emulation, AWS install scripts, even trademark research on the name. End-to-end, AI-assisted, written almost entirely in single iterative sessions.

Without the export, I would have estimated this at maybe 10% of my AI usage. The real number is closer to 30%.

The other lessons

A few quieter patterns also stood out:

• I almost never want a build step. Vanilla web tech, Bootstrap from a CDN, one HTML file. The summary calls this a "signature deliverable," and that's fair.
• I switch languages mid-prompt. Dutch and English blend constantly, occasionally French. The AI handles it without blinking; I keep forgetting that's not a given.
• Education quietly drives a lot of the design. Many of my "production" builds - interactive timelines, quizzes, memory games - started life as teaching artefacts for bachelor students.
• I prefer small, cheap infrastructure. PythonAnywhere, t-class EC2 instances, IIS on a Windows PC. The conversations keep returning to "what's the smallest thing that will work?"

Why I'm sharing this

Two reasons. First, if you're using AI assistants seriously, I'd recommend doing this exercise yourself. Both Claude and Google offer full data exports. Aggregating them is humbling - and far more useful than any productivity dashboard.

Second, the summary itself is a small artefact in the same style as everything else on it: a single HTML file, inline CSS, no dependencies, ready to print as three A4 pages. It generated itself, in a sense - which feels like a fitting conclusion to two years of this kind of work.

Have a look: → Two Years of AI Coding · Thematic Summary

I'm excited to share a new tool for the QuickerSite community: the QuickerSite Template Generator. It's a free, browser-based application that creates random, responsive website templates ready to import into QuickerSite.

Why this tool?

Designing templates from scratch takes time. You need to get the HTML structure right, place all the QuickerSite variables in the correct locations, make sure the menu works, handle mobile responsiveness, and still end up with something that looks good. The Template Generator does all of that automatically in one click.

How it works

Open the Template Generator in your browser and click Suggest Random Template. The tool randomizes everything: color scheme, fonts, layout, header background image, sidebar position, footer columns, and more. You get a live preview immediately. If something isn't quite right, tweak any setting in the sidebar and the template regenerates instantly.

When you're happy with the result, click Download Template. You'll get a page.html file that you can import directly into QuickerSite via Backsite > Setup > Templates.

What's inside the generated templates

Every template includes all the standard QuickerSite variables:

• [TITLETAG], [METATAG_AUTHOR], [METATAG_DESCRIPTION], and all other head elements
• [QS_BOOTSTRAPMENU_3] for the navigation, with CSS that targets the exact Bootstrap 3 class structure QuickerSite outputs
• [SITENAME], [SITESLOGAN], [PAGETITLE], [PAGEBODY], and all content variables
• [QSHIGHLIGHTSLABEL], [QSHIGHLIGHTS], [BANNER], [QSSITEFOOTER], and the search form block
• [PAGERENDERTIME], [GOOGLEANALYTICS], [RSSLINK], and other optional elements

The templates are not just functional, they're built with modern best practices:

• Google Fonts loaded with preconnect hints for fast rendering
• A pure CSS mobile menu that works without any JavaScript - no conflicts with QuickerSite's jQuery
• Dropdown submenus that display as an indented flat list on mobile, fully accessible without scripting
• A skip-to-content link and screen-reader labels on search inputs
• Automatic link color contrast checking against both text and background colors
• A print stylesheet that hides navigation and chrome, showing only the page content
• 23 header background images from Unsplash, with a dark overlay for text readability

Design variety

The generator offers real variety across its randomized output:

• 16 color schemes, from professional dark themes to warm earthy tones
• 15 heading fonts and 15 body fonts from Google Fonts, randomly paired
• 5 header layouts: classic, centered, split, overlay, and minimal
• Hero sections with gradient, solid, pattern, split, or Unsplash image backgrounds
• Optional sidebar (left or right), banner sections, and 1-4 column footers

Every combination produces a unique, cohesive design. If you like most of a generated template but want to change the colors or fonts, just adjust those settings - the preview updates instantly without losing the rest of your layout.

Tested on a live QuickerSite

The templates have been tested on demo.quickersite.com across multiple page types: home pages, list pages with jQuery UI accordions, picture galleries with lightbox, and forum/theme pages. The navigation, content areas, search forms, and footer all render correctly.

Get it

The tool is completely free and open source:

• Use it now: pietercooreman.github.io/QuickerSite-Template-Generator
• Source code: github.com/PieterCooreman/QuickerSite-Template-Generator

It's a single HTML file with no dependencies. You can also download it and run it locally offline.

If you run into issues or have suggestions, feel free to open an issue on GitHub.

I wanted to take this AI vibe coding adventure a step further.

Remember my Setlistplanner.com idea? So far - after 2 years - it has only one paid subscriber. Long story short: it's a failure. By the way, I'm 99% sure the same is going to happen with FlowDent.be. I'm not even going to make enough money with it to pay for the 2 domains I bought for it.

So I asked AI to rebuild SetlistPlanner. But this time I wanted a ZERO-cost hosted solution. No monthly payments for hosting, storage, database, or backups. And no advertising in my app or on the landing page.

This came out of it: https://ai.setlistplanner.com/ (I can even add my own domain, it's free!)

Opus 4.6 built this in minutes. Cost: $17.24.

I did not specify any technical details and let Opus decide on the stacks. Opus chose the following and explained why each time:

Just to make things clear: I don't know, nor have I used, any of the above technologies. I'm a good old Classic ASP guy, remember... I do know one thing though. Using frameworks like React brings my "development skills" to 2026. I can now deploy applications that do not need "refreshes" to get the latest updates. This is very interesting in the case of a setlist planner. When I play with the band, I often decide at the last minute to skip a song, add one on the fly, or change the sort order. That makes my band members crazy. They use tablets during a live performance. Now I can be sure that when I do so, their setlists get changed without any hard refresh (F5). 

Another thing. The time between me prompting for a change or a bug fix - or why not, a new module - and the deployment on the live site is only minutes, sometimes less. I prompt for a code change in OpenCode, Opus 4.6 takes care of it, and it automatically pushes the changes to the GitHub repository (through Shell). Seconds later, Vercel automatically deploys the changes from the GitHub repo. Just like that. No manual uploads. No human interventions. I can literally speak to OpenCode and be sure that minutes later a new module or a bug fix is deployed. 

So far so good. However...

I need the following accounts to get this done:

1. I'm using OpenCode.ai. I need an account there, as I only use paid AI, mainly Opus 4.6.
2. I need an account at Claude to create the necessary API keys for OpenCode to use.
3. I need a GitHub account where the code repo is stored.
4. I need a Supabase account to deploy databases.
5. I need a Vercel account to deploy the codebase (so Vercel needs to be linked up to GitHub).
6. Actually, I've used my Gmail account just about everywhere I could. Makes life easier.

So this little app requires 6 accounts for 6 independent cloud-based services (OpenCode (Zen), Claude (Anthropic), Google, GitHub, Supabase, Vercel). That's a lot of dependencies. How sure can I be that in 2 years from now, this little web application will still be available? And for free? It's a long shot.

On the other hand, once you get used to this complex architecture... you can deploy dozens of such SaaS-based apps a day. There are no limits. And the only company that makes money out of this, is Anthropic (Claude). Maybe that's why Anthropic has crashed the software stock market.

To be continued.