#no JavaScript animations
121 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 →
·3 min
Canvas + SVG Path Animation: A Complete Guide to Smooth Element Motion Along Curves
Learn how to combine Canvas and SVG for smooth path animations using getPointAtLength, easing functions, and coordinate caching for data visualization and interactive effects.
Read more →
·2 min
Jotform Website Widgets: A Guide to No-Code Embeddable Interactive Components
Jotform launches Website Widgets, a no-code tool for embedding reviews, booking, chat, popups, countdowns and more into any website in minutes. Full feature breakdown and competitive analysis.
Read more →
·3 min
Notate: An Annotation Tool for Humans and AI Agents That Freezes Dynamic UI States
Notate is a new annotation tool that freezes fleeting UI states like hover effects and open menus, enables frame-by-frame animation debugging, and provides structured context for AI agents.
Read more →
·2 min
Browser FX: A Review of the Real-Time Audio Effects Chrome Extension
Browser FX is a Chrome extension that captures audio from any tab for real-time effects processing, featuring studio-style knobs, Cymatic visualization, and MIDI controller support.
Read more →
·2 min
Running Manim in the Browser: Rebuilding 3Blue1Brown's Animation Engine with WebGPU
Explore how WebGPU brings 3Blue1Brown's Manim math animation engine to the browser, enabling zero-install, real-time mathematical visualization with interactive education potential.
Read more →
·3 min
Kimi K3 vs Claude Real-World Test: Near-Equal Performance at 1/8 the Price
Real-world comparison of Kimi K3 vs Claude flagship across e-commerce pages, 3D fighting games, and flight simulators. Kimi K3 delivers 90% output quality at 1/8 the price with faster speeds and local deployment support.
Read more →
·3 min
What Happens After You Click a Link? A Complete Technical Breakdown
From DNS resolution, TCP handshake, and TLS encryption to the Blink rendering engine — a detailed breakdown of what happens after you click a link.
Read more →
·2 min
Getting Started with Codex: A Practical Guide to OpenAI's AI Programming Assistant with Tips to Avoid Common Pitfalls
A detailed guide to OpenAI Codex's core features and setup, comparing it with Claude Code, plus practical tips for configuring DeepSeek and avoiding common pitfalls.
Read more →
·3 min
Getting Started with Claude Code: Installation, Configuration, and Three Working Modes Explained
Get started with Claude Code from scratch: detailed Windows installation, environment variable setup, China network bypass, and connecting to free Alibaba Cloud Bailian models—plus the three working modes.
Read more →
·2 min
Modern Web Guidance: Bringing Modern Web Standards to Your AI Coding Assistant
Modern Web Guidance is an agent skill & CLI tool that injects modern Web standards into AI coding assistants like Claude Code and Copilot CLI, replacing outdated polyfills with Baseline-validated solutions.
Read more →
·7 min
Claude Code Practical Tutorial: A Complete Beginner's Guide to Automating Your Entire Workflow
No coding required! This guide breaks down the complete Claude workflow: custom Projects, batch SEO content, one-sentence tool building with Artifacts, and Claude Code terminal ops—with real traffic-growth cases.
Read more →
·3 min
Modern Web Guidance: Helping AI Stop Writing Outdated Frontend Code
Chrome's Modern Web Guidance offers 100+ expert-reviewed guides to help AI Agents adopt modern web practices, fixing training data lag and legacy pattern recommendations with semantic search and Baseline compatibility checks.
Read more →
·3 min
Modern Web Guidance: Getting AI to Generate Better Front-End Code
Google Developer Expert Raudy shares Modern Web Guidance at Google I/O Connect Berlin: a framework steering AI coding assistants to use native HTML/CSS over outdated JavaScript patterns.
Read more →
·3 min
Zero-Code Cinematic Websites: A Complete Guide Using GPT Image 2 + Claude Code
No coding needed: use GPT Image 2 for assets, Claude Code for development, and Vercel for free deployment to build a cinematic scroll-driven brand website.
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 →
·3 min
GPT + Codex in Action: Building a Real-Time Typhoon Detection System in 20 Minutes
A developer used GPT and Codex to build a real-time typhoon detection system with 3D maps, timeline playback, and risk analysis — all in just 20 minutes.
Read more →
·2 min
Testing AI Scientific Engineering with the Three-Body Problem: From Numerical Integration to Chaos Visualization
A developer tasked GPT-5.6 Sol with building a three-body problem simulation site covering four integrators, chaos detection, and independent review. An in-depth look at AI's real scientific computing capabilities.
Read more →
·2 min
Modox AI Agent Update: HTML Flowcharts, Software Copyright Docs & One-Click Web App Generation
Modox, an academic AI agent built by a Bilibili creator, adds HTML flowcharts, software copyright docs, improved Word stability, and one-click web app generation.
Read more →
·3 min
CutWire Prism: A Free, Open-Source Node-Based Live Video Mixer Explained
CutWire Prism is a free, open-source node-based live video mixer supporting multi-source input, chroma key, background removal, Lua scripting, and web remote control. Available for Windows and Linux.
Read more →