Optimize User Experience for Mobile Devices and Browsers

htmlHTML 5
cssCSS
androidAndroid
iosiOS
ClockIcon32m
Rory Smith
By

Rory Smith

Rory is a front end developer from Somerset in the UK. He is most interested in building beautiful, practical and accessible user interfaces using React. He lives in Leeds with his partner Vel, who is also a web developer.

About the Course

A lot of the time, web apps are built primarily with the desktop layout in consideration, and the mobile layout suffers as a result. In this course we are going to discuss using features of user interface which are optimised for mobile devices.

We are going to discuss CSS features that make a big difference and build entire components that work great on mobile devices and browsers. We are going to take into account browser support to ensure our users are getting the experience we want them to.

More and more of our users depend on their mobile device to use our web apps. With this in mind, we are going to look at how to optimise the components we build for smaller viewports, and how to ensure our customer gets an optimised version of our web app for their device.

We are going to discuss different ways we can view, test, and debug our web app in a mobile setting so that we know what we are seeing is what our user is seeing, because sometimes a desktop browser emulating a mobile device just isn’t enough.