I call those two different types:
- Client-side mobile optimization.
- Server-side mobile optimization.
(Edit 2020-04-10: A few weeks ago, I have found that they actually have dedicated names! Responsive web design and Dynamic Serving.)
The former one usually uses `` queries in CSS to adapt page elements to both mobile and desktop screen widths.
The latter one delivers a different page layout based on the browser's user agent.
Examples
Example sites that use client-side mobile optimization:
- Poal.co
- Voat.co
- Phuks.co (based on same software as Poal.co, “throat”)
- BitChute.com
- MediaWiki's legacy “monobook” and “timeless” layouts (not to be confused with their modern mobile website)
- Gab.ai
- Vlare.TV
Example sites that use server-side mobile optimization:
- Twitter
- YouTube (although they allow manual selection through URL parameters
app=desktop, app=m and persist_app=1.)
- Instagram
Dailymotion mixes both methods: It uses client-side mobile optimization for the website layout and server-side mobile optimization for the video player UX, making it touch-friendly if it detects a touch screen device.
Some websites (e.g. VidLii, Saidit.net) are only optimized for desktop so far.
(I would write a WikiVersity article about it, but Wikimedia, of which both Wikipedia and Wikiversity are a part, currently does not seem to appreciate prolific editors.)
I call those two different types:
* Client-side mobile optimization.
* Server-side mobile optimization.
(Edit 2020-04-10: A few weeks ago, I have found that they actually have dedicated names! *Responsive web design* and *Dynamic Serving*.)
The former one usually uses `@media` queries in CSS to adapt page elements to both mobile and desktop screen widths.
The latter one delivers a different page layout based on the browser's user agent.
# Examples
## Example sites that use **client-side** mobile optimization:
* Poal.co
* Voat.co
* Phuks.co (based on same software as Poal.co, *“throat”*)
* BitChute.com
* MediaWiki's legacy “monobook” and “timeless” layouts (not to be confused with their modern mobile website)
* Gab.ai
* Vlare.TV
## Example sites that use **server-side** mobile optimization:
* Twitter
* YouTube (although they allow manual selection through URL parameters *`app=desktop`*, *`app=m`* and *`persist_app=1`*.)
* Instagram
Dailymotion mixes both methods: It uses client-side mobile optimization for the website layout and server-side mobile optimization for the video player UX, making it touch-friendly if it detects a touch screen device.
Some websites (e.g. VidLii, Saidit.net) are only optimized for desktop so far.
^((I would write a WikiVersity article about it, but Wikimedia, of which both Wikipedia and Wikiversity are a part, currently does not seem to appreciate prolific editors.\))
(post is archived)