Star Rating Re-imagined with Flexbox
A tutorial on building a star rating UI component using only 50 lines of HTML, CSS, and JavaScript, leveraging Flexbox and SVG.
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
A tutorial on building a star rating UI component using only 50 lines of HTML, CSS, and JavaScript, leveraging Flexbox and SVG.
A developer shares best practices for responsive web typography and introduces Typi, a solution to simplify implementation.
A developer shares personal lessons on handling public criticism and negative feedback after publishing a technical article on a popular industry website.
A developer shares a personal story about feeling inadequate after organizing a major tech conference, exploring the emotional challenges in tech careers.
Explains why migrating from Bootstrap to Susy shouldn't involve recreating Bootstrap's grid, and advocates for using Susy as a cleaner, more flexible CSS grid system.
A guide explaining what files to add to your .gitignore file, covering OS files, application files, and credentials to keep Git history clean.
A guide to using template engines with Gulp to modularize HTML, break code into reusable partials, and populate markup with data.
A tutorial on advanced Gulp.js techniques, covering file watching with glob patterns and plugin customization for Sass compilation workflows.
A tutorial on using Gulp.js, a JavaScript build tool, to automate development workflows for web projects.
A guide comparing GUI and CLI build tools like Grunt and Gulp, explaining their uses in automating development workflows.
A beginner-friendly guide to overcoming fear of the command line, explaining its safety and introducing six essential commands.
A tutorial on using Bower, a dependency manager for frontend libraries like jQuery, covering installation, setup, and basic usage.
Explains the six parts of a development workflow (Scaffold, Develop, Test, Integrate, Optimize, Deploy) and how to automate them to save time.
Troubleshooting guide for Susy Gallery's gallery() mixin, covering common layout issues and their solutions.
A web developer shares personal struggles with blogging and asks readers to choose their next technical topic: modern workflows, web animation, or UX design.
A technical guide on integrating the Masonry JavaScript library with the Susy CSS grid framework to create Pinterest-style layouts.
A developer creates a custom Sass mixin for media queries using Sass Maps, improving on the popular Breakpoint library.
A tutorial on configuring Gulp to use LibSass and the Susy grid framework for automating Sass compilation in a development workflow.
A tutorial on configuring Grunt to compile Sass with LibSass and the Susy grid framework for a modern front-end development workflow.
Explains the mobile-first CSS approach, its benefits over desktop-first, and provides practical code examples for responsive web design.