Writing & Videos — Page 11

Page 11 of 14: older articles, tutorials, and videos.

August 2025

Aug 29
The easy trick to creating perfect layouts every time thumbnail
YouTube

The easy trick to creating perfect layouts every time

I show why you should never stretch UI elements to fill the screen and how to size each component to its ideal width instead. I demonstrate this with a login form: removing its 576px max-width makes it stretch across…

Watch →
Aug 28
The secret to emphasizing elements properly - visual hierarchy tricks thumbnail
YouTube

The secret to emphasizing elements properly - visual hierarchy tricks

I show how to emphasize an active element by de-emphasizing the inactive ones around it, using a testimonial carousel where reduced opacity and size make the current testimonial obvious at a glance. I demonstrate that…

Watch →
Aug 22
Stop f*cking up dark mode thumbnail
YouTube

Stop f*cking up dark mode

Most designers ruin dark mode by naively inverting their light-mode colors, so I break down the four tactics I use to build dark interfaces that are actually pleasant to read. I show why pure black backgrounds create…

Watch →
Aug 21
Semantic styling is ruining your designs thumbnail
YouTube

Semantic styling is ruining your designs

Stop styling buttons by semantic color meaning and start styling them by visual hierarchy. I put two identical UIs side by side — one with green, blue, and red semantic buttons where every action screams equally, and…

Watch →
Aug 18
Learning neovim from scratch p1 thumbnail
YouTube

Learning neovim from scratch p1

I start learning Neovim from scratch by installing it in WSL Debian and building my own config instead of reaching for LazyVim or Kickstart, because prebuilt distros get you productive but don't teach you how Neovim…

Watch →
Aug 18
This is how you actually create good visual hierarchy thumbnail
YouTube

This is how you actually create good visual hierarchy

I explain how to actually create visual hierarchy by deciding whether the data or the labels deserve emphasis, then using font size, weight, color, spacing, borders, and shadows to make that hierarchy obvious. I start…

Watch →
Aug 15
Choosing b/w headline fonts and body fonts thumbnail
YouTube

Choosing b/w headline fonts and body fonts

Choosing between headline and body fonts comes down to two measurable properties — x-height and letter spacing — and I compare real fonts side by side to show how each one signals the job a font was designed for. I set…

Watch →
Aug 04
Creating an electron+react dev environment with webpack thumbnail
YouTube

Creating an electron+react dev environment with webpack

I build an Electron + React + TypeScript + Tailwind starter from scratch with Webpack, then wire up development hot reload, production builds, and electron-builder packaging into an installable desktop app. I show why…

Watch →
Hassan Aziz pointing up

Dude, you’re at the bottom of my landing page.

Just book a call already if you’re that interested.

You scrolled all the way here.