Zell Liew is a front-end developer, writer, and creator known for deep, practical explorations of CSS, JavaScript, accessibility, and modern web tooling. His work blends thoughtful technical guidance with personal reflections on life, work, and growth, and is frequently featured on CSS-Tricks and Splendid Labz.
350 articles from this blog
A guide to fixing Tailwind CSS spacing issues when using Astro components and slots with a custom utility plugin.
A tutorial on using the fileCache utility from Splendid UI to easily implement local file system caching in Node.js applications.
Announcing zlFetch's support for FormData and its utilities for converting FormData to objects and query strings.
Explores the limitations of Scoped CSS in modern frameworks like React and Vue, focusing on styling child components and slot content.
Updates to the zlFetch library, a wrapper for the Fetch API, including error handling improvements, debug mode, and instance creation.
Announcing the launch of the Magical Dev School student portal, a central hub for accessing programming courses and workshops with new user-friendly features.
A guide to testing CSS container queries efficiently using a custom utility or Polypane browser, with code examples in Astro.
Explains why to use Svelte over Astro files for components in Astro projects, focusing on reusability and syntax.
Explains the correct HTML structure for using CSS container queries to avoid sizing errors with container query units.
A developer explains styling challenges caused by Astro's islands and slots, offering practical CSS workarounds for common issues.
Explains why using forms is better than tags when subscribing users via the ConvertKit API, especially for reactivating previously unsubscribed contacts.
A tutorial on creating custom, SVG-based bullet points for lists in Astro by parsing and manipulating slot content.
A reflection on the end of CSS-Tricks' original spirit after its editor was fired by Digital Ocean, and a personal tribute to its legacy.
The author argues that using camel-cased CSS class names is superior to traditional kebab-cased BEM syntax for modern, modular CSS development.
A guide explaining two methods to render MDX content within Svelte components when using the Astro framework.
A guide to setting up Visual Studio Code with Prettier and Standard for efficient HTML, CSS, and JavaScript web development.
Explains the CSS color-scheme property, its values, and discusses whether it's necessary for implementing light/dark themes.
A guide on installing Node.js, using the n package manager to easily upgrade/downgrade versions, and understanding LTS vs. Current releases.
A clear, step-by-step guide explaining what CSRF attacks are, how they work, and the prerequisites needed for them to succeed.
Introducing localStore, a JavaScript library that simplifies localStorage usage by automatically handling JSON conversion and adding features like automatic expiry.
