Design & Motion
Creating a Digital Clock in After Effects: Timer and Counter Animation
Build a digital clock in After Effects with a working count-up expression. Includes the AE 2022+ JS engine fix and full layer setup for an LED display look.
Hot topics
Topics
Choose what you want to build.
Find guides for designing, coding, automating tasks, and fixing problems.
01
Web & Frontend
Interfaces, browser technologies, React, JavaScript, CSS, and performance.
Browse guides 02Design & Motion
Visual design, motion, video production, 3D, and creative tool workflows.
Browse guides 03AI & Automation
Applied AI, agents, generative workflows, local models, and automation.
Browse guides 04DevOps & Systems
Git, Docker, terminals, operating systems, networks, and practical fixes.
Browse guidesWatch & build
Video tutorials.
Watch the walkthrough, then follow the written steps and examples.
The library
More field notes.
Claude Code Tutorial: From Setup to Advanced Workflows
Install Claude Code, run your first session, and move from basic prompts to permission modes, hooks, MCP servers, and custom skills as your workflow grows.
Explore
CSS Grid vs Flexbox: When to Use Each
CSS Grid vs Flexbox explained: content-first vs layout-first paradigms, concrete UI patterns for each, and when production code should combine both tools.
Explore
Responsive CSS Grid 4-Column Layout
A step-by-step guide to a responsive CSS Grid layout that collapses from four columns down to one, using auto-fit and minmax with zero media queries.
Explore
CSS Subgrid Explained: Support, Syntax and Use Cases
What CSS subgrid does, when to reach for it over nested grids, and practical patterns for aligning card footers and form fields across sibling containers.
Explore
CSS Grid Masonry Layout Without JavaScript
How to build a Pinterest-style masonry grid using pure CSS, three production-ready fallback methods, and where native CSS masonry support stands today.
Explore
auto-fit vs auto-fill in CSS Grid
The real difference between auto-fit and auto-fill in CSS Grid, with concrete UI use cases for each and how minmax() controls the responsive behavior.
Explore
grid-template-areas: Named CSS Grid Layouts
How to use grid-template-areas to build a readable, named CSS Grid layout, plus a full responsive dashboard example and common mistakes to avoid.
Explore
Sass @import Deprecated: How to Migrate to @use and @forward
Sass @import is deprecated in Dart Sass and will eventually break your build. Learn why it happens, what breaks, and how to migrate to @use and @forward.
Explore