Building User Adaptive Interfaces with Preference Media Queries

Building User Adaptive Interfaces with Preference Media Queries

Channel:
United States Coding Tech
Subscribers:
725,000
Published on ● Video Link: https://www.youtube.com/watch?v=yPu4oE6FI1M


Duration: 44:43
3,631 views
148

In this Workshop, we are transforming and adapting a plain hypertext markup language (HTML) form with cascading style sheet (CSS) only, making it themeable, responsive, and animated. We use device-based media queries, user-based media queries, logical properties, and relative units to customize the interface to the context and preferences the user needs. As we customize, we use DevTools to inspect, emulate and verify that our design can adapt to as many users as possible.

PUBLICATION PERMISSIONS:
Original video was published with the Creative Commons Attribution license (reuse allowed). Link: https://www.youtube.com/watch?v=NQ-FQvsR-gY



Other Videos By Coding Tech


2021-07-12Macros for a More Productive Rust
2021-07-12WebAssembly Tutorial (WebAssembly vs JavaScript)
2021-07-11Intro to Reverse Engineering
2021-07-10Type safe GraphQL with TypeScript
2021-07-09Blockchain 101 (or How to Build a Blockchain with JavaScript)
2021-07-06Making JavaScript on WebAssembly Fast
2021-07-02VS Code Tips and Tricks for 2021
2021-07-01Introduction to Modern React (2 Hour Course)
2021-06-28Three Patterns To Scale Your Microservices
2021-06-27Common React Mistakes: useEffect, useCallback and useMemo Hooks
2021-06-25Building User Adaptive Interfaces with Preference Media Queries
2021-06-24Building Strongly Typed REST Clients with TypeScript
2021-06-23Micro-Frontends Simplified
2021-06-20Supercharging Decision Making with Bayes
2021-06-19A Fast Introduction to Fastify (NodeJS Web Framework)
2021-06-18Rust: Zero Cost Abstractions
2021-06-17JavaScript the Grumpy Parts
2021-06-16Up and Coming Standards in JavaScript Modules
2021-06-15Modern Reactive Java With Vert.x
2021-06-13Future of Ethereum: Chat with Vitalik Buterin
2021-06-12Design Patterns in TypeScript