Scarlett.
Frontend Engineer and Design Systems specialist. Focused on building type-safe UI architectures, scalable CSS patterns, and accessible user experiences that bridge the gap between design and logic.
All Articles by Scarlett
19
iScreen Tab Duplicate Remover: Boost Productivity with Custom Themes
Discover how the iScreen Tab Duplicate Remover and custom themes help you declutter your browser, manage tabs, and improve productivity effortlessly.
Visual Inspiration: Customizing Daily Wallpapers in iScreen
Configure daily wallpaper rotations in iScreen. Explore multiple providers including Unsplash, Pexels, and Pixabay, and enable image prefetching.
Hono Edge Web Framework Cheatsheet: The Complete Reference
Master Hono Edge Web Framework: routing, middleware, context, custom handlers, validation, and cloud deployments.
TypeScript Generics & Advanced Types Cheatsheet
Deep dive into advanced TypeScript: generics, conditional types, mapped types, template literal types, and type guards.
React Hooks & Custom Hooks Cheatsheet: The Complete Reference
A complete React Hooks cheat sheet covering useState, useEffect, useContext, useRef, and custom hooks, with optimal performance and rendering guidelines.
Optimizing Netlify Blobs for Edge Functions Caching
A complete step-by-step developer guide to reducing cold starts and database latency inside Netlify Edge Functions by implementing a lightweight in-memory cache.
Master Mission Control: Virtual Desktops and Space Management on macOS
Expand your workspace with virtual desktops. Learn to create Spaces, assign apps to specific desktops, and navigate between contexts with gestures and shortcuts.
React Hooks Cheat Sheet: All Hooks with React 19
Complete React Hooks reference — useState, useEffect, useMemo, useCallback, custom hooks, and React 19's new use(), useOptimistic, and useActionState.
How to Type π, Æ, €, and Special Characters on Mac & iPhone (2026)
Stop hunting for symbols on Google. Learn the hidden Option key layers on Mac and the long-press secrets for iPhone to type special characters instantly.
20+ Things to Do After Installing Ubuntu 26.04 Resolute Raccoon
The ultimate post-installation checklist for Ubuntu 26.04 Resolute Raccoon. From Kernel 7.0 optimizations and UI polish to setting up a high-speed developer toolchain in 2026.
macOS Storage & Memory Management: Optimize Performance
Keep your Mac running fast with storage optimization, memory management, and iCloud storage strategies. Learn to identify space hogs and manage system resources.
The Connected Mac: iPhone Mirroring & Universal Control
Unlock the full potential of your Apple ecosystem. Control your iPhone from your Mac, use your iPad as a second display, and seamlessly share content across all your devices.
Claude Design: What It Does, Canva Integration, and Market Impact
Anthropic launched Claude Design, an AI-powered tool that creates prototypes, presentations, and marketing visuals. It integrates with Canva and hands off to Claude Code. Here's what it does and why Figma and Adobe stock dropped on the news.
TypeScript Utility Types: Pick, Omit, Partial & Deep Dive
Master TypeScript's built-in utility types like Pick, Omit, and Partial. Learn real production patterns for Required, Record, and function-derived types.
Building a Design System: Tokens, Components & Docs
Learn how to build a scalable design system using design tokens, component API patterns, and effective documentation strategies for modern frontend teams.
CSS Grid vs Flexbox: When to Use Which
A practical guide to choosing between CSS Grid and Flexbox — with real layout examples, decision rules, common mistakes, and browser support notes for 2026.
9 Chrome Alternatives Worth Trying in 2026
The best Chrome alternatives in 2026: AI-native browsers like Dia and Opera One, privacy picks like Brave and Firefox, and power tools like Vivaldi. Find the right browser for your workflow.
TypeScript Generics: Advanced Real-World Design Patterns
Master TypeScript generics with practical examples. Learn constraints, conditional types, mapped types, and advanced patterns for robust production code.
Chaining Agent Skills: Research, Summarize, and Save
Build a skill chain where an agent searches the web, summarizes findings, and saves results to a file — all from a single prompt. Full Node.js walkthrough.