Lex van Dommelen UX designer and front-end developer · Netherlands
I love building web apps that help people, from marketing sites to internal tools that improve the experience. For my YouTube channel I design, build and educate.
As a YouTuber and educator, I write a script, read it to camera and publish the page. Each step got its own tool, and you can try a small version of each one right here.
Write a video script in one calm place: B-roll and storyboard sit beside every line, and an AI edit bar rewrites a paragraph in your own voice.
Live · Open source
How to Back Up Your Website in Five Minutes
Details
1 · Hook (0:00–0:20)
[ON SCREEN: a website gone white, the cursor circling the refresh button]
In this video I will be discussing the various methods that can be utilised to make sure your website stays secure.
Most people only really start thinking about making backups after something has already gone wrong, and by then it is usually far too late.
2 · The fix (0:20–0:50)
So today I'll show you three backups that take five minutes, and how to check that they really work before you need them.
[ON SCREEN: the hosting panel with the Backups tab open]
3 · Test a restore (0:50–1:10)
Then, and this is the step that everyone always skips, you restore one of the backups into a test folder, just to be completely sure it actually works.
Read your script on camera while the main screen opens each link the moment you reach its line. It works together with CamFrame: camera cues in your script switch your camera view as you read them.
Live · Open source
Tested from Amsterdam, 4G, on a mid-range phone.
Give the browser a few sizes of the same photo, and it picks the smallest one that still looks sharp.
<img src="loaf-800.webp"
srcset="loaf-400.webp 400w,
loaf-800.webp 800w"
sizes="(min-width: 60rem) 50vw, 100vw"
width="800" height="532" alt="">Tip Always set width and height, so the page does not jump while the photo loads.
lex wants to merge 1 commit into main
index.html
-<script src="https://chat.example/widget.js"></script>
+<button class="chat" data-src="/widget.js">Chat</button>
+<script type="module" src="/chat-on-click.js"></script>
</body>
INTRO 00:00
My bakery site took six seconds to load.
Let's get it under one second.
STEP 1 · THE PHOTO 00:15
Serve the hero photo at the size you show it.
It was four megabytes on its own.
STEP 2 · THE SCRIPTS 00:35
Then load the chat widget only on click.
Nobody needs it in the first second.
RESULT 00:55
Same site, now 0.8 seconds.
Test again after every change.
Edit a real website by clicking it while the code changes with you. Add parts from the page structure, or ask an agent to build a section.
Alpha · Open source
Fresh from 7am
Sourdough and buns from our own oven, baked at night and ready when you are.
€5.50
€2.40
From 7am
Kerkstraat 12, Utrecht. Coffee is on, and the first loaves come out at seven.
No items match “”.
Most of these started as a problem in my own work. Some are finished, some are experiments.
A view-only camera window for screen tutorials, so my head stops covering the interface I'm explaining, which is nice.
Spins up WordPress Playground with a stack of premium plugins in one go, instead of downloading, installing and licensing each one.
A calendar for scheduling and moving YouTube uploads around, built for a fellow creator.
A design system that captures my design preferences as guidance for AI, plus a CodePen-like library of UI patterns with editable HTML and CSS you can copy into your own work.
One place for research, ideas, assets, social posts and livestreams, so the context around an idea doesn't get lost between apps.
I start with a broad first version and then refine it step by step. On YouTube I share that process so people a few steps behind can start building too.
Where I design, build and educate around web and WordPress tools and give my honest review, with written tutorials, videos and components on techies.review.
By day I'm a UI/UX designer and front-end developer on WordPress websites and SaaS apps for the healthcare industry, with cyber security and privacy (GDPR) built in. I talk to people, understand their problems, and take each idea from a first MVP or proof of concept to something better with every iteration.
The easiest way to reach me is on X or LinkedIn. I'm always happy to hear what you're building.