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
Animations
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
Related resources
Codelabs
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.