Overcoming styling frustrations caused by Astro islands and slots
A developer explains styling challenges caused by Astro's islands and slots, offering practical CSS workarounds for common issues.
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.
341 articles from this blog
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.
A perspective on why being stuck in 'tutorial hell' is a normal part of the learning process for developers and not something to be ashamed of.
Explains the modern CSS syntax for using rgb/hsl with alpha transparency, eliminating the need for rgba/hsla functions.
Explains two methods to access a cookie's expiration value on the server, which browsers normally don't send.
A guide on configuring rsync with a custom SSH port within GitHub Actions workflows for automated deployment.
A quick guide on how to use rsync with a custom SSH port for file transfers, explaining the -e flag and common options.
A developer shares their personal journey of buying, using, and ultimately abandoning the premium Operator Mono code font, reflecting on developer culture and tool choices.
A guide on using async/await syntax for handling asynchronous operations in Express.js request handlers, including error handling.
Explains two methods to use npm packages in frontend projects without bundlers: importing from a CDN or serving from node_modules.
A tutorial on setting up HTTPS for local development using Node.js, Express, and mkcert to generate trusted certificates.