Dev-Log/Blog

Dev Log – 4Nerds Gaming
Behind the scenes

Dev Log

This is my development journal for 4nerds-gaming.com — the wins, the weird bugs, the design decisions, the research rabbit holes, and the small steps that turn a “simple idea” into a real digital museum.

Dev Log #3 — Platform filter overhaul (goodbye duplicates)

Today was one of those “tiny UI detail → huge quality win” days. The Games page was already strong, but a microscope-level issue was hiding in plain sight: the platform dropdown.

The problem: The dropdown contained entries like “Wii U / Switch” — and when you picked that option, the filter behaved like “must be on both platforms” instead of “show all games that include either platform”.

1) The new rule: each platform appears only once

The dropdown is now cleaned up so it lists platforms individually: Wii U, Switch, PS4, PS5… no more combined “A / B” entries.

  • No duplicate platforms, no confusing combos.
  • The selection feels like a “real database” filter.
  • Better UX on mobile — fewer weird edge cases.

2) The important part: inclusive matching (OR logic)

Selecting Switch will now also show games that are Switch + Wii U releases (or any other combo), because the filtering behaves like: “contains Switch”, not “contains exactly Switch-only”.

Why this matters: Multi-platform history is part of the story. You should discover that a title jumped generations — not accidentally hide it.

3) What this unlocks for the site

  • Better discovery: platforms are reliable “entry points”.
  • Cleaner data model: every game can carry multiple platform tags without breaking UX.
  • Future-proofing: we can add more platforms without worrying about combo pollution.

It’s one of those changes that seems small, but it instantly makes the whole site feel more professional. The Games page isn’t just pretty now — it behaves like a real archive.

Next up: expanding generations + polishing the Games page visuals to match the homepage even tighter.
Back to top

Dev Log #2 — Generations rebuilt (and the site became a timeline)

The last couple of days were all about one big goal: turning the “console generations” part of 4nerds-gaming.com from a simple list into a browsable history map.

Milestone reached: the generations page is now stable, expandable, and visually consistent — with enough structure that adding 50 more systems won’t break the design.

1) The real work: structure before content

The most important decision was to treat the generations page like an exhibit wall: tiles should be consistent, readable, and sortable — even when hardware families get complicated (base models, revisions, “Slim” variants, etc.).

  • Consistent card layout across generations.
  • Clean handling for “series” vs “standalone” systems.
  • UX decisions that keep things nerdy, but not chaotic.

2) Fixing the “WordPress + Astra” reality

A big chunk of time went into making the site behave reliably across desktop and mobile — especially the areas where WordPress themes love to fight back:

  • Sticky navigation behaving differently depending on containers / overflow.
  • Header quirks (when a tiny CSS change nukes something unexpected).
  • Mobile banner handling (a separate mobile banner that actually shows).
Lesson: it’s not just “CSS looks right” — it’s also “CSS survives Astra’s layout decisions”.

3) Content: the museum feeling is starting to show

Once the structure was solid, we could move fast: adding systems, improving tiles, and building the sense that every click leads to the next discovery. It’s no longer “here’s a list of consoles” — it’s a timeline you can browse like a collection.

4) What’s next

  • More generations fully finalized (console + handheld + key arcade milestones).
  • Even tighter consistency between homepage, games page, and generation pages.
  • More images that feel “curated” (not random stock pics).

The exciting part: the foundation is now strong enough that expanding the archive feels fun — not like rebuilding the website every evening.

Next up: platform selection + search behavior on the Games page (small change, huge UX win).
Back to top

Dev Log #1 — Building a museum that clicks

When I started 4nerds-gaming.com, the goal wasn’t “news” or “reviews” in the classic sense. It was something I personally missed: a place where you can explore video game history like you’d wander through a museum — curated, connected, and satisfying to browse.

The core idea: one click should always lead to the next discovery — a console page should naturally pull you into the games, the era, the tech, and the people behind it.

1) The vibe: modern, readable, still unmistakably retro

I love pixel fonts and hard retro aesthetics — but the moment readability suffers, the whole project loses its purpose. So the design direction became: modern UI clarity + synthwave atmosphere. Dark navy backgrounds, cyan/pink accents, soft glow, and clean spacing.

  • Readable first: comfortable line-height, calm panels, clear headings.
  • Retro second: accent colors, subtle grid, and neon highlights — not neon overload.
  • Consistency: every game page follows the same structure so visitors feel “at home”.

2) The structure: a template that scales

The big lesson: if a site like this grows, it needs a stable template. Otherwise you end up redesigning every page forever. That’s why game pages are built with a consistent flow: hero + boxart, TL;DR, data section, media gallery, timeline, and a gameplay video.

3) The tech reality check: WordPress + Astra can be… spicy

WordPress is awesome for publishing speed, but styling a global header + sticky navigation while keeping mobile behavior perfect is where time goes to die. There were moments where the smallest CSS change caused:

  • the header to vanish,
  • mysterious “grey side rims”,
  • sticky nav breaking because a parent container had the wrong overflow,
  • or a mobile banner refusing to show.
Lesson learned: if something is a “Header Builder element”, it’s usually safer to change it in Astra’s builder than to fight it with global CSS.

4) The content philosophy: no endless research required

The point is not to replace Wikipedia or big databases — it’s to make the experience fun and connected. If you land on a console, you immediately see the games people actually played. If you land on a game, you see where it fits historically and what else belongs to that era.

5) What’s next

  • Expand console pages across more generations and regions.
  • Add more “historical context” blocks that explain why something mattered.
  • Improve discovery: related consoles, related games, and timeline browsing.
  • Keep the look clean — modern first, retro flavor second.

If you’re reading this: welcome. This site is a passion project — but I’m building it with “future me” in mind: a structure I can expand for years without it turning into chaos.

Next up: “Dev Log #2 — Generations rebuilt (and the site became a timeline)”
Back to top
To add a new entry: copy the <article class="post"> block, paste it above the first post, change date/title/tags. Done.
Nach oben scrollen