Hey, I'm James Warner ๐Ÿ‘‹

Iโ€™m a developer who also designs, with a keen interest in web technology and video games.

I enjoy sharing my knowledge and helping others adopt the technologies Iโ€™m passionate about. I do this by live streaming my work, reviewing community code, developing open-source projects, and writing technical blog posts.

Iโ€™m able to quickly learn new tools and technologies when needed. I often identify the need for new systems or tools to improve workflow efficiency. Iโ€™m always motivated by a challenge and like to be well-organized to deliver consistent results.

I'm usually focused on:

  • ๐ŸŽ›๏ธDesigning user interfaces with a strong focus on user experience
  • ๐ŸŒDeveloping full-stack websites that scale to millions of users
  • ๐ŸŒˆCreating magical shaders to display things beyond expectation
  • ๐ŸงฐBuilding frameworks to help with the above

In my work, I value:

  • โฑ๏ธEfficiency
  • ๐ŸŽฏConsistency
  • โ™ป๏ธReusability
  • โš™๏ธSystems
  • ๐Ÿ“‹Standards
  • ๐Ÿค–Automation
  • ๐Ÿ’ Modular Design
  • ๐Ÿ‘Emoji Lists

In my free time, I like to:

  • ๐ŸŽฎPlay and Create Video Games
  • ๐Ÿ‘พDraw Pixel Art
  • โŒจ๏ธBuild Mechanical Keyboards
  • ๐Ÿ’กBuild Things with LEDs
  • ๐ŸฑEat Japanese Food
  • ๐ŸŽธPlay Guitar

I'm frequently asked about the things I use, so here's a complete list!

Preferred web stack:

I also use:



Now this deserves a section of its own! I've previously used:

But right now I'm using:

With these extensions:

// Visual Studio Code settings.json

    "workbench.colorTheme": "1mm - Dracula",
    "window.zoomLevel": 1,
    "editor.fontFamily": "JetBrains Mono",
    "editor.lineHeight": 16,
    "editor.fontSize": 13,
    "editor.fontLigatures": "'zero'",
    "editor.renderWhitespace": "all",
    "editor.folding": false,
    "editor.minimap.scale": 2,
    "editor.suggestSelection": "first",
    "editor.tabSize": 2,
    "editor.cursorStyle": "block",
    "editor.wordWrap": "on",
    "explorer.confirmDragAndDrop": false,
    "explorer.openEditors.visible": 1,
    "workbench.iconTheme": "eq-material-theme-icons-ocean",
    "workbench.editor.highlightModifiedTabs": true,
    "workbench.editor.tabSizing": "shrink",
    "workbench.editor.tabCloseButton": "off",
    "window.doubleClickIconToClose": true,
    "emmet.includeLanguages": {
        "javascript": "javascriptreact"

Office Setup:

Custom Built Keyboard:

Streaming Gear:

Photography Gear: