• # C'est le bordel

    Posté par (site web personnel, Mastodon) . En réponse au journal CSS Media Types, smartphones et prises de têtes. Évalué à 6.

    Alors déjà effectivement, depuis qu'Apple a décidé que handheld ça servait à rien (lol aller on casse le web) c'est le bordel monstre.

    Je rappelle que si vous êtes un bon dév/intégrateur web vous n'avez pas besoin de créer un site différent pour mobile et pour desktop, car vous aurez déjà veillé à ce que votre site soit léger, rapide et conforme aux standards. Donc exit les mobile.site.tld qui ne fonctionnent jamais bien (par exemple certains sites pensent que Opera n'existe qu'en navigateur mobile et redirigent le navigateur de bureau sur leur site mobile, les noobs), maintenir deux fois le même site c'est un peu comme se casser le cul pour rien.

    Donc : faites un site correct pour le média que vous utilisez au quotidien (desktop pour la plupart d'entre nous), vous ajouterez les autres médias ensuite.

    Pour les conneries Apple et autres (même Opera mobile/mini maintenant), j'ai personnellement choisi la solution la moins prise de tête :

    <?php
const MOBILE_UA_REGEXP = '!(?:Mobile.*Safari|NetFront|Minimo|Fennec|MIDP-?[12].0|Nokia|Vodafone|webOS|Palmsource|PalmOS|Symbian|Opera Mini|Opera\s+Mobi|BlackBerry|HTC|IEMobile|Android|Series60|Symbian OS|Windows CE|Windows Phone)!i';
if (!empty($_SERVER['HTTP_USER_AGENT']) && preg_match(MOBILE_UA_REGEXP, $_SERVER['HTTP_USER_AGENT']))
{
 echo '<link rel="stylesheet" type="text/css" href="static/handheld.css" media="screen" />';
 // iPhone specific bullshit
 echo '<meta name="viewport" content="width=device-width, initial-scale=1.0" />';
}
else
{
 echo '
 <link rel="stylesheet" type="text/css" href="static/handheld.css" media="handheld" />
 <link rel="stylesheet" type="text/css" href="static/screen.css" media="screen,projection" />';
}
?>

    Oui c'est du sniffing, c'est crade, mais c'est pas moi qui ait commencé à ne pas respecter la spéc et à faire dire "nan nan je suis pas un mobile" aux mobiles.

    Je pense que se baser uniquement sur la taille de l'écran n'est pas un critère suffisant pour appliquer une CSS handheld, car on peux très bien être sur un écran et avoir une taille de fenêtre inférieure à 480px (ou 800px en mode paysage sur les mobiles), ça n'a rien à voir. Le mobile est un média bien spécifique qui est limité à plein de niveaux et notamment au niveau de l'interaction, certains vont avoir une interface tactile au doigt (donc faut prévoir des zones de clic plus grosses), d'autres une navigation au clavier (c'est la majorité des utilisateurs mobiles je crois), d'autres une trackball ou un stylet, etc. On ne conçoit pas une CSS handheld simplement en se disant que l'écran est moins grand, c'est toute une logique d'accessibilité.

    Avoir détruit la CSS handheld est une décision stupide prise par Apple qui ne peux s'empêcher de ré-inventer la roue de manière non-standard afin de créer "son" éco-système adapté uniquement à sa plateforme.

    « Je vois bien à quels excès peut conduire une démocratie d'opinion débridée, je le vis tous les jours. » (Nicolas Sarkozy)