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.
353 articles from this blog
Explains how gutter positions work in the Susy CSS grid framework and how they affect layout margins and paddings.
A tutorial on using Susy's background grid image for debugging responsive layouts across multiple breakpoints.
Explores two methods for organizing multiple theme styles in CSS using Sass, comparing a separate theme file vs. module-based theming.
A developer introduces an improved CSS-based 'Adaptive Placeholder' form field pattern, aiming to enhance UX without unnecessary JavaScript.
Explains the differences between Compass and Autoprefixer, two tools for handling CSS vendor prefixes and authoring.
A technical guide explaining a workaround to use the Autoprefixer tool with the Compass framework in the CodeKit 2 build tool for Mac.
A tutorial on organizing responsive CSS layouts using Sass maps and the Susy grid framework for better maintainability.
A tutorial on configuring and using static grids with the Susy 2 CSS layout framework, including responsive breakpoints.
A deep dive tutorial on using Susy 2 and the Breakpoint gem to create responsive website layouts with Sass.
A tutorial on using Susy 2, a Sass-based grid framework, to create complex and customizable layouts without fixed HTML classes.
A tutorial on using the @font-face CSS rule to add custom fonts to a website, covering font conversion and implementation.
Part 2 of a series on HTML structure, focusing on semantic markup for navigation and other page elements.
A guide on structuring HTML for websites, focusing on big-picture layout with wrappers, blocks, and semantic elements like header, main, and footer.
A guide explaining the core CSS positioning values (static, relative, absolute, fixed) and how to use them for layout control.
A tutorial on integrating the Mailchimp API with WordPress to manage user interest groups and automate profile updates.
A tutorial on using the Compass Vertical Rhythm module with Sass to establish consistent typographic baselines in web design.
Explains the CSS box-sizing property, focusing on border-box for intuitive layouts and reduced frustration in web development.
A guide explaining the difference between WordPress action and filter hooks, how to create them, and how to use them to extend functionality.
A guide explaining two methods to locate and edit the CSS file of a WordPress theme to customize a website's appearance.
A guide to using Grunt JS to automate tasks like live reloading, script processing, and environment detection for faster WordPress development.
