Mobile Web Development
The purpose of responsive design is to have one site, but with different elements that respond differently when viewed on devices of different sizes.
Responsive web design is the practice of building a website suitable to work on every device and every screen size, no matter how large or small, mobile or desktop.
Workflow and tooling is incredibly important for building great web apps, and this carries over to mobile web development.
Designing for the mobile web is all about a smooth user experience and we’ll introduce many ideas to achieve this.
Mobile means lots of different devices and form factors. We’ll discuss how to make your site responsive, clean, and user-friendly on multiple devices and layouts.
Media requirements are different in mobile - network constraints and very high resolution screens set up a conflict that can be challenging. Your mobile web applications and adaptively scaling images based on the environment.
Users expect a fast, seamless experience on mobile. We’ll go over optimizing various performance metrics to improve that experience, such as network, cpu, rendering, and battery performance.
Touch input is fundamentally different from mouse input, and requires you to think about your user interactions differently. We’ll go over UX concerns with touch-based interaction, and how to design user interactions that work across devices.
Using a keyboard on mobile is awful. We’ll discuss ways to improve it, using semantic input for form data, and other user input options on mobile.
Mobile devices have a full array of sensors typically unavailable on desktop. We’ll talk about camera access, geolocation, and other sensors and feedback you have access to on mobile.
It’s an unfortunate reality that mobile users aren’t always online. We’ll go over using the local cache as well as local storage APIs to give your users a great offline (and partially-online) experience as well.