#CSS custom properties
47 related articles
·3 min
Pure CSS Scroll-Driven Animations: No JavaScript Required
Learn how to implement CSS Scroll-driven Animations using animation-timeline and view() for pure CSS scroll fade effects, with animation-range tips and best practices.
Read more →
·4 min
Developing Figma Plugins with Codex: A Zero-Code Guide for Designers
Learn how to build Figma plugins with OpenAI Codex — no coding required. Covers project setup, quota management, Plan Mode, hands-on development, and publishing tips for designers.
Read more →
·2 min
Remotion: The Open-Source Framework for Code-Driven Video Production with React
Deep dive into Remotion, the open-source framework for writing videos with React components. Covers core principles, use cases, comparison with traditional editors, and quick start guide.
Read more →
·2 min
v0 Figma Integration: One-Click Conversion from Design Files to High-Fidelity Functional UI Code
Vercel's AI tool v0 launches a new Figma integration that parses layouts, typography, components, icons, and more to convert static designs into high-fidelity, runnable frontend code.
Read more →
·3 min
Porting the Gemini Screenshot Plugin to DeepSeek: One-Click Export of Conversations as Images
How to port the Gemini browser screenshot plugin to DeepSeek for one-click conversation export as images. Covers html2canvas, rendering compatibility, and cross-platform plugin porting strategies.
Read more →
Complete Guide to Cursor AI's Seven Wo…
·4 min
Complete Guide to Cursor AI's Seven Work Modes: From Beginner to Power User
In-depth guide to Cursor AI's seven work modes: Plan, Debug, Multitask, Ask, Image, Skills, and MCP Servers, with practical demos and scenario selection tips.
Read more →
·3 min
AI-Generated Action Code: A New Approach to Animation with MineGun iMoto 2
Learn how to use AI to understand and generate MineGun iMoto 2 MeFrames action code files, enabling precise animation parameter control and batch action generation.
Read more →
·3 min
Complete Guide to Connecting OpenAI Codex with MCP Servers: Configuration & Hands-On Practice
Learn how to configure MCP servers for OpenAI Codex. Step-by-step TOML setup with Context7, hands-on verification, and best practices for extending Codex capabilities.
Read more →
·3 min
Cursor Fails at UI Design Reproduction: The Real Capability Boundaries of AI Coding
A developer's failed attempt to reproduce a UI design with Cursor reveals AI coding's real limits. Learn where AI tools excel and where human skills remain essential.
Read more →
·2 min
Using HTML Instead of PPT for Dynamic Presentations: 1 Hour to Complete 3 Days of Work
A designer tested using AI-assisted HTML coding in Cursor to create dynamic presentations, cutting 3 days of work to 1 hour. Covers animation, interaction design, and Cursor workflow.
Read more →
Tutorials·2 min
Practical Guide to Claude Code Plan Mode and Auto Accept Mode
A detailed guide to Claude Code's two core features: Plan Mode and Auto Accept mode, with a dark mode implementation demo showing efficient and safe AI-assisted development.
Read more →
Tutorials·2 min
Deconstructing an AI-Generated AE Script: The Real Value Is Parametric Thinking
Deconstructing an AI-generated After Effects 3D carousel script: 9 sliders unified by one variable. The real value isn't the code — it's parametric design thinking.
Read more →
Tutorials·3 min
Claude Code in Practice: Plan Mode and MCP Automated Development Tips Explained
A deep dive into advanced Claude Code techniques: precise file referencing, Plan Mode for plan-first development, screenshot-driven UI iteration, project memory rules, and Playwright MCP server integration for fully automated testing.
Read more →
Tutorials·2 min
Building a Lucky Calendar Website with AI and Zero Code: From Idea to Launch
A creator with zero coding experience built and launched a Lucky Calendar website entirely through AI conversations. Full walkthrough from idea to deployment.
Read more →
Tutorials·3 min
OpenClaw + Claude Code Token-Saving Guide: Zero-Polling with Hooks Callbacks
How to solve high Token consumption when OpenClaw calls Claude Code. Achieve zero-polling with Stop Hook and Session End dual callbacks, combined with Agent Teams for fully automated dev workflows.
Read more →
Tutorials·3 min
Claude Design + GPT Image 2: A Complete Zero-to-Website AI Workflow Breakdown
A full breakdown of the AI website-building workflow using Claude Design wireframes, GPT Image 2 asset generation, and Claude Code integration—no coding required.
Read more →
Product Reviews·2 min
AI Website Builder Test: Generate a Website in 7 Minutes, No Server or Domain Required
Hands-on test of AI visual website builder Upage: describe your needs in natural language to generate a complete website in 7 minutes with one-click deployment, no server or domain purchase required.
Read more →
Tutorials·2 min
TRAE Editor + Figma MCP Hands-On Tutorial: Convert Design Files to Web Code in One Click
Step-by-step tutorial: Install TRAE editor, configure Figma MCP, and auto-generate HTML web code from Figma designs with OpenRouter API setup included.
Read more →
Tutorials·2 min
After Leaving Tailwind, These CSS Color Palette Tools Are Worth Bookmarking
After returning to vanilla CSS from Tailwind, how do you choose a good color system? This article covers community-recommended CSS palette solutions including Reasonable Colours, Flexoki, uchū, and generator tools like tints.dev.
Read more →
Product Reviews·2 min
Forge Component Library: 100+ React Components That Let AI Build Complete Pages with a Single Prompt
Forge is a React component library designed for AI programming, with 100+ production-grade UI components that let AI assistants build complete pages from natural language prompts.
Read more →