Modern Web Guidance is now stable! Upgrade your coding agents with expert-vetted web development best practices. Read the announcement.
AI and the Web
The future of the web is now. Understand how AI and machine learning can be used by developers to build a more powerful web experience.
What is AI?
Understand the basics and definitions of the various emerging technologies, often referred to as AI.
Ethics and AI
As web practitioners, it's critical that we build new technology thoughtfully and responsibly.
Right-sized AI
Pick the best model size and delivery for your use case. It's good for business, users, and the planet.
COURSE
New to AI?
In this course, we introduce blueprints for web developers to build AI features responsibly. Learn how to define your use case, pick a platform, and effectviely prompt with generative AI.
Understand LLM sizes
Take a look at a few real-world LLMs and the practical implications of different model sizes.
Compare model capabilities
Evaluate models and prompts with the LLM as a judge technique. Delegate validation to another LLM, instead of humans.
Choose a small, efficient model
We've outlined different model types so you can choose a right-sized, sustainable model for your application.
Improve performance and UX for client-side AI
Discover benefits such as low latency, reduced server-side costs, no API key requirements, increased user privacy, and offline access.
Cache models in the browser
Help your applications launch faster by caching the the model on-device.
Download AI models with the Background Fetch API
Improve the user experience of downloading large AI models with a progressive enhancement.
COURSE
Test your AI applications
Stop relying on intuition. Use measurements and data to evaluate your AI applications with evaluations.
Introduction to agents
AI agents are the latest web user that benefits from your optimization.
Build agent-friendly websites
When designing your websites for agents and humans, you can follow similar best practices.
Upgrade your site search
Discover techniques to get contextual results from generative AI, at-scale.
Part 1: Client-side AI to combat online toxicity
Why toxicity detection matters and how you can use client-side AI to mitigate toxicity at its source.
Part 2: Build client-side AI toxicity detection
Learn how to build a client-side AI system to detect and mitigate toxicity at its source.
Product review suggestions
Online stores can see a 270% increase in conversions by displaying product reviews. Support better reviews with client-side AI.
Build a chatbot with WebLLM
WebLLM combines WebAssembly and WebGPU to perform on-device inference. Build a local and offline-capable chatbot in a classic to-do list application.
Build a chatbot with the Prompt API
Build a local and offline-capable chatbot in a classic to-do list application with an exploratory API from Google Chrome, the Prompt API.
Gemini on the web
Learn how to access the Gemini API on the web, with the Google AI JavaScript SDK.
Responsible AI toolkit
Learn how to use AI responsibly, with best practices and resources.
Built-in AI APIs
Execute our most efficient model of the Gemini in Chrome, on-device.
Discover Console Insights
Ask Gemini to provide insights right in the DevTools Console, so you can better understand errors and warnings.
Use client-side AI
Client-side AI brings powerful models to users, while protecting data privacy and improving latency.
Supercharge Web AI model testing
Setting up a consistent testing environment with GPUs can be harder than expected. See the problems we faced and how we solved them, to improve your application performance.
Machine Learning for web practitioners
This introduction is aimed creatives, web developers, and JavaScript practitioners interested in using machine learning in their next project or idea.
AI, ML, and Deep Learning
Learn the foundations and definitions for some of the industry's most used buzzwords, and what they actually refer to.
What are pre-trained models?
Using pre-trained models can allow you to prototype an idea faster. In some cases, you can use these models in production.