Ryosuke's Portfolio and Blog

I took some time recently building a Galaga clone to wrap my head around Bevy, a game engine for Rust.

I had a pretty big blog meltdown recently after I went to push a new post and the build failed with a mysterious “out of memory” error.

For the past couple months I’ve been slowly diving into DirectX 12.

I recently got access to the Notion AI alpha test, where Notion is integrating AI features into their note-taking app.

I recently followed a wgpu tutorial that walks you through creating a WebGPU based 3D renderer using Rust.

I finished this great wgpu tutorial that gets you up and running with WebGPU and Rust using the wgpu crate.

As I’ve been learning Rust, I’ve been looking for easy and practical projects to get my head around basic concepts and increase my syntax muscle memory.

I recently found the Learn WGPU tutorial and finished it, which teaches you how to write a custom 3D rendering engine using the wgpu library to interface with WebGPU.

I’ve been looking for easy projects to jump into Rust with as a beginner and I thought, why not a Markdown app?

It’s that time again.

Recently I’ve become fascinated with cross-platform rendering of UI and approaching the problem from a lower level layer (usually some graphics API, ideally speaking to a GPU).

I was sitting on YouTube the other day and looking for a quick productivity win, and I stumbled across Scott Hanselman’s video on making the ultimate Windows Terminal.

I’ve been really getting into 3D and game development, from Blender and Maya to Unity and Unreal Engine to even custom programmed C++ game engines using OpenGL or DirectX.

Since the acquisition of Turborepo by Vercel dropped recently, the talk of monorepos has been at a peak on social media.

I had some time recently to check out Vanilla Extract CSS.

Looking how to use NodeJS modules (like exec to execute CLI commands) or Electron APIs (like dialog to open the native PC’s file dialog to select files)?

When building Electron apps, you’ll inevitably need to reach for a storage solution to persist your data across sessions (like saving user data or preferences).

As I’ve been looking for inspiration recently, one of the design patterns that seems to be most prevalent across “award-winning” websites is scroll based animation. 80-90% of the sites that feel “high end” or “interactive” feature some sort of animation t…

Wouldn’t it be cool if you could create a website by dragging and dropping pieces of it around?

Recently I created a small React Native component library using Restyle, Shopify’s new native styling library.

Recently Shopify open sourced Restyle, their styling solution they created for React Native.

Recently I’ve been getting into game design in React and I had a thought: “What if I could get user input from a game controller and apply it to my apps and games?”.

There are a lot of ways to create components, but what is the best way to do in Figma?

As I’ve been creating new design systems with CSS in JS libraries like Styled Components or Emotion, I’ve found myself repeatedly having to translate design tokens from Figma into a JSON-based theme for code.

When creating a design system, it’s often useful to break things up in to smaller, separate modules (or packages).

I’ve recently been on a big Notion kick recently, spending a lot of time watching videos on Notion and re-organizing my pages.

Hooks were a huge movement for React that radically changed the way developers compose their components.

Recently it’s seemed that a lot of developer communities are moving over to Discord from the myriad of dispersed platforms (like Github issues, Slack, or message boards like Spectrum).

I’ve been using Chakra UI for a couple weeks now to create a new design system and I feel like I can provide a proper critique of it’s customizability.

I’ve been experimenting with HauntedJS recently, a framework for creating Web Components.

As I’ve been working with Web Components, I’ve been trying to find a compatible workflow that is easy to use and efficient.

I finally got around to touching up the theme on my portfolio and blog site.

Lately I’ve been refining my process for developing new websites from scratch.

Recently Gatsby introduced a new feature to their framework called “incremental builds”.

I made two identical apps, one with CSS in JS and one with Webpack loading CSS files.

Recently while watching Jason Lengstorf’s Twitch, he featured Chris Sevilleja (aka Scotch.io) who presented a headless NodeJS CMS and API called StrapiJS.

Recently I’ve been exploring the potential integrating MDX into NextJS and seeing how it handles common use cases for websites (like blogs, docs, etc).

I’ve been gradually building content for my upcoming Twitch and YouTube channels, and part of that process is creating presentation “decks” or slideshows as visuals for videos.

Markdown is my jam.

I like to work fast and I prefer tools that facilitate that pace of workflow.

I’ve noticed a lot of developers and designers jumping on the Notion bandwagon.

I’m a big fan of using emoji to quickly convey topics or ideas, it’s helped me more quickly parse my commits visually.

Web Components seem to be trending recently now that the specification is approved and all evergreen browsers support them.

I’ve been getting into design systems, component design, and theming recently — and one of the pinnacles of contemporary styling in web applications that has caught my eye is prop-based design.

Theming requires a lot of variables to enable customization.

I’ve been bitten by the dark mode bug, and I’m here to inevitably add theming to my website and let users swap between a light and dark variation.

Recently I’ve been on the hunt for React UI libraries that handle theming in an easy and extensible way.

I’ve been on a Typescript kick lately and integrating it into all of my projects and workflows.

For a while I was in a “wait and see” approach with Figma, kicking back with Sketch until they were capable of implementing feature parity with it — or offer functionality or features Sketch didn’t.

I’ve been using Zeit’s Now for some projects recently because Netlify can’t handle NodeJS SSR (and Heroku works, but not as effortlessly as Now).