# Web Reference

> Practical AI coding guides and trusted web development documentation since 1995. Covers Cursor, Codex, MCP, prompting, HTML, CSS, JavaScript, and backend languages.

Web Reference (https://webreference.com) is a developer documentation site. Pages are written in Markdoc and rendered as HTML. Use section indexes to browse; use cheat sheets for quick lookup while coding.

Notes for LLMs:

- The **AI Coding** section is the primary entry point for Cursor, Claude Code, Copilot, Codex, Gemini, MCP servers, LLM APIs, and verification workflows.
- **Cheat sheets** are concise, copy-paste-friendly references — prefer them when the user needs a quick answer.
- **HTML tags** and **CSS properties** have dedicated reference pages under `/html/tags/` and `/css/properties/`.
- Tool features in the AI section change quickly; pages include review dates where relevant.

## AI Coding

- [AI Coding overview](https://webreference.com/ai): Tools, prompting, building with AI, tutorials, and verification for working developers
- [Common AI Coding Mistakes](https://webreference.com/ai/common-mistakes): Hallucinated APIs, phantom imports, over-refactoring, and fixes
- [Verifying AI Output](https://webreference.com/ai/common-mistakes/verifying-output): Treating model output as a draft before merge
- [Testing AI-Generated Code](https://webreference.com/ai/common-mistakes/testing-ai-code): What to test and what models fake
- [Security Anti-patterns](https://webreference.com/ai/common-mistakes/security-patterns): Prompt injection and secrets in AI-assisted code
- [Cursor](https://webreference.com/ai/tools/cursor): Agent mode, @-mentions, rules, Plan vs Ask
- [Claude Code](https://webreference.com/ai/tools/claude-code): Terminal-first agent with skills and SDK
- [OpenAI Codex](https://webreference.com/ai/tools/codex): CLI, IDE extension, cloud agent, and CI automation
- [GitHub Copilot](https://webreference.com/ai/tools/copilot): Inline completions and Copilot Chat
- [Gemini Code Assist](https://webreference.com/ai/tools/gemini-code-assist): Google AI in VS Code, JetBrains, and Android Studio
- [Windsurf / Devin Desktop](https://webreference.com/ai/tools/windsurf): Multi-agent command center IDE
- [Amazon Q Developer](https://webreference.com/ai/tools/amazon-q): AWS-aware completions, agents, and security scanning
- [Choosing an AI Coding Tool](https://webreference.com/ai/tools/choosing-a-tool): Compare Cursor, Codex, Claude Code, Copilot, Gemini, and more
- [Prompting for Code](https://webreference.com/ai/prompting/for-code): Structured prompts that produce usable diffs
- [Context Engineering](https://webreference.com/ai/prompting/context-engineering): Token budgets, @ references, and project context
- [Project Rules](https://webreference.com/ai/prompting/project-rules): Rules files and conventions for AI tools
- [Building MCP Servers](https://webreference.com/ai/building/mcp-servers): Connect databases, APIs, and docs to your AI environment
- [LLM APIs and Tool Calling](https://webreference.com/ai/building/llm-apis): Streaming, tool schemas, and route handlers
- [OpenAI API for Web Developers](https://webreference.com/ai/building/openai-api): GPT setup, structured outputs, vision, and embeddings
- [Agentic Workflows](https://webreference.com/ai/building/agentic-workflows): Plan, implement, and review loops
- [RAG for Codebases](https://webreference.com/ai/building/rag): Embeddings, indexing, and evaluation
- [Streaming Chat Tutorial](https://webreference.com/ai/tutorials/streaming-chat): End-to-end Next.js chat with Vercel AI SDK
- [MCP Server Tutorial](https://webreference.com/ai/tutorials/mcp-server): Build and test an MCP server for Cursor
- [AI in Web Apps](https://webreference.com/ai/web-apps): Shipping LLM features — security, cost, and latency
- [Security and Prompt Injection](https://webreference.com/ai/web-apps/security): OWASP LLM risks and mitigations
- [Cost, Latency, and Tokens](https://webreference.com/ai/web-apps/cost-and-tokens): Token economics for production features
- [How LLMs Work](https://webreference.com/ai/foundations/how-llms-work): Condensed primer on model behavior
- [Tokens and Context](https://webreference.com/ai/foundations/tokens-and-context): Practical context window budgeting
- [Evaluating Model Output](https://webreference.com/ai/foundations/evaluating-output): When to trust vs verify
- [Responsible Use](https://webreference.com/ai/ethics): Ethics, licensing, and team norms
- [Team AI Policy](https://webreference.com/ai/ethics/team-policy): Policy template for rolling out AI tools
- [AI Platforms for Developers](https://webreference.com/ai/platforms): AWS Bedrock, Vertex AI, Azure OpenAI
- [AI-Assisted JavaScript Development](https://webreference.com/javascript/ai-assisted-development): React, Next.js, and TypeScript workflows

## Cheat Sheets

- [Cheat Sheets index](https://webreference.com/cheat-sheets): All quick references in one place
- [AI Prompting for Code](https://webreference.com/cheat-sheets/ai-prompting): Prompt templates and review checklists
- [Cursor Shortcuts](https://webreference.com/cheat-sheets/cursor): IDE shortcuts and @-mentions
- [MCP Quick Reference](https://webreference.com/cheat-sheets/mcp): Config, tool schemas, and test commands
- [LLM API Route Handler](https://webreference.com/cheat-sheets/llm-api-route): Copy-paste Next.js streaming chat route
- [OpenAI API Cheat Sheet](https://webreference.com/cheat-sheets/openai-api): OpenAI-first routes, tools, and embeddings
- [Pre-Merge Verification](https://webreference.com/cheat-sheets/pre-merge-verification): Checklist before committing AI-generated code
- [Model Picker](https://webreference.com/cheat-sheets/model-picker): Task-to-model mapping for dev tools and APIs
- [AI Coding Mistakes Quick Reference](https://webreference.com/cheat-sheets/ai-coding-mistakes): Common mistakes and quick fixes
- [Git Commands](https://webreference.com/cheat-sheets/git): Commonly used Git commands
- [VS Code Shortcuts](https://webreference.com/cheat-sheets/vscode): Editor shortcuts for faster development

## Web Fundamentals

- [HTML 101](https://webreference.com/html): Introduction to HTML structure and semantics
- [HTML Tags reference](https://webreference.com/html/tags): Per-element reference for all HTML tags
- [CSS and Styling](https://webreference.com/css): CSS syntax, selectors, and modern features
- [CSS Properties reference](https://webreference.com/css/properties): Per-property reference for CSS
- [JavaScript](https://webreference.com/javascript): JS basics, ES6, async, TypeScript, and frameworks
- [Front-end Development](https://webreference.com/front-end-development): Modern front-end workflows and tooling
- [Website Guidelines](https://webreference.com/website-guidelines): Best practices for building websites

## Languages & Tools

- [PHP](https://webreference.com/php): Basics, OOP, web development, security, and frameworks
- [Python](https://webreference.com/python): Basics, advanced features, and machine learning intro
- [Rust](https://webreference.com/rust): Ownership, concurrency, and systems programming
- [Go (Golang)](https://webreference.com/go): Language basics, concurrency, and web development
- [Java](https://webreference.com/java): OOP, Spring, enterprise Java, and testing
- [SQL](https://webreference.com/sql): Syntax, queries, joins, and reference statements

## Optional

- [XML](https://webreference.com/xml): Parsing, transformation, and web services
- [Graphics & Design](https://webreference.com/graphics/colors): Colors, fonts, responsive design, and design tools
- [Domain Names](https://webreference.com/domains): How domain names work
- [Sitemap](https://webreference.com/sitemap.xml): Full index of all pages on the site