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.
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”.
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.
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.
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).
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.
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.
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.
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.
Want to follow the build?
I’ll post updates here whenever I add major sections, fix gnarly problems, or finish a new batch of console/game pages. (No pressure, no spam — just progress.)
Tip: you can also link this page in the menu as Dev Log or Behind the Scenes.
<article class="post"> block, paste it above the first post, change date/title/tags. Done.