#CSS custom properties
45 related articles
·7 min
Claude Code in Action: Building an Embedded Tetris Game with AI in 3 Hours
A hands-on case study: using Claude Code and the LVGL graphics library to build a Tetris game running on an embedded dev board from scratch in under 3 hours.
Read more →
·7 min
Claude Code in Action: Building an Embedded Tetris Game with AI in Under 3 Hours
A hands-on case: using Claude Code and the LVGL graphics library to build a Tetris game running on an embedded board from scratch in under 3 hours.
Read more →
·6 min
Vue3 from Scratch: A Hands-On Journey to Building an AI Health Monitoring System
A Vue3 beginner tutorial centered on "learn just enough, apply immediately." A three-stage path covers reactivity, Composition API, Element Plus, and data visualization, culminating in an enterprise-grade AI health monitoring system with blood sugar management, RAG consultation, and doctor-patient collaboration.
Read more →
ui-skills: An AI Skills Library Built …
·4 min
ui-skills: An AI Skills Library Built for Design Engineers
ui-skills is an open-source AI Skills library for design engineers that helps AI generate higher-quality UI code. It quickly gained thousands of GitHub Stars.
Read more →
·6 min
MCP Brings Power Apps Data Seamlessly into M365 Copilot: A Complete Implementation Guide
A Power Platform MVP demonstrates how to use MCP to securely expose Power Apps business data to M365 Copilot. Covers declarative agent creation, custom tool development, and VS Code setup.
Read more →
·4 min
GSAP in Practice: Build Stunning Landing Page Animations from Scratch
Master GSAP animations in practice: ScrollTrigger, SplitText, Timeline orchestration, and frame-rate-consistent infinite scroll — with full code examples. Now completely free.
Read more →
·6 min
Playwright E2E Builder: Engineering AI-Driven Web Automation Testing
Playwright E2E Builder is an AI Skill installed in Cursor that transforms UI automation from throwaway scripts into sustainable engineering assets through a four-step workflow, with built-in locator health checks.
Read more →
·7 min
Free Mermaid Diagram Editor: An Essential Code-Based Diagramming Tool for Developers
Explore the core features and use cases of the free Mermaid Diagram Editor. Supporting flowcharts, sequence diagrams, Gantt charts and more, it follows the 'diagrams as code' philosophy to enable version-controlled technical documentation for developers and architects.
Read more →
·3 min
shadcn/ui Switches Default Component Library: What Base UI Replacing Radix Actually Means
shadcn/ui has officially made Base UI its default underlying library, replacing Radix. Learn the technical background, team lineage, and what this means for your projects.
Read more →
·3 min
Meta Open-Sources Astryx: The First Design System Built for AI Agents
Meta open-sources Astryx on GitHub — an Agent Ready design system built for AI coding assistants. 5,600+ Stars and growing. Learn how it tackles AI hallucination in UI code generation.
Read more →
·3 min
Vibe Coding: The New AI Programming Paradigm for Full-Stack Development with Zero Coding Experience
Explore Vibe Coding's core concepts and practical applications across frontend UI generation, backend APIs, and one-click deployment, with a zero-to-hero guide for non-programmers.
Read more →
·4 min
Claude Code + Remotion: A Complete Guide to Generating Professional Animated Videos with Code
A deep dive into generating professional animated videos from scratch using Claude Code with Remotion, covering GSAP, Three.js, Lottie, Blender comparisons, Skill file setup, and advanced tips.
Read more →
·3 min
Why Is HTML Exploding in Popularity Again in the AI Era? The Logic Behind Silicon Valley Leaders' Collective Endorsement
The Claude Code team calls HTML "unreasonably effective" and Silicon Valley leaders like Karpathy agree. Learn why HTML is resurging in the AI era and how to use AI+HTML for rapid prototyping.
Read more →
·3 min
Figma Code Context: Open-Source MCP Tool That Converts Design Files to Frontend Code in 30 Seconds
Figma Code Context is an open-source MCP tool that fetches structured design data via Figma API, enabling AI to generate high-fidelity frontend code in seconds.
Read more →
·3 min
The Complete Guide to Vibe Coding: Turn Ideas into Products with AI — No Coding Required
A complete guide to Vibe Coding: from idea to PRD, UI design, and working code using AI tools like Gemini, Figma Make, and Cursor — no coding skills needed.
Read more →
·3 min
Beginner's Guide to Vibe Coding: Let AI Write Code for You — No Experience Required
Vibe Coding lets non-coders build software with AI. Learn the core concepts, how it differs from traditional programming, and set up Miniconda step by step.
Read more →
·4 min
Dark Mode for WeChat Mini Programs: One-Click Color Scheme Generation with Pencil MCP
Complete guide to WeChat Mini Program dark mode: from generating dark color schemes with Pencil MCP and AI image generation, to building a Theme.js switching architecture with CSS variables and system dark mode detection.
Read more →
·2 min
Building Connect 4 in Pure CSS: Rethinking CSS as a Programming Language
A developer built a complete Connect 4 game using only CSS — no JavaScript. This article explores the Checkbox Hack, selector combinations, and other core techniques, examining the computational boundaries of CSS.
Read more →
·2 min
CSS if() Statements and Custom Functions: Media Queries Are About to Change Dramatically
CSS is introducing if() statements and @function custom functions, revolutionizing how media queries are written. Learn about inline conditionals, custom responsive functions, and their impact.
Read more →
·3 min
Three CSS Layout Patterns You'll Use in Every Project: Stack, Prose, and Pile
Deep dive into Kevin Powell's three CSS layout primitives: Stack (Flexbox vertical stacking), Prose (long-form typography spacing), and Pile (Grid area stacking) for maintainable, flexible CSS.
Read more →