Récemment, j'ai fait une modification sur un site : un menu à gauche passé
en position « fixed » histoire qu'il reste en place quand on fait défiler
les pages. Vu d'un écran 21" c'est mieux qu'avant, mais j'ai eu des
couinements d'utilisateurs d'écrans genre netbook ou à peine plus grands,
donc je vais devoir revenir en arrière.
Donc je me suis posé la question de savoir comment on pouvait déterminer
que l'utilisateur se connecte au site avec un petit écran (reste à définir
petit, oui, je sais), que ce soit un netbook ou un téléphone portable.
Comment s'y prendre pour utiliser une feuille de style différente selon
l'écran de l'utilisateur ?
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
rm
Salut Pascale, Le vendredi 15 octobre 2010 à 17:08, Pascale a écrit :
Récemment, j'ai fait une modification sur un site : un menu à gauche passé en position « fixed » histoire qu'il reste en place quand on fait défiler les pages. Vu d'un écran 21" c'est mieux qu'avant, mais j'ai eu des couinements d'utilisateurs d'écrans genre netbook ou à peine plus grands, donc je vais devoir revenir en arrière. Donc je me suis posé la question de savoir comment on pouvait déterminer que l'utilisateur se connecte au site avec un petit écran (reste à définir petit, oui, je sais), que ce soit un netbook ou un téléphone portable. Comment s'y prendre pour utiliser une feuille de style différente selon l'écran de l'utilisateur ?
Utiliser des Media queries ? http://dev.opera.com/articles/tags/media%20queries/
Un exemple de site qui exploite très bien ces choses : http://www.juslisen.com/
@+ -- rm
Salut Pascale,
Le vendredi 15 octobre 2010 à 17:08, Pascale a écrit :
Récemment, j'ai fait une modification sur un site : un menu à gauche passé
en position « fixed » histoire qu'il reste en place quand on fait défiler
les pages. Vu d'un écran 21" c'est mieux qu'avant, mais j'ai eu des
couinements d'utilisateurs d'écrans genre netbook ou à peine plus grands,
donc je vais devoir revenir en arrière.
Donc je me suis posé la question de savoir comment on pouvait déterminer
que l'utilisateur se connecte au site avec un petit écran (reste à définir
petit, oui, je sais), que ce soit un netbook ou un téléphone portable.
Comment s'y prendre pour utiliser une feuille de style différente selon
l'écran de l'utilisateur ?
Utiliser des Media queries ?
http://dev.opera.com/articles/tags/media%20queries/
Un exemple de site qui exploite très bien ces choses :
http://www.juslisen.com/
Salut Pascale, Le vendredi 15 octobre 2010 à 17:08, Pascale a écrit :
Récemment, j'ai fait une modification sur un site : un menu à gauche passé en position « fixed » histoire qu'il reste en place quand on fait défiler les pages. Vu d'un écran 21" c'est mieux qu'avant, mais j'ai eu des couinements d'utilisateurs d'écrans genre netbook ou à peine plus grands, donc je vais devoir revenir en arrière. Donc je me suis posé la question de savoir comment on pouvait déterminer que l'utilisateur se connecte au site avec un petit écran (reste à définir petit, oui, je sais), que ce soit un netbook ou un téléphone portable. Comment s'y prendre pour utiliser une feuille de style différente selon l'écran de l'utilisateur ?
Utiliser des Media queries ? http://dev.opera.com/articles/tags/media%20queries/
Un exemple de site qui exploite très bien ces choses : http://www.juslisen.com/
@+ -- rm
Pascale
rm écrivait news::
Utiliser des Media queries ? http://dev.opera.com/articles/tags/media%20queries/
Un exemple de site qui exploite très bien ces choses : http://www.juslisen.com/
Utiliser des Media queries ? http://dev.opera.com/articles/tags/media%20queries/
Un exemple de site qui exploite très bien ces choses : http://www.juslisen.com/
Je te remercie, je vais voir ces sites.
-- Pascale
Anne G
15/10/10 09:15, rm:
Salut Pascale, Le vendredi 15 octobre 2010 à 17:08, Pascale a écrit :
Récemment, j'ai fait une modification sur un site : un menu à gauche passé en position « fixed » histoire qu'il reste en place quand on fait défiler les pages. Vu d'un écran 21" c'est mieux qu'avant, mais j'ai eu des couinements d'utilisateurs d'écrans genre netbook ou à peine plus grands, donc je vais devoir revenir en arrière. Donc je me suis posé la question de savoir comment on pouvait déterminer que l'utilisateur se connecte au site avec un petit écran (reste à définir petit, oui, je sais), que ce soit un netbook ou un téléphone portable. Comment s'y prendre pour utiliser une feuille de style différente selon l'écran de l'utilisateur ?
Utiliser des Media queries ? http://dev.opera.com/articles/tags/media%20queries/
Un exemple de site qui exploite très bien ces choses : http://www.juslisen.com/
J'ai eu la surprise, l'autre jour, de voir apparaître une page Web adaptée pour iPhone dans mon laptop, parce que j'avais réglé User Agent Switcher sur cette option :)
15/10/10 09:15, rm:
Salut Pascale,
Le vendredi 15 octobre 2010 à 17:08, Pascale a écrit :
Récemment, j'ai fait une modification sur un site : un menu à gauche passé
en position « fixed » histoire qu'il reste en place quand on fait défiler
les pages. Vu d'un écran 21" c'est mieux qu'avant, mais j'ai eu des
couinements d'utilisateurs d'écrans genre netbook ou à peine plus grands,
donc je vais devoir revenir en arrière.
Donc je me suis posé la question de savoir comment on pouvait déterminer
que l'utilisateur se connecte au site avec un petit écran (reste à définir
petit, oui, je sais), que ce soit un netbook ou un téléphone portable.
Comment s'y prendre pour utiliser une feuille de style différente selon
l'écran de l'utilisateur ?
Utiliser des Media queries ?
http://dev.opera.com/articles/tags/media%20queries/
Un exemple de site qui exploite très bien ces choses :
http://www.juslisen.com/
J'ai eu la surprise, l'autre jour, de voir apparaître une page Web
adaptée pour iPhone dans mon laptop, parce que j'avais réglé User Agent
Switcher sur cette option :)
Salut Pascale, Le vendredi 15 octobre 2010 à 17:08, Pascale a écrit :
Récemment, j'ai fait une modification sur un site : un menu à gauche passé en position « fixed » histoire qu'il reste en place quand on fait défiler les pages. Vu d'un écran 21" c'est mieux qu'avant, mais j'ai eu des couinements d'utilisateurs d'écrans genre netbook ou à peine plus grands, donc je vais devoir revenir en arrière. Donc je me suis posé la question de savoir comment on pouvait déterminer que l'utilisateur se connecte au site avec un petit écran (reste à définir petit, oui, je sais), que ce soit un netbook ou un téléphone portable. Comment s'y prendre pour utiliser une feuille de style différente selon l'écran de l'utilisateur ?
Utiliser des Media queries ? http://dev.opera.com/articles/tags/media%20queries/
Un exemple de site qui exploite très bien ces choses : http://www.juslisen.com/
J'ai eu la surprise, l'autre jour, de voir apparaître une page Web adaptée pour iPhone dans mon laptop, parce que j'avais réglé User Agent Switcher sur cette option :)
rm
Le vendredi 15 octobre 2010 à 18:19, Anne G a écrit :
[...]
Comment s'y prendre pour utiliser une feuille de style différente selon l'écran de l'utilisateur ?
Utiliser des Media queries ? http://dev.opera.com/articles/tags/media%20queries/
Un exemple de site qui exploite très bien ces choses : http://www.juslisen.com/
J'ai eu la surprise, l'autre jour, de voir apparaître une page Web adaptée pour iPhone dans mon laptop, parce que j'avais réglé User Agent Switcher sur cette option :)
Si c'est du vulgaire browser-sniffing, c'est pas rigolo :-[ Enfin, le site n'était peut-être pas optimisé uniquement pour cet appareil...
@+ -- rm
Le vendredi 15 octobre 2010 à 18:19, Anne G a écrit :
[...]
Comment s'y prendre pour utiliser une feuille de style différente selon
l'écran de l'utilisateur ?
Utiliser des Media queries ?
http://dev.opera.com/articles/tags/media%20queries/
Un exemple de site qui exploite très bien ces choses :
http://www.juslisen.com/
J'ai eu la surprise, l'autre jour, de voir apparaître une page Web
adaptée pour iPhone dans mon laptop, parce que j'avais réglé User Agent
Switcher sur cette option :)
Si c'est du vulgaire browser-sniffing, c'est pas rigolo :-[
Enfin, le site n'était peut-être pas optimisé uniquement pour cet
appareil...
Le vendredi 15 octobre 2010 à 18:19, Anne G a écrit :
[...]
Comment s'y prendre pour utiliser une feuille de style différente selon l'écran de l'utilisateur ?
Utiliser des Media queries ? http://dev.opera.com/articles/tags/media%20queries/
Un exemple de site qui exploite très bien ces choses : http://www.juslisen.com/
J'ai eu la surprise, l'autre jour, de voir apparaître une page Web adaptée pour iPhone dans mon laptop, parce que j'avais réglé User Agent Switcher sur cette option :)
Si c'est du vulgaire browser-sniffing, c'est pas rigolo :-[ Enfin, le site n'était peut-être pas optimisé uniquement pour cet appareil...
@+ -- rm
yamo'
Salut,
Anne G a tapoté, le 15/10/2010 18:19:
J'ai eu la surprise, l'autre jour, de voir apparaître une page Web adaptée pour iPhone dans mon laptop, parce que j'avais réglé User Agent Switcher sur cette option :)
Je vois que tu as encore des ennuis avec les titres, encore une fois je constate que tu changes l'encodage par rapport au message auquel tu réponds alors qu'apparemment l'iso-8859-15 n'est pas nécessaire dans ton message, as tu essayé en mettant le réglage par défaut*?
L'idéal serait de faire un rapport de bug sur <https://bugzilla.mozilla.org/>
* par défaut Seamonkey ne change pas l'encodage sauf si c'est nécessaire.
-- Stéphane http://pasdenom.info
Salut,
Anne G a tapoté, le 15/10/2010 18:19:
J'ai eu la surprise, l'autre jour, de voir apparaître une page Web
adaptée pour iPhone dans mon laptop, parce que j'avais réglé User Agent
Switcher sur cette option :)
Je vois que tu as encore des ennuis avec les titres, encore une fois je
constate que tu changes l'encodage par rapport au message auquel tu
réponds alors qu'apparemment l'iso-8859-15 n'est pas nécessaire dans ton
message, as tu essayé en mettant le réglage par défaut*?
L'idéal serait de faire un rapport de bug sur
<https://bugzilla.mozilla.org/>
* par défaut Seamonkey ne change pas l'encodage sauf si c'est nécessaire.
J'ai eu la surprise, l'autre jour, de voir apparaître une page Web adaptée pour iPhone dans mon laptop, parce que j'avais réglé User Agent Switcher sur cette option :)
Je vois que tu as encore des ennuis avec les titres, encore une fois je constate que tu changes l'encodage par rapport au message auquel tu réponds alors qu'apparemment l'iso-8859-15 n'est pas nécessaire dans ton message, as tu essayé en mettant le réglage par défaut*?
L'idéal serait de faire un rapport de bug sur <https://bugzilla.mozilla.org/>
* par défaut Seamonkey ne change pas l'encodage sauf si c'est nécessaire.