You probably have been there before. How do we choose between showing a modal to users, and when do we navigate them to a separate, new page? And does it matter at all? Actually, it does. The decision influences users’ flow, their context, their ability to look up details, and with it error frequency and […]
Modal vs. Separate Page: UX Decision Tree Read More »
Editor’s note: Mat Marquis and Andy Bell have released JavaScript for Everyone, an online course offered exclusively at Piccalilli. This post is an excerpt from the course taken specifically from a chapter all about JavaScript destructuring. We’re publishing it here because we believe in this material and want to encourage folks like yourself to sign
JavaScript for Everyone: Destructuring Read More »
Is the “industry standard” becoming the industry bottleneck? Designers are ditching the complexity of Figma’s “engineering-first” bloat to reclaim their creative freedom in a fragmented new world of specialized tools. The era of the single-tool monopoly is ending—and the era of the high-performance design stack has officially begun.
The Great Transition: Why the Design World is Re-Evaluating Figma Read More »
Design isn’t only pixels and patterns. It’s pacing and feelings, too. Some products feel cinematic as they guide us through uncertainty, relief, confidence, and calm without yanking us around. That’s Emotion in Flow. Others undercut their own moments with a joke in the wrong place, a surprise pop-up, or a jumpy transition. That’s Emotion in
Anime vs. Marvel/DC: Designing Digital Products With Emotion In Flow Read More »
For this issue of What’s !important, we have a healthy balance of old CSS that you might’ve missed and new CSS that you don’t want to miss. This includes random(), random-item(), folded corners using clip-path, backdrop-filter, font-variant-numeric: tabular-nums, the Popover API, anchored container queries, anchor positioning in general, DOOM in CSS, customizable <select>, :open, scroll-triggered
What’s !important #7: random(), Folded Corners, Anchored Container Queries, and More Read More »
When I talk about layouts, I’m referring to how you place items on a page. The CSS properties that are widely used here include: display — often grid or flex nowadays margin padding width height position top, left, bottom, right I often include border-width as a minor item in this list as well. At this
4 Reasons That Make Tailwind Great for Building Layouts Read More »
A deep exploration of how aspect ratios shape perception, visual rhythm, and usability in modern interfaces. From grids to galleries to video players, this article dissects how proportion silently governs how users see, feel, and interact with content.
How Aspect Ratios Define Perception, Rhythm, and Flow Read More »
Wrong CSS doesn’t exist — here’s why. From backwards-compatibility to platform responsibility, find out why CSS advice is context, not law. Continue reading There Is No “Wrong” in CSS on SitePoint.
There Is No “Wrong” in CSS Read More »
Learn how to test your Express API using Jest and Supertest — covering routes, database mocking, authentication, and CI/CD integration in under 10 minutes. Continue reading Testing Node.js APIs with Jest: A Frontend Developer’s Guide to Backend Testing on SitePoint.
Testing Node.js APIs with Jest: A Frontend Developer’s Guide to Backend Testing Read More »
A look at the exploding category of ‘Generative UI’. Compares the market leader (v0) with open alternatives. Key Sections: 1. **The Promise:** Text to React components in seconds. 2. **Vercel v0:** The polished, proprietary experience. Pros/Cons. 3. **OpenClaw Canvas:** The open, hackable alternative. Pros/Cons. 4. **Code Quality:** Analyzing the output (Tailwind usage, accessibility). 5. **Workflow
Generative UI with Vercel v0 vs OpenClaw Canvas: The Future of Frontend Read More »
