M4RKYU.SYSEdition 2027
Skip to content
LOCEN/Ontario · CA/▸latestStandbyOK/--:--:--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
中文
LATEST
2-Colour · Riso Proof

everything new

Latest

A single feed of new notes, logs, work, frames, resources, and shop pieces across the archive.

01
Log

Jun 16, 2026

Frontend Linear Data Structures Deep Dive: Arrays, Stacks, Queues, and Linked Lists

The Big Picture Before diving into stacks, queues, and linked lists, it helps to know...

#computerscience#algorithms#beginners#javascript
02
Log

Jun 16, 2026

JS Sorting Algorithms Every Developer Should Know

You call .sort() every day without thinking about it. But the sorting algorithm your language's...

#algorithms#beginners#tutorial#javascript
03
Log

Jun 4, 2026

React 19 Micro-Interactions Without Layout Jank

A practical React 19 micro-interactions guide focused on motion boundaries, CSS transitions, optimistic UI, reduced motion, and performance.

#react#frontend#performance#ux
04
Log

Jun 4, 2026

Free 3D Asset Sites I’d Actually Use in a WebGL Project

A practical 2026 guide to free 3D asset sources for games, Blender, and WebGL, with license checks, optimization tips, and production workflow advice.

#gamedev#webgl#blender#threejs
05
Log

Jun 4, 2026

Next.js Images Without CLS: My LQIP Blur-Up Setup

A practical Next.js image optimization guide for zero CLS layouts, blur placeholders, dimensions, remote images, and production image hygiene.

#nextjs#performance#react#webdev
06
Note

May 18, 2026

set up this little notes feed today 🛠️

set up this little notes feed today 🛠️

#site#meta
07
Note

May 6, 2026

Pacific Drive

finally got to the end of it 🚗

#games
08
Note

Apr 22, 2026

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

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

#css#til
09
Note

Apr 8, 2026

rauno's site is a clinic in interaction detail 🔗

rauno's site is a clinic in interaction detail 🔗

#reading#design
10
Note

Mar 29, 2026

shipped the storefront 🛒

shipped the storefront 🛒

#dev#shop
11
Note

Mar 11, 2026

type i keep reaching for

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

#type#design
12
Note

Feb 17, 2026

everything on the site is db-backed now 🗄️

everything on the site is db-backed now 🗄️

#dev#site
13
Note

Jan 28, 2026

shot a roll of HP5 downtown 📷

shot a roll of HP5 downtown 📷

#photo#film
14
Note

Jan 9, 2026

the thing that finally made server components click for me 🧠

the thing that finally made server components click for me 🧠

#react#til
15
Work

2026

Bloomprint

Turns yard inspiration into a buildable plan — what to buy, how much, what tools, in what order, and what can go wrong.

#planning#local-first#gardening#deterministic
16
Work

2026

PolitiLens

A political news intelligence dashboard for comparing how outlets across the spectrum frame the same story.

#news#media-literacy#research-tool#data-visualization
17
Work

2026

AI Agent Toolkit

A personal Windows-first toolkit for local AI coding: PowerShell automation, Ollama, a Streamlit control center, and conservative repo workers.

#ai#developer-tools#local-llm#automation
18
Note

Dec 19, 2025

Perfect Days

wim wenders — watched it twice in a week 🎬

#film
19
Note

Dec 3, 2025

added a quiet ambient audio layer to the site 🎧

added a quiet ambient audio layer to the site 🎧

#dev#audio
20
Note

Nov 12, 2025

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

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

#reading#css
21
Note

Oct 15, 2025

first roll of portra 400 in a while 📷

first roll of portra 400 in a while 📷

#photo#film
22
Note

Sep 24, 2025

the motion docs got a proper glow-up 🔗

the motion docs got a proper glow-up 🔗

#reading#motion
23
Note

Sep 5, 2025

desk snacks, ranked

rigorous, peer-reviewed (by me) 🍫

#misc
24
Note

Aug 20, 2025

starting a notes feed 👋

starting a notes feed 👋

#meta
25
Frame

May 22, 2025

Grassland Stream

A small line of water carrying the eye into the highland plain.

#travel#shangri-la-city#photography
26
Frame

Feb 25, 2025

Londoner Night

A staged city image rendered with convincing nighttime density.

#travel#macao#photography
27
Frame

Feb 16, 2025

Curved Facade

A compact study in material, curve, and reflected sky.

#travel#shenzhen#photography
28
Frame

Jan 30, 2025

Monument in Snow

Hard winter light gives the monument unusual clarity.

#travel#changchun#photography
29
Log

Oct 16, 2024

Bad Data Quality Costs More Than a Slow Query

A practical data quality guide for engineers: validation, ownership, schema drift, observability, and fixing bad data before dashboards lie.

#data#backend#database#engineering
30
Log

Oct 16, 2024

Network Address Calculation: The Subnet Math That Matters

A practical subnetting guide showing how to calculate a network address from an IP address and mask using binary math and simple examples.

#networking#beginners#devops#security
31
Frame

Oct 12, 2024

Autumn River

Clear water and early color on a quiet bend.

#travel#ontario#photography
32
Frame

Aug 17, 2024

Atlantic Surf

The coast reduced to foam, dark sand, and weather.

#travel#nova-scotia#photography
33
Frame

Aug 16, 2024

Civic Monument

A formal public space under subdued summer light.

#travel#quebec#photography
34
Frame

Jun 11, 2024

Huangpu Glow

The skyline softened into light by summer humidity.

#travel#shanghai#photography
35
Log

May 26, 2024

Java BeanUtils Copying: Convenient, but Not Free

A practical Java guide to BeanUtils, shallow copy pitfalls, reflection overhead, and when MapStruct or manual mapping is a better choice.

#java#backend#performance#spring
36
Log

May 24, 2024

RedisJSON Is Useful When You Update Parts of a Document

A practical RedisJSON walkthrough: when to use it, when not to, and the commands that actually matter.

#redis#json#backend#database
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