[Web] Nettoyer un CSS ? - Page 5 - Sujet de discussion
Aller au contenu principal
Toute l'actualité du jeu vidéo indépendant
  • Inscription
  • Connexion
  • Contact
  • FAQ
  • Première visite ?
  • Inscription
  • Connexion
  • Accueil
  • Articles
  • News
  • Tests
  • Jeux
    • Jeux à télécharger
  • Vidéos
    • Trailers
  • Forum
Accueil » Forum de l'indé » Divers » Blabla général du forum » [Web] Nettoyer un CSS ?
Connectez-vous ou inscrivez-vous pour publier un commentaire
Dernier message

Pages

  • « premier
  • ‹ précédent
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • suivant ›
  • dernier »
53 commentaires
ColChope
Portrait de ColChope
Inscrit le : 20/05/2014
Commentaires : 71
Messages : 542
#42
  • Connectez-vous ou inscrivez-vous pour publier un commentaire
Message Sujet: Re: [Web] Nettoyer un CSS ?     07/09/2015 à 20:59

Bon, tout compte fait, je vais quand même essayer, j'ai rien d'autre à faire pour l'instant :3

Une autre question, mais là peut être que tu n'en sais rien : Sais-tu comment faire sur un site mobile pour forcer l'affichage de la version web ? Tu sais, le lien "Affichez la version PC" souvent disponible sur les versions mobiles d'un site ! Eh bien je cherche à faire la même chose !

Seldell
Administrateur
Portrait de Seldell
Inscrit le : 10/07/2013
Commentaires : 1456
Messages : 632
#43
  • Connectez-vous ou inscrivez-vous pour publier un commentaire
Message Sujet: Re: [Web] Nettoyer un CSS ?     08/09/2015 à 00:22

Il faut un sous domaine. Le site mobile a le préfixe de domaine "m" en général. Genre m.monsite.fr et le lien version PC mène au domaine principal, donc monsite.fr. Les deux domaines ont un template graphique différent. L'un totalement responsive et l'autre pas. A l'arrivée de l'utilisateur sur le site, il est redirigé vers la version mobile si détecté comme étant sur tablette ou smartphone.

Trop de stress pour un si petit renard.

AlphaPizza
Portrait de AlphaPizza
Inscrit le : 22/07/2014
Commentaires : 61
Messages : 85
#44
  • Connectez-vous ou inscrivez-vous pour publier un commentaire
Message Sujet: Re: [Web] Nettoyer un CSS ?     08/09/2015 à 03:02

Il n'y a pas forcément besoin de sous-domaine. Après, la méthode pour empêcher le déclenchement des éléments responsive mobile dépend de la façon dont le site a été construit.

En regardant les sources de ta page, ton site semble utiliser la lib Skel.js pour switcher automatiquement les css à utiliser selon la taille de la fenêtre. Enfin, plutôt une ancienne version de Skel.js.

En regardant vite fait dans la documentation, il y a des fonctions toutes prêtes pour ça :

IMAGE(http://i.imgur.com/jZwjZQ4.jpg)

Et aussi une configuration à définir pour que le lock soit global et pas juste activé sur une seule page :
IMAGE(http://i.imgur.com/hXJIPY6.jpg)

Attention par contre, cette lib semble utiliser la méthode du meta tag viewport, qui devrait fonctionner sur les navigateurs mobiles usuels, mais de souvenir c'est pas terrible, niveau support, sur les navigateurs desktop (du moins ça ne réagit pas comme sur smartphone, par contre certains implémentent le @viewport en CSS, mais ça n'a pas l'air d'être utilisé par Skel.js).

Donc pour tester le résultat, il vaut mieux que tu utilises ton smartphone, plutôt que de tenter de le faire avec ton navigateur desktop et en réduisant la taille de la page.

squale
Portrait de squale
Inscrit le : 06/11/2013
Commentaires : 32
Messages : 74
#45
  • Connectez-vous ou inscrivez-vous pour publier un commentaire
Message Sujet: Re: [Web] Nettoyer un CSS ?     08/09/2015 à 13:04

@Seldell On utilise de moins en moins cette technique, avec les media queries en CSS3 tu définis tes points de rupture où ton site doit basculer sur d'autres réglages CSS.

http://www.alsacreations.com/article/lire/930-css3-media-queries.html

Venez apprendre à créer des jeux vidéo avec la Communauté française de Construct : www.construct-french.fr

Seldell
Administrateur
Portrait de Seldell
Inscrit le : 10/07/2013
Commentaires : 1456
Messages : 632
#46
  • Connectez-vous ou inscrivez-vous pour publier un commentaire
Message Sujet: Re: [Web] Nettoyer un CSS ?     08/09/2015 à 13:06

Colchope parlait explicitement d'un lien "Accéder à la version PC", ce qui n'est pas quelque chose qu'on trouve dans les designs responsives avec points de rupture Content

Marginal Gamers est fait avec les medias queries. Content

Trop de stress pour un si petit renard.

ColChope
Portrait de ColChope
Inscrit le : 20/05/2014
Commentaires : 71
Messages : 542
#47
  • Connectez-vous ou inscrivez-vous pour publier un commentaire
Message Sujet: Re: [Web] Nettoyer un CSS ?     08/09/2015 à 14:35

Seldell, je n'ai aucun sous-domaine moi.

Je m'y connais clairement moins bien que vous, et je sais juste qu'une version mobile était prise en charge pour le template que j'ai utilisé. Après, ça n'a pas été très difficile de changer de trois trucs.

AlphaPizza, j'y connais que dalle en JS, donc si il faut que j'utilise ce qui est donné dans la documentation, je n'ai absolument aucune idée de comment le mettre en place.
Si tu dis que skel ne permet pas que ça se fasse en CSS, tant pis, de toute façon la version mobile sera probablement peu utilisée Tire la langue
Merci en tout cas pour ton commentaire précis, comme d'habitude !

Seldell
Administrateur
Portrait de Seldell
Inscrit le : 10/07/2013
Commentaires : 1456
Messages : 632
#48
  • Connectez-vous ou inscrivez-vous pour publier un commentaire
Message Sujet: Re: [Web] Nettoyer un CSS ?     08/09/2015 à 14:55

Je signalais juste qu'un site responsive n'a, théoriquement, pas de lien "Accéder à la version PC" puisque c'est un design qui s'adapte tout seul à la taille de l'écran, indépendamment que l'utilisateur soit détecté comme étant sur mobile, tablette ou ordi. S'il y a un lien pour rejoindre une version PC, c'est que c'est un système avec un sous domaine dédié au mobile, et que l'utilisateur peut y avoir été dirigé par erreur car la détection peut échouer, d'où le lien pour permettre à l'utilisateur de rejoindre le domaine qui lui est réservé, avec l'agencement prévu, au cas où. Ravi

Trop de stress pour un si petit renard.

AlphaPizza
Portrait de AlphaPizza
Inscrit le : 22/07/2014
Commentaires : 61
Messages : 85
#49
  • Connectez-vous ou inscrivez-vous pour publier un commentaire
Message Sujet: Re: [Web] Nettoyer un CSS ?     08/09/2015 à 19:40

Le mode "Desktop", même sur un site responsive, n'implique pas forcément la présence d'un sous-domaine dédié (même si ça reste une technique valide).
Il "suffit" de désactiver les points de rupture "mobile" pour que le site ne déclenche pas les modes adaptés/dégradés malgré la taille de l'écran réduite.
C'est plus ou moins simple si on utilise une bibliothèque qui le gère de base (ce que skelJS semble faire), sinon faut mettre un peu la main à la patte et le faire sois-même avec un peu de Javascript et des cookies/localstorage/sessionstorage, ou du code serveur qui ne renvoi pas les css "mobile" si un cookie lui dit que l'utilisateur n'en veut pas.

Sinon, @ColChope, c'est vraiment pas compliqué d'utiliser les méthodes fournies par SkelJS, c'est l'histoire de quelques lignes à rajouter.

Dans ton fichier /js/init.js, à la fin du fichier, mais avant le "})(jQuery);" qui ferme le tout, rajoute ces quelques lignes :

skel.config.lock.path = "/";

$(function() {
$('#lockDesktop')
.text('Affichage ' + (skel.isLocked() ? 'mobile' : 'bureau'))
.on('click', function(){
if(skel.isLocked()) skel.unlock();
else skel.lock(1440);
});
});

Edit: j'utilise la base [quote] vu que la balise [code] semble cassée.

Ensuite, dans ton template HTML, rajoute une ancre ou un bouton qui aura pour id "#lockDesktop", par exemple :
<button id="lockDesktop"></button>

Et c'est tout, normalement, sur mobile quand tu cliqueras sur le bouton, il rechargera la page en mode "bureau" (en réalité, ça force le viewport à 1440px de large, tu peux mettre la valeur que tu veux tant que ça dépasse la taille minimale qui fait passer en mode "mobile"). En recliquant sur le bouton, l'utilisateur repasse en mode "normal".

ColChope
Portrait de ColChope
Inscrit le : 20/05/2014
Commentaires : 71
Messages : 542
#50
  • Connectez-vous ou inscrivez-vous pour publier un commentaire
Message Sujet: Re: [Web] Nettoyer un CSS ?     08/09/2015 à 20:22

Génial Alpha, ça marche très bien !
Merci beaucoup à vous ! Joyeux

MrTogimaro
developpeur
Portrait de MrTogimaro
Inscrit le : 23/08/2015
Commentaires : 0
Messages : 35
#51
  • Connectez-vous ou inscrivez-vous pour publier un commentaire
Message Sujet: Re: [Web] Nettoyer un CSS ?     09/09/2015 à 17:39

Désolé du retard, quelques bugs ont été résolu! Joyeux
Voici le ptit lien de l’exécutable, c'est une version sans installation si il y a des soucis je peux te passer sinon la version à installer (souvent un problème de framework que l'installateur inclus)

Le tuto:
Tu dois d'abords charger ton html ou ton CSS.
Tu peux le faire de 3 façon!

  • Par un lien relatif, l'exe doit être dans le dossier de ton site et tu tape juste "index.html" par exemple (le site peut etre plus tard "site/index.html" ou plus tôt "../index.html" dans l'arborescence bien entendu)
  • Par un lien absolu (exemple "C:/Users/ColChope/Documents/MonSite/index.html")
  • Par une url ("http://localhost/MonSite" par exemple en cas d'utilisation du PHP via un environnement WAMP, l'http:// est indispensable en cas de saisie d'URL)

Ensuite tu dois analyser l'html ou le css rentré, attention toutefois, le css doit être nickel et ne présenter aucunes erreurs d'accolade au risque de zapper des class/id, (les accolades et les class/id mis en commentaires sont pour l'instant compter et peuvent faire des erreurs dans l'analyse, ce sera corriger (en plus c'est simple à faire mais j'ai pas le temps Géné ))
Idem les class/id doivent etre mis entre " " ou entre ' ' dans l'html sinon ça fait nawak (c'est aussi sur ma todo list)

Tu peux refaire ces deux étapes pour chaque fichiers de ton site ou en changeant les paramètres $_GET en cas d'utilisation du PHP, tu peux ensuite faire la comparaison entre les deux analyses et voir les class/id en trop depuis le css! (Je n'ai pas fait l'inverse avec l'html, les class/id pouvant servir dans les ancrages et le javascript sans pour autant être mis dans le css)

Le logiciel ne casse pas trois pattes à un canard mais ça peut toujours servir Ravi

D'ailleurs je me pose une question, dans quelle section je pourrai demander conseils pour un problème Algorithique/Mathematiques pour une implémentation dans un jeu? Le sujets n'est pas vraiment le jeu (ca concerne l'utilisation de courbe de bezier (ou d'autre spline) pour rendre un pathfinding moins lineaire), du coup je ne penses pas que la partie dédié a la création de jeu soit coherente

Pages

  • « premier
  • ‹ précédent
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • suivant ›
  • dernier »

Commentaires

Avatar de oursique
oursique sur Final Vendetta, un beat'em up 2D à la rescousse d'une jeune fille enlevée par un gang de rue
j'espère qu'il tiendra ses promesses !
Avatar de Seldell
Seldell sur Eternal Threads, manipulez le temps pour les sauver quoiqu'il en coûte
Si j'obtiens une clé, j'aimerai. J'aime ce genre de jeu :)
Avatar de Knils
Knils sur Kao the Kangaroo, une mascotte oubliée fait son retour
Ça sent le jeu à la Yooka Laylee, qui est vraiment pas mal du...

Première visite ?

Bienvenue sur IndieMag, le magazine du jeu indépendant ! Découvrez au quotidien des news sur les nouveautés, les mises à jour et des vidéos pour ne rien manquer de l'essentiel de l'actualité de la scène indépendante.

  • Contact
  • FAQ
  • Première visite ?

Depuis 2013 - IndieMag : l'actu du jeu vidéo indé.

Mon corps est en pleine indépendance : il me faut de l'eau !