Interactive Guides
For Developers
Quick reference guides for modern web development.
Copy‑paste ready code with comprehensive explanations.
CSS
Styling, layouts, and modern CSS features
CSS Gradients
Master linear, radial, and conic gradients with patterns and effects.
CSS Transforms
Complete guide to translate, rotate, scale, skew, and 3D transforms.
CSS Transitions
Master smooth property animations with timing functions and delays.
CSS Grid
Complete CSS Grid reference with visual examples and layout patterns.
Modern CSS Selectors
Comprehensive guide to CSS selectors including :has(), :is(), and :where().
Flexbox Guide
Complete Flexbox reference with container and item properties and alignment.
CSS Centering
Complete guide to centering elements with Flexbox, Grid, and positioning.
CSS Functions
Complete reference for CSS functions like clamp(), min(), max(), and calc().
CSS Variables & Custom Properties
Complete guide to CSS Variables with scoping, theming, and JavaScript.
CSS Animations & Transitions
Quick reference to CSS animations and transitions with easing functions.
CSS Cascade Layers
Complete guide to @layer rule for managing specificity and organizing CSS.
Scroll-Driven Animations
Master scroll-timeline, animation-timeline, and view() for scroll-triggered effects.
Media Queries
Complete CSS media queries reference with breakpoints and range syntax.
CSS Container Queries
Master @container queries for component-based responsive design with modern CSS.
Dark Mode in CSS
Complete guide to implementing dark mode with system preferences and manual toggles.
HTML
Markup, accessibility, and semantic elements
HTML Entities
Complete HTML entities reference with symbols, arrows, and math operators.
HTML Accessibility & ARIA
Complete ARIA reference with roles, states, properties, and accessibility best practices.
HTML Media Elements
Complete guide to video, audio, picture elements, responsive images, and lazy loading.
JavaScript & TypeScript
Modules, types, APIs, and modern JS patterns
JavaScript Array Methods
Complete reference for JavaScript array methods organized by use case.
JavaScript ES Modules
import, export, dynamic import(), import.meta, and barrel file patterns.
JavaScript Promises & Async/Await
Master async JavaScript with Promises, async/await, and error handling patterns.
TypeScript Basics
Types, inference, unions, narrowing, and type vs interface.
TypeScript Generics
Generic functions, constraints, defaults, and reusable API types.
TypeScript Utility Types
Partial, Pick, Omit, Record, ReturnType, Parameters, and recipes.
Console Commands
Complete browser console reference for debugging and performance monitoring.
Development
Tools, workflows, and performance optimization
Launch a Website with AI
Beginner walkthrough for building a static site with Claude or Cursor and auto-deploying from GitHub to Netlify or DigitalOcean.
Context Engineering
Configure AGENTS.md, CLAUDE.md, Cursor rules, Copilot instructions, and more in one unified strategy.
OpenClaw Security Guide
Secure configuration for OpenClaw, Moltbot, and Clawdbot AI agents.
VS Code & Cursor Shortcuts
Complete keyboard shortcuts for VS Code and Cursor IDE with AI commands.
Git Commands
Essential Git commands for branching, committing, merging, and more.
Web Performance
Master Core Web Vitals, loading strategies, and optimization techniques.
Claude Skills
Create and configure SKILL.md files for AI agents in Cursor IDE.
Cursor Rules
Configure AI rules with .mdc files in the modern .cursor/rules/ system.
Copilot Instructions
Repository-wide and path-specific custom instructions for GitHub Copilot.
Gemini Gems & Skills
Create custom AI experts and configure GEMINI.md agent instructions.
Windsurf Rules
Global and workspace rules for Cascade AI in Windsurf IDE.
Design
Typography, design systems, and visual principles
Color Theory for Web Design
Master color schemes, psychology, accessibility, and palette creation.
Typography for Web Design
Complete typography guide with type scales, font pairing, spacing, and responsive design.
Design Systems & Tokens
Complete guide to design systems and design tokens for scalable design.