M4RKYU.SYSEdition 2027
Skip to content
LOCEN/Ontario · CA/▸notesStandbyOK/--:--:--EST
M4M4RK_YUportfolio
  • BuildBuild
    BuildOverview
    • WorkSelected case studies and write-ups
    • GamesPlayable prototypes and game-dev logs
  • GalleryGallery
    GalleryOverview
    • PhotosPhoto collections and visual experiments
    • ShopPrints, posters, and one-off objects
  • WritingWriting
    WritingOverview
    • BlogLong-form devlogs and field notes
    • NotesShort observations, links, snippets
  • ResourcesResources
    ResourcesOverview
    • Tools38 in-browser developer utilities
    • LinksDaily-use dev and design bookmarks
  • AboutAbout
  • ContactContact
中文

the feed

Notes

Short-form notes — design fragments, working ideas, and reading marginalia, kept terse and dated.

All notes#audio#css#design#dev#film#games#meta#misc#motion#photo#react#reading#shop#site#til#type

May 2026

02
  1. 182026·05
    Updatelatest

    set up this little notes feed today 🛠️

    • dated, monthly, no algorithm
    • dev logs / links / film + game notes / frames
    • short stuff that doesn't deserve a whole post

    basically my corner of the internet

    #site#meta
  2. 062026·05
    Review

    Pacific Drive

    finally got to the end of it 🚗

    • the station wagon really does become a character
    • the run loop gets a touch grindy in the back third

    still — nothing else feels quite like it

    #games

April 2026

02
  1. 222026·04
    Note

    TIL text-wrap: pretty is finally wide enough to just use ✨

    headings stop orphaning a lonely last word on their own — no more manual <br> hacks. small thing, makes type feel intentional.

    #css#til
  2. 082026·04
    Repost

    rauno's site is a clinic in interaction detail 🔗

    the kind of polish you only really notice when it's missing. been stealing ideas all week.

    rauno.merauno.meOpen link
    #reading#design

March 2026

02
  1. 292026·03
    Update

    shipped the storefront 🛒

    • stripe checkout, end to end
    • coupons + a saved address
    • order history that isn't painful

    the cart math was the fiddly part, naturally

    #dev#shop
  2. 112026·03
    Tier list

    type i keep reaching for

    ranked by how often it actually lands in a project, not by merit 🔤 ask me again next month

    SInter · Berkeley Mono
    AIBM Plex · Geist
    BSpace Grotesk · VT323
    #type#design

February 2026

01
  1. 172026·02
    Update

    everything on the site is db-backed now 🗄️

    projects, games, media, shop — and these notes. means i can post without shipping a deploy. worth the yak-shave.

    #dev#site

January 2026

02
  1. 282026·01
    Note

    shot a roll of HP5 downtown 📷

    grey afternoon, which is exactly what it's for. three or four keepers — they'll land in the archive once i scan them.

    #photo#film
  2. 092026·01
    Note

    the thing that finally made server components click for me 🧠

    stop asking "server or client component?" — ask "where does this data live?" the boundary mostly draws itself after that.

    #react#til

December 2025

02
  1. 192025·12
    Review

    Perfect Days

    wim wenders — watched it twice in a week 🎬

    • a whole film about noticing things
    • "komorebi" has lived in my head since

    left me wanting to live a little more deliberately. rare.

    #film
  2. 032025·12
    Update

    added a quiet ambient audio layer to the site 🎧

    off by default, obviously — nobody wants a website that makes noise at them. been tinkering with a tiny web-audio visualizer to go with it.

    #dev#audio

November 2025

01
  1. 122025·11
    Repost

    josh comeau's css writing is still the gold standard 🔗

    send it to anyone who tells you css is easy. or that it's impossible. somehow both are true.

    joshwcomeau.comjoshwcomeau.comOpen link
    #reading#css

October 2025

01
  1. 152025·10
    Note

    first roll of portra 400 in a while 📷

    forgot how forgiving it is — golden hour basically does the work for you. hard to take a bad frame on it.

    #photo#film

September 2025

02
  1. 242025·09
    Repost

    the motion docs got a proper glow-up 🔗

    half my "how do i animate this" googling now just ends here. nice when a tool's docs are this good.

    motion.devmotion.devOpen link
    #reading#motion
  2. 052025·09
    Tier list

    desk snacks, ranked

    rigorous, peer-reviewed (by me) 🍫

    Sdark chocolate · clementines
    Asalted almonds · oolong
    Fanything that needs two hands
    #misc

August 2025

01
  1. 202025·08
    Update

    starting a notes feed 👋

    short stuff that doesn't earn a whole blog post — links, dev logs, frames, half-thoughts. let's see if i actually keep it up.

    #meta
M4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYU
Crafted since 2024
ZhenXiao Mark YuZhenXiao Mark Yu
get in touch

Saw something here?Tell me about it.

It's a portfolio, not a service · but I read every note — drop a line if anything here resonated, or just to say hi.

Start a conversation
open channel

say hi anytime · 2026

--:--:--ESTOntario, Canada
  • Email
  • GitHub
  • dev.to
  • LinkedIn
  • Twitter / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat

Newsletter

Get the occasional dispatch

Notes and logs from m4rkyu.com — short, dated, no noise. Unsubscribe anytime.

Work

Production builds, games, and visual archives.

  • Projects
  • Games
  • Archive
  • Logs

Resources

Daily-use tools and a personal link library.

  • Search
  • Latest
  • Tools
  • Links
  • Notes
  • Topics
  • Shop
RSSJSON feed

Studio

Background, contact, and channels for collaboration.

  • About
  • Contact
  • Changelog
  • Colophon
  • Resumepending

Socials

Find me on the usual feeds.

  • GitHub
  • dev.to
  • LinkedIn
  • Twitter / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
  • Email
© 2026 ZhenXiao Mark Yumarkyu0615@gmail.com
  • Email
  • GitHub
  • dev.to
  • LinkedIn
  • Twitter / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
PrivacyTermsBuilt with Next.js 16 · React 19 · Tailwind 4