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.
340 articles from this blog
Author announces updates to the Learning Susy book, addressing common issues with the Susy Sass layout framework installation and usage.
Explains the key concept of 'context' in the Susy CSS grid framework to solve common nested grid layout problems.
A developer shares their journey of writing and selling their first ebook, a technical guide on the Susy layout tool for web developers.
A tutorial on creating off-canvas layouts using the Susy grid system for web development.
A guide to making responsive websites compatible with older browsers like IE8 using the Respond.js polyfill.
Explores creating semantic, self-correcting CSS layouts using pseudo-classes and the Susy framework to reduce reliance on presentational HTML classes.
A tutorial on creating fluid, asymmetric website layouts using the Susy 2 Sass framework and its isolate output mode.
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.
