DHDan Holloraningrimicorn.hashnode.dev·12h ago · 4 min readCSS field-sizing: Auto-Growing Textareas Without a Line of JavaScriptEvery frontend developer has written the auto-growing textarea at least once. You listen for input, reset the height to auto, read scrollHeight, and set the height to match. Then you discover it break00
JLJerome Letoinimage2base64.hashnode.dev·14h ago · 5 min readWhen (and when not) to inline images as Base64Base64 image data URIs are one of those web techniques that look like a magic shortcut the first time you use them. Instead of referencing an external file: <img src="/logo.png" alt="Logo"> you can p00
OSOm Shirbhateindev-ops-blogs.hashnode.dev·2d ago · 5 min readEmmet for HTML: A Beginner's Guide to Writing Faster MarkupIntroduction After learning HTML basics, one thing I noticed was that writing HTML manually becomes repetitive very quickly. Imagine creating 20 list items, multiple nested <div> elements, or writing 00
BKBansidhar Kadiyainfreecodecamp.org·2d ago · 9 min readHow to Build a Text Compare Tool with HTML, CSS, and JavaScriptHave you ever tried to spot the differences between two long paragraphs of text? Reading line-by-line to find a missing word or a new sentence is a massive headache. In this tutorial, you'll build you00
Bbeqdotina-dev.hashnode.dev·4d ago · 9 min readCSS 'overscroll-behavior' rubber banding: the right color behind the page when you pull itI think you all know the overscroll rubber-banding effect: when you scroll past the end of a page, or pull past the top, the content bounces back. It exists in all modern browsers, though each one has00
DHDan Holloraningrimicorn.hashnode.dev·4d ago · 4 min readGrimicorn Neon: When a Calm Theme Goes LoudThe original Grimicorn was an exercise in restraint: muted pastels on a blue-gray base, tuned so nothing on screen ever burns your eyes. Grimicorn Neon is the opposite impulse. Same grim-reaper-meets-00
Kkbnoname11inkbnoname11.hashnode.dev·4d ago · 2 min readOptimizing Web-Based Esports Utilities for High-Performance State TrackingWhen building highly interactive, precision-dependent tools like browser-based aim trainers, standard UI framework state updates can occasionally introduce unneeded rendering overhead. To guarantee ma00
Aalexmorgendinblogfreeimagetoolsstore.hashnode.dev·4d ago · 3 min readWhat Color is Hex #d9d9d9? The Developer's Guide to UI's Default GrayIf you have ever inspected a Figma file or debugged a legacy CSS stylesheet, you have almost certainly seen this specific value. But what color is hex #d9d9d9 exactly? In technical terms, it is a ligh00
ADAvishek Dhimalinpalettecss.hashnode.dev·5d ago · 2 min readHow to Add a Custom Color Palette to Tailwind in 2 MinutesTailwind's default palette is great — which is exactly the problem. Every Tailwind site reaches for blue-500 and gray-800, so they all start to look the same. A custom palette fixes that, and it takes00
DHDan Holloraningrimicorn.hashnode.dev·5d ago · 4 min readBuilding Grimicorn: One Palette, Fourteen ToolsA typical day moves through a lot of windows. Editor, terminal, a git client, a notes app, and lately an agentic coding tool or two. Each one ships its own default theme, and even when you pick a "goo00
