Michael Z articles - 78 total
Using Binary To Solve the Poisoned Barrel Puzzle
A king has 100 barrels of wine, but one of them is poisoned. The poison only shows symptoms after 1...
JSON Extensions for writing config files and parsing data
JSON is a rather simple format, this makes it easy to use, understand, and parse. But sometimes you...
Rule Changing Poker Game "Balatro" recreated in JavaScript - Behind the Code
"Balatro" is a rogue-like poker game that comes with all sorts of modifiers to change the rules mid...
Adonis.js V6 - It's even better!
It's been 3.5 years since I created the series TDD course with Adonis.js using Adonis.js version...
Rethinking best developer practices
SRP (Single Responsibility Principle) The single responsibility principle (SRP) is a...
Stoic Driven Development
If Marcus Aurelius and his philosophical peers were modern-day software engineers, what wisdom might...
Twitter API suspended? Here's how to fix it
A bunch of Twitter API clients which upgraded from v1 API to the free v2 API were suddenly suspended....
Puzzle Classic "Baba is You" recreated in JavaScript - Behind the Code
"Baba is You" is a unique and innovative puzzle game that offers players the ability to dynamically...
Namespaces are just fine - No need to destructure every object in JavaScript
An increasingly common practice in JavaScript is destructuring. This is great to get rid of otherwise...
Code reviews - Are you checking for this?
What do you look for when you review your peer's code? Is it that the new code is consistent with the...
Reverse-engineering frontend (Cuphead's film-grain effect)! Can you?
For quite a while I've been thinking how cool it would be to have a website in the style of the...
Comparing strings - What can go wrong #unicode
Experiment For this experiment, please have a mac ready and open this sandbox:...
Cross-Site Scripting (XSS) and is your SPA really safe from it?
Last but not least, let's talk about Cross-Site Scripting (XSS)! XSS attacks are all about writing m...
Secure Cookies in 5 steps
Even with the right CORS setup and CSRF protection cookies present a few more attack vectors. Let's d...
CSRF tokens for SPAs - Possible?
In the previous post, we discussed CORS, CSRF tokens, SameSite, clickjacking and JSON hijacking. With...
Demystifying CORS, CSRF tokens, SameSite & Clickjacking - Web Security
One of the best features of the web is its backwards compatibility. But ironically, this also makes the web somewhat insecure by default. Let's have a look
How to test time-dependent code - time travelling in JavaScript
Say you have a piece of code that depends on the current time. function isAM() { return new Date(...
Git aliases for increased productivity
It's been almost a year since I posted my first article on git aliases. Since then I've applied a...
Isomorphic handling of promises in libraries like react.js, vue.js, angular, svelte etc.
If you are working on a SPA that connects to an API somewhere, you are going to need to write a lot o...
Build Adonis/Vue apps without an API
In a previous post I created a prototype of seamless integration between frontend and backend. To sa...
CI/CD Workflows for open source NPM packages
My Workflow I've created two workflows to manage an open source NPM package of mine....
Publish to NPM automatically with GitHub Actions
Now that we are all done with CI, let's tackle CD. There are a couple of ways we can set up publishi...
GitHub Actions: Setting up Test Coverage for a JS/TS/Node project
This is a follow-up article to set up CI using GitHub Actions. Make sure you check out the previous a...
GitHub Actions: Setting up CI for a JS/TS/Node project
Having used and modified CI/CD systems in Jenkins and GitLab CI in the past, I have never set it up m...
Clean URL slugs: The Good, the Bad, and the Ugly
A slug is the last part of the URL and identifies a specific page on a site. For example, on my blog...
Your flexbox is actually not centered
Isn't Flexbox amazing? All these years where we had to fight with floats, try vertical-align: middle...
1 year with React Hooks - Biggest lesson learned
I've been working with React Hooks for over one year now. Working on a variety of things, there has b...
Vue 3 just got me from interested to excited
Vue 3 has been on my radar for a while, but a recent RFC got me from "interested" to "excited". I am...
Good bye API layer. Uniting frontend and backend
Originally posted at michaelzanggl.com. In my first job, besides web development, there was also...
Tailwind CSS for skeptics - Interactive Tailwind CSS tutorial
Tailwind CSS is an amazing framework, but when people first see this: <div class="md:flex bg-whi...