Don't miss out on the action at this year's Chrome Dev Summit, happening on Oct 23rd and 24th. Learn more.

Design & UI

Web design and UI encompasses a few broad areas. What does a page look like? How does it behave? How does it respond to different screen sizes, input types, and devices?

Responsive design

Web surfing on mobile is growing astronomically. Unfortunately, much of the web isn't optimized for mobile devices, which are often constrained by display size and require a different approach to content layout.
Learn more

Basics of UX

A great user experience can be difficult to attain but is achievable if the design process is broken into smaller chunks. This article runs through the basics of UX design, based on Google's Design Sprint methodology. Learn more

User input

Information entry happens more often on mobile than on desktop these days. Mobile forms are hard to fill out. Learn how to make responses to entry and touch both intuitive and beautiful.
Create amazing forms
Adding touch to your site

Icons & browser colors

Modern browsers make it easy to customize components like icons and address bar color, and even add things like custom tiles. Simple tweaks can increase engagement and bring users back to your site.
Learn more


Users expect responsive and interactive interfaces. Animating them isn't straightforward. What should be animated, when, and what kind of feel should the animations have?
Learn more


Your First Multi-Device Site
It's not as hard to build fully responsive sites as you think, and to show you, this guide takes you through the steps that you can use to get started.

Chrome DevTools

Udacity courses

Responsive Web Design Fundamentals
In this course, you'll learn the fundamentals of responsive web design. You'll create your own responsive web page that works well on any device—phone, tablet, desktop, or anything in between.

Responsive Images
In this course, you'll learn how to work with images on the modern web, so that your images look great and load quickly on any device.