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 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.
Part 2 of a Susy CSS framework tutorial, covering margin/padding mixins and responsive design techniques.
A tutorial on using the Susy grid framework plugin for Compass and Sass to create custom responsive layouts.
A developer shares essential tools for working with colors, including Color Snapper and Alfred 2, to improve design and coding workflows.
