MMikey Nichols58m ago · 33 min readA Button Is Not a Rule.Canonical: https://journeytocode.io/a-button-is-not-a-rule/ Our engine runs in a browser. Nobody can play it. There is no button. There is a <pre> tag and a number, and the number only changes if you journeytocode.hashnode.dev
CCruxtab Technologies Pvt. Ltd.1d ago · 4 min readMigrating from Polaris React to Shopify Polaris Web ComponentsShopify Polaris provides interface components for building consistent embedded Shopify applications. Historically, many applications used Polaris React components. Shopify now provides Polaris web comcruxtab-technologies.hashnode.dev
AAdimchi OkaOct 21 · 5 min readBetter Loading States for AI AppsYou click "Generate". The model starts working, and the UI shows a spinning circle. Ten seconds later it's still spinning. At thirty seconds you start to wonder whether the request died. The spinner cdesign-engineering.hashnode.dev
CCX ArtLabSep 9 · 3 min readI built an avatar component for a Grok Bot-like AI app, then realized it could also work as a standalone open-source projectI’m working on a small AI project that’s somewhat similar in spirit to Grok Bot. One of the first things I needed was a character/avatar, so I started there. I ended up spending more time on the avatacxlab.hashnode.dev
GGoldza Open SourceJul 29 · 3 min readHow to compare a South African gold offer with melt value in JavaScriptA gold offer is easier to evaluate when the calculation is visible. The useful question is not whether a quoted rand amount sounds large, but what percentage of the item's calculated metal value remaigoldza-open-source.hashnode.dev
VVivekJul 11 · 7 min readThere's a hidden function call inside every html template you write.You use template literals every single day. The backtick string with ${} holes in it: const name = "Vivek"; const greeting = `Hi ${name}, you have ${3} messages`; // "Hi Vivek, you have 3 messages" Nheyvivek.com
HHomi ChoudhuryMay 6 · 12 min readFrom Figma Screen to Production Code with LLMs and Figma MCP Beyond Code Snippets In Part 1, we covered Code Connect — a way to show developers the right code snippet when they inspect a component in Figma. But there's a bigger question: can an LLM generate thehomi.hashnode.dev
HHomi ChoudhuryMay 6 · 10 min readBridging Design and Code with Figma Code ConnectThe Gap Between Design and Development Every design system team faces the same challenge: designers build beautiful, well-structured components in Figma, and developers implement them in code. But whehomi.hashnode.dev
LLikitha KattamudiApr 29 · 3 min readBuild Once, Use Everywhere: Creating Reusable UI Components with Lit & Storybook🚀 Introduction Modern UI development often ties components to specific frameworks like React or Angular. This leads to duplicate development, inconsistent design, and increased maintenance effort. Tolikithakattamudi.hashnode.dev
AAlex MApr 28 · 6 min readHow to Build an Interactive 360° Product ViewerTL;DR Learn how to build a 360-degree interactive product spinner using Cloud Images Toolkit (CIT) and Immersive Media Spots (IMS) Web Components. We will set up Cloudflare Images for CDN delivery, marnd-pro.hashnode.dev
