In the early days of web design, pages were built to target particular screen sizes. If the user had a larger or smaller screen than the designer expected, results ranged from unwanted scrollbars to overly long line lengths and poor use of space. As more diverse screen sizes became available, the concept of responsive web design (RWD) appeared, a set of practices that allows web pages to alter their layout and appearance to suit different screen widths, resolutions, etc. It is an idea that changed the way we design for a multi-device web, and in this article, we'll help you understand the main techniques you need to know to master it.
Responsive Design | Resource
When a user touches a touch-based device, the resulted events are handled by TouchEvent Object. The touch events consist of three types of interfaces, i.e., Touch, TouchEvent, and TouchList. The Touch interface handles the single contact point events on a touch-sensitive device.
The events that have a list of contact points with a touch surface and one touchpoint per contact are handled by the TouchList interface. When an event is sent with the state of contact with touch-sensitive surface changes, those events are handled by the TouchEvent interface.
HTML | DOM TouchEvent | Resource
Given the study and practice work you have completed on Mobile Development, you will take your work and document it for submission as your mobile development project. Your project must meet the criteria on the Scoring Guide, and you will place the documentation for the project on the Scoring Guide.
Click here for Scoring Guide on LP1 PAT 2.