Web Dev Guides - CSS, JS & Frontend

CSS

Styling, layouts, and modern CSS features

15 guides

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

3 guides

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

7 guides

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

11 guides

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