Yvanoph Karim Modérateur ABC du Web Karim Yvanoph WebMaster 3Alannet webmaster@abc-du-web.com BP 116 7080 Menzel JEMIL Gouvernorat de BIZERTE Tunisie Yvanoph www.abc-du-web.com 0021625332209
Retour à l'Accueil du Mode d'Emploi du Forum XWebDesignor ?
   Accueil   Aide Rechercher Tags Identifiez-vous Inscrivez-vous  
Pages: [1]   Bas de page
  Imprimer  
Auteur Fil de discussion: XWebDesignor en Version "Responsive" - Facile avec LE JSC adéquate !  (Lu 5280 fois)
yvanoph
Administrator
Hero Member
*****
Hors ligne Hors ligne

Messages: 2 818


Le PIRE des défauts, ne pas RECONNAÎTRE une erreur


Voir le profil WWW
« le: Mar. 01 Septembre 2015 à 23:10:15 »

Bonjour / Bonsoir à toutes et tous !


Voilà bien un sujet qui fait ressortir régulièrement bien des questions restées à ce jour sans réponse officielle fiable !
Encore une d'ailleurs récemment publiée alors que PERSONNE ne peut être présent pour répondre ?
Ne PAS oublier qu'Admin s'est vanté, sous le régime de Micro Entreprise, d'être à QUATRE personnes pour administrer, créer, gérer et que savons nous encore ses "PRO-gramme"s ?
Alors que tout un chacun a bien noté que depuis mon départ, tout est manifestement CREUX !
SURTOUT après être allé se CACHER derrière un système de "Ticket" NON fonctionnel sous tous Navigateurs et en passe d'être là aussi abandonné, étant seul à répondre après avoir présenté de FAUX Pseudonymes susceptibles de gérer telle ou telle demande...


Bref, le "responsive" a des aspects indéniablement intéressants, puisque moi même les exploite depuis maintenant dix huit mois (12 Février 2014 en sortie officielle, alors que testé depuis six mois...), mais mis dans les mains d'IRRESPONSABLES il devient un outil manifestement DANGEREUX !
Il suffit de voir le nombre de Sites NON fonctionnels, ou mettant des "siècles" à passer ? Combien de Clic en haut à droite pour arrêter le massacre, faire cesser l'agonie de la malheureuse Page INVISIBLE à défaut de voir quelque chose être affiché ? Hors parfois seulement un misérable "loader" s'essoufflant à tourner sans fin lamentablement...


Un autre défaut du "responsive" se situe quand il est placé dans les mains de "PAS-grammeur"s pour un sou !
Avec leur vue étroite, pour l'instant je n'en ai pas vu UN capable de poser les choses correctement ! ! !
De toute évidence, TOUS ne voient ce fameux "responsive" QUE sous l'angle de son intégration dans de l'Html 5, ce qui est une TOTALE et COMPLÈTE ABERRATION en soi ? ? ?
Et oui, c'est quand même élémentaire, car à ne regarder les choses que par le gros bout de la lorgnette, le champ de vision est forcément très très restreint, n'est-ce pas ? Encore une Lapalissade me direz-vous, mais il convient d'être réaliste NON ?

Le "responsive" n'est QUE l'Art et la manière, QUAND il est BIEN compris et sa portée PARFAITEMENT ASSIMILÉE quant aux implications induites, de faire afficher un ensemble de données sous un format variable, apte à s'adapter au format de l'affichage rencontré, MAIS sans oublier les faiblesses de l'œil humain ! Et en voilà bien des contraintes que la majorité oublient, sans parler seulement du "tuyau" ?

L'Html 5, quant à lui est le résultat, officiellement, d'un ensemble de règles prêtes à assumer tous les formats possibles de tous les "objet"s possibles qui puissent être affichés ?
En réalité, mon opinion se confortant chaque jour davantage en ce sens, est qu'il serait plutôt le résultat d'une énorme guerre de pouvoir et financière, pour aboutir à terme à la disparition de concurrents gênants à plus d'un titre... Il n'existe guère que deux façons de régner, soit par le monopole, donc faire taire clairement sinon disparaitre tout opposant, soit diviser, ce qui permet, le temps qu'une multitude de petites batailles se jouent un peu partout, de magner de façon manichéenne tout sans que les petits bateleurs ne s'en rendent seulement compte, trop préoccupés par leurs "petites broutilles"... Il est vrai que la troisième solution, la belle, est toujours mise à mal par des jaloux, d'où son problème à naitre, voire seulement survivre ?


Bref, tout cet exposé pour en arriver à dire que de l'html 4 peut fort bien être "responsive", sans aucun souci NI SURTOUT poids "abomifreux" pour les Pages à "faire passer dans les tuyaux", ou, dit encore autrement, XWebDesignor est PARFAITEMENT CAPABLE de "passer" en "responsive" SANS migrer vers une totale refonte ? ? ?
L'exerçant déjà de mon coté sans aucun souci sur quelques niveaux, pour franchir les dernières étapes, bien qu'ayant déjà des opinions assez bien ancrées, je souhaite de votre part des réflexions, quelles qu'elles soient sur le sujet, même si elles peuvent vous sembler inutiles ou ridicules et que sais-je d'autres, afin de vérifier que je ne me suis pas enfermé par mes propres réflexions dans un carcan trop étroit en ayant oublié un paramètre quelconque ?

J'ai donc de mon coté dressé un cahier des charges, néanmoins et avant d'en parler, je reste curieux de connaître vos idées, impressions, remarques à ce propos ?

De fait, le JSCX dédié existe et fonctionne déjà depuis quelques temps sur certaines de mes Pages, néanmoins et comme d'habitude, je pense qu'à rester toujours "le nez dans le guidon", certains aspects, certaines choses peuvent échapper ?


Dans l'attente de vous lire, Cordialement, Yvanoph---

Journalisée

La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !

La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs  chercher à comprendre...

Chance inouïe, ici théorie et pratique fonctionnent  !
yvanoph
Administrator
Hero Member
*****
Hors ligne Hors ligne

Messages: 2 818


Le PIRE des défauts, ne pas RECONNAÎTRE une erreur


Voir le profil WWW
« Répondre #1 le: Lun. 07 Septembre 2015 à 23:01:21 »

A première vue je serais tenté de répondre OUI, mais après réflexion, et mêmes multiples réflexions en MP, je me dis que non ? Car il y a évidemment des Termes Techniques inconnus du nuléophyte Lambda...


Pour simplifier les choses, disons que le Code génère des Limites à chaque élément, des "Cadres" ? C'est couramment nommé aussi des Boites...
Si les Boites sont ouvertes, leurs Contenus sont donc VISIBLES, mais si les Boites sont fermées, les Contenus reste cachés ! Généralement, elles sont utilisées pour afficher, OU NON, des Textes et/ou des Images.
De même, une Boite ouverte peut être en tout ou partie cachée par une autre Boite posée sur elle ? C'est fréquemment le cas des "Slider"s par exemple ? Une grande Boite qui glisse sous une Boite ne contenant qu'une vitre translucide donc ?
Alors toutes ces Boites dans le Code sont techniquement nommées "<div>", le type "<div>" étant une Balise dans la gamme des Eléments contenus dans le Code ?

Ensuite, les Textes servant de Titres sont normalement contenus dans des Balises de type "<H?>" allant de 1 à 6 maximum comme valeur. Ce sont aussi des Boites...


Voilà pourquoi le [Composant] actuel contient partout le terme Balise, mais finalement, ce terme n'est pas vraiment utile quant à  son usage ? Image, Texte, Titre seront des termes suffisamment explicites ?


Abordons ensuite la notion de Flux ? Disons que tout le Code tombe du Tuyau (Bande passante) dans l'ordre où il est écrit, ce qui explique qu'il n'y a rien de plus ridicule que de faire passer des Boutons en fin de Page dans les premières choses ?
Car tout sera affiché dans l'ordre d'arrivée, sous réserve d'avoir tous les morceaux ? Comment poser des tuiles sur un toit si pannes, chevrons, liteaux ne sont pas déjà présents ? ? ?
Ensuite, le Flux conventionnel consiste à suivre la lecture conventionnelle, donc en partant en haut à gauche, aller à droite et si nous butons reprendre en dessous à gauche... Enfin, s'il y a quelque chose qui suit ?

Donc tout démarre à 0 et 0. Ensuite chaque Elément est fixé à sa place, de façon absolue, donc en coordonnées précises et immuables, en Largeurs et Hauteurs toutes aussi précises pour chacun.


Ceci est le principe de base conventionnel de la génération du Code par XWebDesgnor, sous réserve que nous ayons de notre coté tout empilé de façon tout aussi LOGIQUE ?

Et c'est parfait comme ça, sauf... SAUF si nous décidons de modifier l'échelle ? Par exemple pour passer d'une Largeur de 960 px à une de 240 sur un Cellulaire ?
Alors me direz vous, il suffit SIMPLEMENT de tout diviser par quatre ?
OUI, mais belle théorie de BE ! ! ! (Bureau d'Etude...)
Pour exemple, soit un Texte avec une Police de 12 px en taille. Divisée par quatre, la taille sera de 3 px, FACILE, n'est-ce pas ? Mouais... Et vous êtes capables de m'afficher un E majuscule, ou même minuscule d'ailleurs avec seulement TROIS pixels ?
Car un E, c'est TROIS barres horizontales, indéniablement, avec donc deux barres VIDES entre elles, sinon pour voir les trois barres pleines, pffff...
Donc AUCUNE Police ne peut faire moins de cinq points ! Et PAF, le rapport ne fonctionne donc PLUS ! Théorie de BE comme je me répète à dire...

D'où l'obligation d'augmenter alors la hauteur de la Boite contenant le Texte ? Car passer de trois à cinq, c'est presque le double ? Oui, bien sûr, mais alors celle du dessous va cacher la partie basse de celle du Texte ? Et oui, elle arrive après !

Et bien alors pousser celle du dessous plus bas ? Oui, en théorie, mais l'absolu, c'est absolu ! ! ! Donc la Boite ne glissera PAS !
Une seule condition, la rendre relative, donc glisser verticalement selon besoin ? Et c'est exactement ce que nous nommons "Suivre le Flux" !

Nous avons donc trois choix devant nous, soit conserver les hauteurs initiales, divisées par quatre dans le cas de notre exemple, et coller un Ascenseur à chaque Texte, ou rajouter un Effet qui tronque normalement le Texte mais fait apparaitre un moyen de le rallonger uniquement à la demande, soit enfin déplacer tout ce qui suit, et tout va là où ça doit aller, avec parfois des effets peu ou prou douteux ? Il suffit de voir le nombre de Site présentant des Eléménets qui se chevauchent...

Voilà donc pourquoi ce [Composant] offre le choix de "Suivre le Flux" ou NON ?
Par contre, il est peut-être préférable de traiter le problème globalement, car actuellement, chaque type peut OU NON suivre, et ensuite si certains peuvent "suivre", d'autres pointés dans une Liste resteraient bloquées à la position d'origine !
Ce sont là des choix que j'avais défini au départ pour donner la maximum d'ouvertures possibles, mais à ce jour, je n'en ai pas trouvé encore d'applications pratiques dans la réalité... Donc très probablement à supprimer ?


Par contre, un Tableau, Liste, à NE PAS supprimer est sans conteste la toute première ? (Cf. Image ci dessous...)
En effet, supposons un [Composant] "html" contenant juste un "<script>" de Compteur issu du Moostik par exemple ? Puisqu'il n'affiche RIEN, économisons énergie, machine du Visiteur en ne demandant pas au Navigateur de recalculer quoi que ce soit le concernant ? Donc cette Liste est forcément utile, et restera !
Par contre, qu'une Liste reste VIDE dans ce cas ne posera AUCUN problème ! ! !


Enfin, en ce qui concerne les fameux Coefficients...
Là encore, nous pourrions nous en passer, et nous contenter de l'application d'une simple règle de trois ?
Mais j'y suis personnellement totalement opposé à plus d'un titre ! Et oui, toujours ma maniaquerie de l'économie d'énergie, de la Machine de l'Internaute, et même ... de l'affichage !
Voilà pourquoi ces coefficients existent. Mais encore faut-il que tout soit dans le même type de dimensions ? Car si vous avez une Image à 801 px de Largeur, puis la suivante à 799, pffff...

De fait, pour suivre notre exemple, pour passer de 960 à 240, nous faisons 960/240 = 4, multiplié par 100 = 400 !
Nous partirions de 1 024 px, alors nous ferions (1 024 x 100) / 240 = 426,66...
MAIS, si nous prenons comme coefficient la valeur simple de 426, le résultat sera de l'ordre de 240,3755868544601, soit arrondi automatiquement à 240 !
Evidemment, conditions à vérifier pour chaque valeur en cas de dimension relativement bâtarde ?
Ensuite, leur noms me semblent être assez explicites ? Comme mentionnés dans l'Aide principale d'ailleurs ? (Cf. deuxième Image ci dessous)
Le "Micro" comme bien mentionné correspond à un affichage de 240 px,
Le "Mini lui à 480 px,
Le "Moyen" à 800 px,
Le "Normal" bien évidemment n'existe pas puisque c'est celle du Site de Base,
Le "Maxi" correspond déjà au double, soit des Moniteurs d'au minimum 1 920 px,
Et le "Supra" à définir à votre convenance...
Quoique, vous puissiez définir d'autres règles, néanmoins je me suis borné à reprendre les standards officiels connus et appliqués ?

Et pour finir, les Menus restent des Menus, et à terme je pense supprimer leurs Options, puisque, sous forme de Liens directs, de Boutons ou développant comme des "Accordéons" par exemple ou autre, il me semble qu'ils doivent tous suivre les redimensionnements ?


Voilà, comme déjà dit ci dessus, à vous lire quant à vos idées, opinions, retours ?


Bien cordialement, Yvanoph---

Journalisée

La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !

La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs  chercher à comprendre...

Chance inouïe, ici théorie et pratique fonctionnent  !
gb87
Hero Member
*****
Hors ligne Hors ligne

Messages: 1 247



Voir le profil WWW
« Répondre #2 le: Jeu. 10 Septembre 2015 à 18:10:54 »

Bonjour, bonjour  Helloooo,

Valises défaites, jardin remis en ordre  (… oulàlà !), travail de bureau mis à jour, je crois bien que les vacances 2015 sont terminées (Sauf peut-être pour certains qui prennent allégrement six semaines de vacances et plus si affinité !).  Ben alors ? On dort ?  Ben alors ? On dort ?

Retour sur notre forum favori qui a généreusement grossi pendant mes quelques jours d'absence maritime (... mais pas dans un sous marin  Clin d'oeil )  Pété de rires... Pété de rires... Pété de rires....
Et c'est compliqué de reprendre le fil des publications et de revenir au bon endroit, surtout que poussé amicalement par Monkotchensite pour mettre une page de mon site en "responsive".  Marciiiiiiiii Bien bien !

JSC(s) mis en place et au boulot !  
"Maisquestcequecestqueçà"? … une annexe du jeu "Les Chiffres et les Lettres ?"  RAS l'bol ! ! !
Bon, j'agrandis la fenêtre pour mieux comprendre… et je n'y comprends rien du premier coup !
Help au spécialiste pour avoir quelques informations supplémentaires et du coup bienvenues sur la publication précédente.  Marciiiiiiiii

Une fois assimilées les "variantes", je bidouille "Les Chiffres et les Lettres" pour voir la réaction de la nouvelle page et la mets en ligne.

 ATTENTION ! Visualisation de la page sur mon téléphone : je dois dire que c'est assez décevant à priori, car je ne note pratiquement pas de différence avec la page "normale" !...  Quoi ?  Quoi ?  Hein ? QUOI ?

Alors question : qu'est-ce que l'on doit visualiser réellement, car il me semble que certaines choses ne devraient plus apparaitre sur la page en question puisque des éléments sont sensés ne pas être chargés en "responsive" grâce aux diverses rubriques du composant.

Alors il en dit quoi le Chef ? Je crois qu'il y a du "ménage à faire" dans ce JSC, version Bêta ... comme moi Quoi ? Quoi ? Quoi ? Quoi ? Quoi ?


@+ Guy

« Dernière édition: Ven. 11 Septembre 2015 à 08:38:08 par gb87 » Journalisée

Il est humain de se tromper, persévérer dans l’erreur est diabolique ... en quelques mots: Errare humanum est, perseverare diabolicum...

Je fonctionne avec 1 PC, sous Windows Seven Pro.
J'utilise IE version 11.0.9600.17801 (Enfin quand çà fonctionne!) + Firefox  (Dernière version)
yvanoph
Administrator
Hero Member
*****
Hors ligne Hors ligne

Messages: 2 818


Le PIRE des défauts, ne pas RECONNAÎTRE une erreur


Voir le profil WWW
« Répondre #3 le: Jeu. 10 Septembre 2015 à 18:24:13 »

Moi je me suis piqué un ROUPILLON  Ben alors ? On dort ? de QUATORZE Heures cette fois ! ! !

Comme quoi il y avait bien du retard à rattraper ? Et comme quoi les "vacances" ça ne repose PAS ?


Cordialement, Yvanoph---

Journalisée

La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !

La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs  chercher à comprendre...

Chance inouïe, ici théorie et pratique fonctionnent  !
yvanoph
Administrator
Hero Member
*****
Hors ligne Hors ligne

Messages: 2 818


Le PIRE des défauts, ne pas RECONNAÎTRE une erreur


Voir le profil WWW
« Répondre #4 le: Jeu. 10 Septembre 2015 à 21:32:19 »

 ... dans mon Courriel, les fonctions principales sont totalement expurgées ! ! !


Car pour l'instant, j'ai deux problèmes à résoudre face à moi...

Déjà la BONNE compréhension des Variables, donc des Aides en rapport avec chacune ?
Le nombre des Eléments à recalculer, donc peut-être des formules plus homogène à prévoir afin de simplifier le tout, d'où un Code plus léger (Actuellement à plus de 9 Ko en Version NON "minified"...), mais surtout plus facile pour le Navigateur ?
Peut-être moins de fonctions séparées, et de règles ?

Voilà pourquoi le Courriel précisait l'interprétation des Aides et l'Emploi des Variables, NON le "bon" fonctionnement du tout ?

Pour principe, je vais vous le compléter des Balises "<img>"s et des "<span>"s, car là vous allez voir le compteur grimper monstrueusement ? Sauf peut-être à rajouter un Code qui fasse recalculer d'abords tout ce qui est au dessus de la Ligne de flottaison, PUIS continuer ensuite le calcul sur tout ce qui serait en dessous ?
Bref, sur tous ces détails de fonctionnement, je ne sais donc pas encore...

PAR CONTRE, ce que je SAIS, c'est que le "ménage" (Plié de rires), a BIEN été fait AVANT expédition, puisque supprimé 90 % du JavaScript ? (Sourire)


Avec déjà tous mes remerciements pour vos essais, je regarde à vous faire passer une Version plus complète si possible dès demain ?


Bien cordialement, Yvanoph---

Journalisée

La théorie, c'est quand on sait tout mais qu'absolument rien ne fonctionne !

La pratique, c'est quand tout fonctionne "farpaitement" sans vraiment savoir pourquoi, ni d'ailleurs  chercher à comprendre...

Chance inouïe, ici théorie et pratique fonctionnent  !
Tags: XWebDesignor: Version "Responsive" XWD: Version "Responsive" JSCX: XWebDesignor "Responsive" JSCX: XWD "Responsive" XWebDesignor: html 4 ET "Responsive" XWD: html 4 ET "Responsive" 
Pages: [1]   Haut de page
  Imprimer  
 
Aller à:  

Propulsé par MySQL Propulsé par PHP Powered by SMF 1.1.20 | SMF © 2013, Simple Machines
Soutenir Yvanoph par un Don ?
Boréal - V 1.0 by Yvanoph | Sitemap
XHTML 1.0 Transitionnel valide ! CSS valide !
Page générée en 0.117 secondes avec 22 requêtes.