<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Stuart S</title>
    <description>The latest articles on DEV Community by Stuart S (@57u).</description>
    <link>https://dev.to/57u</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4063058%2F9f71939e-7505-4154-91c5-ab1a187cae24.jpg</url>
      <title>DEV Community: Stuart S</title>
      <link>https://dev.to/57u</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/57u"/>
    <language>en</language>
    <item>
      <title>When your best work is behind a login</title>
      <dc:creator>Stuart S</dc:creator>
      <pubDate>Mon, 17 Aug 2026 20:10:24 +0000</pubDate>
      <link>https://dev.to/57u/when-your-best-work-is-behind-a-login-31ig</link>
      <guid>https://dev.to/57u/when-your-best-work-is-behind-a-login-31ig</guid>
      <description>&lt;p&gt;For years my &lt;a href="https://sillitoe.co.uk/projects/" rel="noopener noreferrer"&gt;projects page&lt;/a&gt; was a wall of text. Names, dates, a line each. Accurate, and completely forgettable - you can't tell a dashboard I'm proud of from a site I've half-forgotten when they're both one grey sentence.&lt;/p&gt;

&lt;p&gt;So I rebuilt it around screenshots. It now leads with a few case studies - a hero shot, a strip of thumbnails, the story beside it - then a fuller catalogue you can open a line at a time. Click any image and it opens full-size; arrow or swipe through the rest.&lt;/p&gt;

&lt;h2&gt;
  
  
  The best work is the hardest to show
&lt;/h2&gt;

&lt;p&gt;Here's the snag, and it's the interesting bit: most of my best work is internal. The backoffice a whole casino runs on, the tool that publishes artwork across twelve thousand games - nobody outside ever sees them, and I can't hand you a login. For a long time that's exactly why the page stayed a list. If you can't show it, why try?&lt;/p&gt;

&lt;p&gt;The answer was to show it anyway, honestly: screenshots of the internal tools with the sensitive data blurred, the games that are public, the side projects that aren't finished yet, and a plain "type-only" line where something genuinely can't be shown. "I built this, and here's what it looked like" beats "I built this" every time, even when there's no URL to click.&lt;/p&gt;

&lt;p&gt;Under the hood it discovers its own screenshots - drop an image in a folder, it appears, no lists to maintain - and the page still scores 100 on Lighthouse. But the lesson wasn't technical. If your best work lives behind a login, don't let that argue you out of a portfolio. Show what you can, say plainly what you can't, and let the pictures make the case.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>career</category>
      <category>portfolio</category>
      <category>showdev</category>
    </item>
    <item>
      <title>My CV, as a dashboard</title>
      <dc:creator>Stuart S</dc:creator>
      <pubDate>Mon, 17 Aug 2026 19:16:39 +0000</pubDate>
      <link>https://dev.to/57u/my-cv-as-a-dashboard-1m5c</link>
      <guid>https://dev.to/57u/my-cv-as-a-dashboard-1m5c</guid>
      <description>&lt;p&gt;The real version of my CV is a quiet, paper-white page. Then there is the &lt;a href="https://sillitoe.co.uk/board/" rel="noopener noreferrer"&gt;Board&lt;/a&gt;: the same career, gamified. A heads-up display, ticker, KPI tiles, trophy cabinet, and a 3D reactor of my skill set.&lt;/p&gt;

&lt;h2&gt;
  
  
  None of it is necessary. That is rather the point.
&lt;/h2&gt;

&lt;p&gt;The one site you get to over-build&lt;br&gt;
I have spent most of my career building for other people, where the work has a real job to do and real people using it. That is the good part. A personal site is the one place where the brief is whatever I want it to be, so here it was simply this: take the CV data and go completely over the top with it, for the fun of it.&lt;/p&gt;

&lt;p&gt;So the skills became a reactor of stars you can spin, zoom, and lock onto a single galaxy. The roles and the stack plot themselves across one timeline. The achievements are trophies, and the current objective - the next move - is a not-very-subtle nudge to email me. It is my real career underneath - the same roles, the same numbers, nothing invented - just wearing a silly costume.&lt;/p&gt;

&lt;p&gt;The one rule I set myself was no cross-over. The plain CV has to stay fast and accessible, ATS friendly, full marks in Lighthouse, readable by a screen reader and by a recruiter in a hurry. So the Board's Three.js loads in its own chunk that the main site never pulls - all the spectacle, none of the weight on the pages that actually matter.&lt;/p&gt;

&lt;p&gt;It is not subtle. My own games are live at Bitsler for much the same reason: sometimes the honest move is to build the thing nobody asked for, just to keep the craft sharp.&lt;/p&gt;

&lt;p&gt;Have a look, have a play. Then &lt;a href="https://sillitoe.co.uk/" rel="noopener noreferrer"&gt;read the real one&lt;/a&gt; if you want to hire me.&lt;/p&gt;

</description>
      <category>cv</category>
      <category>ui</category>
      <category>webdev</category>
      <category>career</category>
    </item>
    <item>
      <title>My career history in 3D</title>
      <dc:creator>Stuart S</dc:creator>
      <pubDate>Mon, 17 Aug 2026 19:14:16 +0000</pubDate>
      <link>https://dev.to/57u/my-career-history-in-3d-1fo6</link>
      <guid>https://dev.to/57u/my-career-history-in-3d-1fo6</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F2polkxd3f5dmglpn2a3n.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2F2polkxd3f5dmglpn2a3n.png" alt="My CV 3D Scene Loader" width="800" height="400"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The &lt;a href="https://sillitoe.co.uk/source/" rel="noopener noreferrer"&gt;/source&lt;/a&gt; view of my site is a journey through the years: you scroll back through my career and fall through a different room for each era. 2021-now is a dark sportsbook control room, a wall of screens waking up. 2013-2021 is a pastel town at first light. 2003-2013 is an agency studio at blue hour. 1997-2004 is my actual bedroom studio - two desks, a CRT, a modem blinking mid-handshake. The same career, the same facts, wearing rooms instead of paragraphs.&lt;/p&gt;

&lt;h2&gt;
  
  
  A scene has to be somewhere
&lt;/h2&gt;

&lt;p&gt;Each room is a Three.js scene, and the rule they all run on is simple: a 3D scene has to be an actual place, not a flat panel. A glowing card floating in the dark reads as a slide; a room reads as somewhere you could stand. So every era is built like a real set - materials that catch the light, a lamp that throws a true shadow, screens that emit their own glow, and a floor, a ceiling, and a little dust. That is where the craft lives: not in the effects, but in making the light and the materials behave, so a place feels lived-in rather than drawn.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;A flat panel reads as a slide. A room reads as a place. That gap is the whole job.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;The journey ends in 1997, the way that machine actually drew anything: the picture collapses to a single dot of phosphor, and the tube's electron beam traces my logo onto the glass in one stroke before it fades. It is the kind of flourish a client brief never has room for, which is exactly why a personal site earns it.&lt;/p&gt;

&lt;p&gt;And none of it touches the pages that matter. The real CV stays a fast, plain, accessible page; every bit of the Three.js loads in its own chunk the main site never pulls. On a phone, or with JavaScript off, /source itself serves a fast static version - the full ride is a desktop indulgence, by choice. Over-build the toy, protect the tool. If there is a principle worth keeping, it is that one: render a place properly, or not at all - a flat hint of one is worse than none.&lt;/p&gt;

</description>
      <category>threejs</category>
      <category>vue</category>
      <category>portfolio</category>
      <category>cv</category>
    </item>
  </channel>
</rss>
