We're going to walk through how to create an adaptive web experience that's designed mobile-first. This article and demo will go over the following:
- Why we need to create mobile-first, responsive, adaptive experiences
- How to structure HTML for an adaptive site in order to optimize performance and prioritize flexibility
- How to write CSS that defines shared styles first, builds up styles for larger screens with media queries, and uses relative units
- How to write unobtrusive Javascript to conditionally load in content fragments, take advantage of touch events and geolocation
- What we could do to further enhance our adaptive experience
No comments:
Post a Comment