Logo journal du hacker middle
  1. 2

    C’est pas un tutoriel mais un mémorandum. En plus, le contenu n’est pas centré sur le sujet. Aucune optimisation réelle mais un rappel plutôt superficiel et tellement bref des fondamentaux en administration système.

    Désactiver l’IPv6 sur Ubuntu

    Les opérateurs réseaux terminent leur transition vers l’IPv6 au bout de deux décennies. Mieux vaut donc avoir la tête tournée vers le passé en se débarrassant de l’IPv6. Très judicieux au vu de la pénurie d’adresse IP.

    1. 1

      Article pénible à lire à cause du point médian.

      Zig donne très envie de l’essayer. Mais qu’en est-il de la gestion de projet, des dépendances ? Il me semble qu’il manque un “Zig Hub” et un écosystème de bibliothèques. Comment émettre des logs ? Comment charger une configuration ?

      1. 2

        Houlla, allez je mord au troll.

        Donc un article de 22505 caractères est pénible à lire à cause de 10 occurences d’un point médian ? Qu’est-ce que ça aurait été avec des émojis des smileys !

        1. 1

          Oui, c’est 10 de trop.

          1. 2

            Donc “var recv = [_]u8{0} ** 1024;” c’est limpide, rapide à lire et ne pose aucun souci alors que “le·a programmeur·se” rend la lecture pénible ?

            1. 1

              Bon exemple. Le point médian rends le français aussi lisible que ça.

              1. 2

                Et donc sur un article qui parle d’un langage de programmation et de sa syntaxe, tu t’attaques à l’usage de l’écriture inclusive et non sur la syntaxe du langage en question alors qu’ils sont “aussi lisibles” l’un que l’autre ?

        2. 1

          Pénible. Faudrait pas abuser. Y a une adaptation a avoir (comme pour toute chose nouvelle) mais la science est formelle l’accord actuel (le féminin < masculin) genre notre représentation mentale, donc je comprends que certaines personnes cherchent à changer ça. Et puis bon, il est claire que l’auteur s’en tamponne de l’avis des autres à ce sujet.

          Pour Zig, je n’aime pas ce langage. Je trouve que l’apport est faible par rapport au C. À l’époque ou j’avais regardé, il n’y avait rien pour empêcher les UAF ni les data races alors que Rust permet de faire ça. Au niveau du hub, Zig fonctionne comme Go. C’est à dire que l’on importe directement depuis GitHub. Pour trouver un package, contrairement à pkg.go.dev, il n’y a pas de liste officielle mais il existe des agrégateurs de packages.

          J’aime bien ce système mais il est vrai qu’un site (et un outil en CLI) qui permettrait à tout le monde de chercher facilement un package serait idéal.

          1. 2

            @ache: L’écriture inclusive c’est le saccage d’une langue vivante en grande pompe. C’est chouette !

            1. 1

              Non, tu confonds écriture inclusive et point médian. Le point médian a effectivement des problèmes, à étudier s’ils sont sérieux où hypothétiques.

              Personnellement, je suis pour un retour à l’accord de proximité plus naturel pour moi et plus beau à entendre. Je ne comprends pas vraiment le besoin d’un point médian si ce n’est pour simplifier un langage pompeux. (ex: Toutes et tous, Les bourgeoises et bourgeois, …).

              Je suis pour également que la prononciation « Travailleur et travailleuse » quand les gens utilisent le point médian. Car oui, c’est dégueulasse de prononcer « Travailleur·e ». comme ça: Travailleur RE en insistant sur le RE.

            2. 1

              Qu’est-ce qu’une UAF ?

              Merci pour l’info sur les dépendances. Ça semble tout récent (janvier 2023!).

              Pas vraiment convaincu que build.zig soit vraiment plus pratique que go.mod. J’attends de voir.

              1. 2

                UAF

                Use After Free: https://beta.hackndo.com/use-after-free/

                Non moi non plus je ne suis pas convaincu. J’ai le même sentiment que toi, mais je crache pas encore dessus car il pourrait devenir aussi bien que go.mod.

          1. 2

            À notre époque, l’Internet ne pardonne pas. Celui qui ne maîtrise pas ne saura pas composer avec la sécurité informatique. C’est une boîte noire pour les néophytes. Les organisations se font pirater ; alors qu’en principe tout est déjà opérationnel au niveau informatique. Dans le temps, s’auto-héberger en restant débutant peut s’avérer être une erreur terrible. Je dirais même plus : s’auto-héberger en étant débutant est une terrible erreur. L’informatique, on peut simplifier en toute chose, mais cela est horriblement complexe. Il ne faut pas se voiler la face sur l’accès aux choses : à mon avis, cela ne s’improvise pas. Même en faisant au mieux, j’ai bien peur que cela ne puisse suffire. On peut lire que c’est entre la chaise et le clavier que se situe souvent l’origine du problème et qu’une source de vulnérabilité dans un système sécurisé est souvent induite par les utilisateurs. YunoHost, à part ça, c’est chouette en terme d’utilisation (bien que restant limité).

            Que faites-vous en cas d’intrusion dans votre système ? Quelles conséquences ?

            1. 2

              À notre époque, l’Internet ne pardonne pas.

              C’est un abus de langage. Je voulais dire que des personnes en font un usage malveillant et il me semble qu’une pratique inconsidérée de l’auto-hébergement peut fournir un point d’accès à un réseau local. Et les choses peuvent malheureusement s’engranger de façon fatidique. D’autant plus que l’on est pas assez sensibilisé aux recours dans ce type de situation. Quoi qu’il en soit, cela ne me correspond pas. Je reste conventionnel en la matière.

              1. 2

                Bonjour, Ta remarque est intéressante, je suis surpris que personne n’ait réagi. Je pense qu’il faut aussi voir la sécurité de yunohost même pour une personne compétente. Ne sachant pas la méthode d’installation des apps (docker? Simple script d’install? VM?…), je me suis renseigné, et visiblement il s’agit d’un simple script d’install (voir https://yunohost.org/en/packaging_apps_intro ou un exemple, https://github.com/YunoHost-Apps/nextcloud_ynh/blob/master/scripts/install ). Donc visiblement il n’y a pas d’isolation entre applications (ça date un peu mais https://forum.yunohost.org/t/advantages-of-classic-install-over-docker/4377 pourrait confirmer ). Après, faut déjà passer le SSO pour atteindre les applications, mais bon c’est dommage de pas avoir d’isolation entre applications, surtout que par exemple nextcloud existe aussi en version docker! Et en plus il n’y a pas de authentification double facteur possible sur le SSO :/ Je trouve aussi dommage qu’il ne soit pas simple de mettre un yunohost derrière un VPN (en tout cas pas aussi simple que d’installer yunohost). Un VPN (un openvpn de préférence aussi auto-hébergé :) ) serait intéressant vu que ça constituerait une deuxième ligne de défense (donc en plus du SSO).

                Pour en revenir à la question des débutants et yunohost: Un débutant ne va pas aller lire les logs pour vérifier que tout va bien, va exposer son instance sur internet (en particulier SSH, qui se fera constamment spam de mots de passe par des bots), va pas forcément faire les maj régulièrement, ne va pas suivre le guide de durcissement de yunohost, ne va pas forcément avoir des mots de passe robustes… Yunohost est un beau projet, mais je pense comme toi que ce n’est pas adapté pour un débutant (en d’autres termes il faut quand même quelques connaissances et des bonnes pratiques pour l’administrer).

                Sinon pour la question d’une intrusion, c’est démarrage depuis un live usb pour récupérer les logs et comprendre comment l’attaquant s’est introduit sur le système, et réinstallation.

                1. 1

                  @Nuliel: Des personnes ne conçoivent pas qu’il y ait trop de décalage. Malheureux d’avoir une conscience si limité des choses. Le progrès continue d’avancer avec les soucis. J’aurais été plus enjoué par le propos dans l’article du blogue s’il y avait eu plus de reconnaissance dans l’ensemble. On est face à un panorama changeant. Le projet YunoHost sensibilise les gens au contexte (prendre des précautions) mais il faut tout de même rester prudent et averti, ce qui peut rester inaccessible (comme on l’a tous les deux mentionné d’une certaine façon).

            1. 1

              Je pense qu’on a pas la même sensibilité technologique. Néanmoins, ce que je trouve dommage c’est de présenter directement les choses. On pourrait croire que c’est la solution pour publier des vidéos en ligne.

              Je vais l’utiliser ici en mono-utilisateur pour intégrer des vidéos sur mon blog, je ne crée donc pas d’autre utilisateur ou chaîne et je n’aborderai pas les nombreux mécanismes de modération, de fédération ou de quotas utilisateurs.

              C’est difficile de réaliser son site Web avec les fondamentaux en matière de conception. Mais là on fait l’impasse sur le support HTML au niveau des vidéos. Il me semble plus basique d’intégrer des vidéos au moyen du HTML que dans une plateforme d’hébergement de vidéo (étant donné que PeerTube constitue également un réseau). Je ne suis pas compétent, donc, je peux me tromper singulièrement. J’essaye de concevoir mon site Web. La question demeure à mon sens. N’est-ce pas trop simple ou trop complexe ?

              1. 1
                grid-template-rows: repeat(3, auto);
                grid-auto-columns: 18rem;
                

                Je pense que vous avez embrouillé vos idées. Votre grille a deux rangées positionnées en dehors de la grille sans raison valable ; elles ont été ajouté automatiquement alors qu’elles auraient dû être définies explicitement.

                grid-template-rows: repeat(3,auto);
                grid-template-columns: repeat(3,18rem);
                
                1. 1

                  Je suis désolé je ne vois vos commentaires que maintenant.

                  Qu’entendez vous par 2 rangées positionnées en dehors de la grille ? Je ne suis pas sûr de comprendre. Dans le cas de https://codepen.io/julienpradet/pen/GRPpZrR je ne vois pas de rangées en dehors de la grille ?

                  L’avantage de grid-auto-columns est que cela permet d’avoir un nombre variable d’éléments dans la grille: y compris s’il n’y a qu’1 ou 2 articles. Ca ne marcherait pas pour des articles qu’on voudrait les uns en dessous des autres. Mais ce n’est pas le but de ce composant.

                  1. 1

                    Vous ne connaissez pas le concept à mon avis. Les éléments sont disposés dans la grille. La grille que vous avez définie explicitement dans vos déclarations CSS n’a que trois lignes (row) et une seule colonne (column). Vous avez neuf éléments (items) à disposer (3x3). La propriété CSS grid-auto-column spécifie la largeur des colonnes créées implicitement, en relation avec la déclaration grid-auto-flow: column. En supposant que grid-auto-flow: row; soit effective (ce n’est pas ce qui est recherché), les éléments h2, img et p auraient été placés dans les trois lignes de la seule colonne définie explicitement. Les autres éléments auraient été placés dans de nouvelles lignes créées implicitement. On appelle cela la grille implicite (implicit grid).

                    1. 1

                      Je dois admettre que ce n’est pas très bien expliqué de ma part. Normalement, grid-auto-flow spécifie l’ordre dans lequel disposer les éléments de la grille. La valeur row spécifie qu’il faut remplir la grille ligne par ligne : ligne 1 colonne 1, ligne 1 colonne 2, ligne 1 colonne 3, ligne 2 colonne 1, ligne 2 colonne 2, ligne 2 colonne 3, etc. Les éléments auraient été disposé l’un à côté de l’autre par groupe de trois si ces trois colonnes auraient été défini explicitement.

                    2. 1

                      Le concept de grille est que le nombre d’éléments (ici, les articles) importe moins. On sait au préalable comment les éléments seront positionnés, c’est l’essentiel.

                      1. 1

                        De toute façon les choses sont intriquées car c’est d’ordre géométrique.

                  1. 1

                    Qui aurait pu penser qu’on pouvait exploiter les sources C de Bash ?

                    1. 1

                      Je suis content de voir que je ne suis pas le seul à ne pas faire l’amalgame entre «logiciel libre» et logiciel «OpenSource®». Dommage que la FSFE ne fasse pas la différence, il me semblait que c’était un peu leur taf.

                      1. 1

                        @Djan: Le message est on ne peut plus clair et sans amalgame. L’ Open Source c’est une déclinaison édulcorée ou galvaudée du mouvement logiciel libre.

                        « […] C’est pour cela que nous préconisons de limiter le pouvoir des logiciels propriétaires et de distribuer largement le pouvoir et l’accès par le biais des logiciels libres, également connus sous le nom de logiciels open source. Beaucoup de gens voient les logiciels libres comme des programmes et applications utiles. Mais l’idée qu’il y a derrière est bien plus vaste. Et elle a résisté à l’épreuve du temps. Elle a permis la mise en place de systèmes qui constituent l’épine dorsale de notre monde numérique. […] En même temps, en tant que mouvement, nous ne devons pas perdre de vue nos valeurs fondamentales : utiliser, étudier, partager, améliorer, pour tous et toutes ».

                        1. 0

                          L’ Open Source c’est une déclinaison édulcorée ou galvaudée du mouvement logiciel libre.

                          Ce n’est pas le point de vue de la FSFE. Dans le passage que tu cites, qui provient lui-même de la vidéo de la FSFE, l’amalgame est clairement fait entre logiciel libre et logiciel OpenSource®.

                          C’était pourtant pas compliqué, pour ne pas déclencher de polémique, il suffisait de ne pas mentionner le terme «OpenSource®».

                          1. 1

                            Le message n’a pas été formé en se basant sur le sens attribué au terme « Open Source ». On y fait seulement référence parce que c’est un terme courant (code source accessible) ou communément employé (méthode de développement, source d’inspiration, modèle). Affirmer que la liberté afférente est une évidence reste discutable. C’est aussi le point de vue de la Free Software Foundation (FSF) : Pourquoi nous parlons de Logiciel Libre ?.

                            Après, je ne vois pas trop l’intérêt de rester jouer sur les mots quand le contenu du message est explicite. J’ai la conviction que l’Open Source se moque éperdument de la liberté de concevoir et d’utiliser, ou même de partager (ou bien que ce qui les intéressent).

                      1. 1

                        @Cascador: Son article n’est pas dans le thème de l’informatique libre. C’est paradoxalement insidieux. On s’accorde totalement sur l’aspect pratique et convenable, fondamental pour nombre de personnes. On y perd allègrement dans le champ de la connaissance. Point fixe !

                        1. 2

                          Salut,

                          L’article cadre avec l’étiquette “perl”, Strawberry est un logiciel libre enfin si ça peut aider les personnes sous Windows à utiliser Perl c’est une bonne chose. L’article a bien sa place sur le Jdh.

                          Tcho !

                          1. 1

                            MS Windows n’est pas ma tasse de thé, cela ne correspond pas à mon idéal. Ce n’est pas beaucoup mieux sur Lobters. Je suis déçu mais tant pis. D’un autre côté, je ne suis pas étonné. Je suis quelqu’un d’exigeant sur les principes. Cela créé peut-être un grand décalage avec la plupart des gens. Je recherche de la simplification dans des choses pointues. Bref, du high-tech pour amateur (bof). Au revoir le JdH.

                        1. 2

                          Aucune mention des sources de cette fonction et de pourquoi elle existe. :( C’est dommage, rien qu’un mot sur ses origines de programmation fonctionnelle aurait augmenter la qualité de l’article.

                          https://en.wikipedia.org/wiki/Fold_(higher-order_function)

                          https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduceRight

                          1. 1

                            Merci de ton retour. Je vais aller consulter les liens et éditer l’article pour ajouter ces informations.

                            1. 1

                              Je ne saisis pas. Curieux de savoir comment le concept va être explicité. Où se situe l’abstraction ?

                              1. 1

                                J’ai l’impression d’avoir été pris pour une buse.

                              2. 1

                                reduce() is a central concept in functional programming, where it’s not possible to mutate any value, so in order to accumulate all values in an array, one must return a new accumulator value on every iteration.

                                Je ne connais que Emacs Lisp. Il supporte la métaprogrammation et le typage dynamique. C’est un langage fonctionnel (et impératif) mais on peut modifier les structures de données qui ne sont pas évaluées sous forme d’expressions. Je ne connais pas JavaScript mais l’écriture de la syntaxe de reduce() telle que je la perçois n’incite pas vraiment à imbriquer / combiner les fonctions comme en Lisp. L’accès aux objets créés se fait implicitement par référence (reliés à des symboles). Je ne suis pas certain que l’aspect mutabilité soit apparent.

                              1. 1

                                Ne regarde pas le driver propriétaire qu’il y a chez ton voisin mais plutôt le BIOS non libre que tu utilises.

                                Comment aborder la liberté en informatique ? Il faut connaître, pratiquer, et prendre en considération différentes problématiques. Dans l’ensemble, je n’apprécie pas cet article. Je ne crois pas que ce soit une voie praticable notamment parce qu’il est impossible de tout maîtriser dans la société. Après, on peut volontiers admettre que ce sont des idées qui peuvent être considérées séparément. Mais on tombe en désaccord sur le côté basique.

                                Le logiciel libre, tout le monde s’en fout, sauf les libristes.

                                Simple.

                                1. 1

                                  À moins que je ne saisisse pas l’ironie dans son propos ! Parce qu’il dit « Les gens comptent plus que les logiciels, même libres. Basique. »

                                1. 1

                                  Quelle différence cela fait entre un apprentissage continu, un condensé d’expérience et l’état de l’art ? N’est-ce pas une marque de fabrique ? J’essaye d’apprendre l’informatique en « autodidacte ». J’ai l’impression que tout repose sur les fondamentaux. Mais je suis « un peu » handicapé. Et en quoi cela se réfère à une tendance ?

                                  Édition : En d’autres termes, cela peut donner l’impression que l’on a affaire à un ensemble d’opération et qu’on en retire une forme de savoir-faire. Mais je suis ignorant.

                                  1. 1

                                    Je viens de recevoir un pourriel par SMS qui s’avère être du hameçonnage. Le système de protection fourni avec Firefox est ineffectif. Aucune alerte. France Verif présente le site Web dont l’URL est renseignée dans le SMS (je ne le préciserai pas) comme suspicieux.

                                    L’interface ressemble furieusement au site Web de Chronopost en se faisant passer pour Chronopost.

                                    1. 1

                                      En mode navigation privée, avec la « protection stricte » activée, la page Web du site malveillant affiche seulement du texte « YOU ARE NOT AUTHORIZED ».

                                      Édition : idem, lorsque je me reconnecte en mode navigation privée avec la « protection standard ». J’ai l’impression que le serveur malveillant a modifié sa réponse à cause d’un changement de paramètres du navigateur client. C’est même possible que je me sois fait piraté mon ordinateur car je n’y connais rien en sécurité informatique. Ce n’est pas de la paranoïa mais de l’incompétence contre de la compétence.

                                      Visiblement, les personnes derrière ce site s’adaptent sans souci à ma tentative de test.

                                      1. 1

                                        Je peux à nouveau y accéder. Peut-être que je me suis trompé d’orthographe lors de l’écriture de l’URL. Il n’empêche que ce site usurpe l’identité de Chronopost. Le nom de domaine a été créé en avril 2023. Je l’ai signalé en utilisant la fonction intégrée à Mozilla Firefox mais toujours rien en terme de blocage. Je serais curieux de savoir combien de temps il va encore rester accessible et feindre d’être un service officiel de Chronopost.

                                        1. 2

                                          Heuu quel rapport avec l’url posté ici ?

                                          1. 1

                                            Mozilla vitupère à propos du projet de loi SREN. Les opposants rappellent systématiquement qu’il existe la fonctionnalité Google Safe Browsing pour protéger contre l’hameçonnage et que les États ne devraient pas s’en mêler. Je trouve que Mozilla adopte une approche un peu légère en la matière étant donné l’essor de la cybercriminalité et le potentiel destructif. C’est un cas pratique, un cas concret, une mise en situation. Le site Web malveillant va t’il être bloqué suite au signalement ? Si la réponse s’avère non, alors Mozilla perd une bonne part de sa crédibilité dans son positionnement. Cela signifierait que les mesures existantes ne seraient pas « dissuasives » (pénalisante pour les cybercriminels). D’autant plus que ces gens pourraient passer au travers.

                                            1. 1

                                              Je suis aller contrôler la situation. Maintenant, on me demande de payer directement une somme de quarante huit centimes parce que le colis excède le poids demandé. Les hameçonneurs m’ont même géolocalisé dans un secteur géographique. Tant qu’ils ne m’ont pas piraté… Enfin voilà ! J’espère ne pas être une de leur prochaine victime. Par contre, ils ont l’air crédibles et ne manquent pas au but. Derrière, il y aura des victimes à coup sûr si l’on en croit les statistiques.

                                    1. 1

                                      […] je n’en reste pas moins déçu que Nix soit seul sur le trône. […] Parce que Nix possède un concurrent bien moins connu : Guix.

                                      Combien de personnes s’investissent véritablement dans Guix ? Pour quel usage ? Est-ce opérationnel ? Quels sont les avantages et les inconvénients ? Quels sont les points forts et les points faibles ? Où cela mène ?

                                      Questions rhétoriques. Les réponses ne m’intéressent pas vraiment.

                                      On a l’impression que vous faîtes preuve de fausse charité. Ce n’est pas du tout ainsi que les choses fonctionnent en principe, en se basant sur des souhaits. Ce n’est pas par magie que les choses existent.

                                      Soyons lucides, vous ne faîtes que reprendre ce qui existe. Cela ne changera pas la face des choses.

                                      1. 1

                                        En voyant votre message, j’ai l’impression d’avoir un second sens involontaire dans mon texte.

                                        C’est un fait : Guix ne possède pas une communauté aussi forte que Nix. Les intéressés des distributions immuables sont déjà rares et Guix arrive sur un marché déjà conquis depuis 10 ans.

                                        Les gens se dirigent vers Nix par défaut en voyant son immense communauté. Guix est un éternel second qui peine à trouver son public à cause d’un manque de visibilité alors qu’il est tout aussi viable que Nix.

                                        Je suis lucide, je n’apporte rien au projet Guix et je n’en ai clairement pas la compétence.

                                        Si vous voulez résumer mon article en une phrase, ce serait celle-ci : “Nix, c’est bien. Mais ça n’est pas le seul outil à remplir cette fonction”.

                                        Si des gens visitent juste la documentation pour comparer les deux outils avant d’en installer un : je considèrerai que j’ai accompli ma mission.

                                        1. 1

                                          Ce n’est pas représentatif de ce qu’il faudrait faire. Comment en tirer parti ? Qu’est-ce qu’on peut en faire ? À quoi cela servira ? Quelles sont les orientations du projet ? Dans l’essentiel, on se base sur ce qu’on peut exploiter et ce qui convient. Une voiture reste une voiture.

                                          1. 1

                                            L’intérêt, l’usage et à quoi ça sert : j’y répond sur mon blog.

                                            Une voiture reste une voiture, mais certains auront l’usage d’une citadine, et d’autres d’un 4x4. Face à ce marché inondé de marques et de modèles : une analyse et une étude est toujours nécessaire.

                                            Même combat avec Nix et Guix : les deux répondent au même besoin, mais chacun a sa manière de faire.

                                            Je vais continuer à approfondir Guix et Nix et potentiellement écrire une future page qui vous sera satisfaisante.

                                            1. 1

                                              Rentrer au cœur du système, voir les rouages et ressortir pour ne pas être esclave des ordinateurs, de la technologie et du progrès. Dans quel environnement c’est possible ? Je ne sais pas si c’est possible. Néanmoins, il semblerait que les systèmes ouverts ne conditionnent pas suffisamment pour y parvenir. Certains soutiennent que le libre est responsable de l’échec de la réussite de l’open source. Il ne s’agit pas tant d’améliorer des ouvrages que de respecter les autres à la bonne mesure.

                                              1. 1

                                                En d’autres termes, je n’ai pas besoin d’être soutenu par une communauté mais de pouvoir retourner aux sources et de permettre à quiconque de le faire. La complexité étant ce qu’elle est, c’est un idéal. On peut avoir un idéal différent car il n’est pas fait pour tous mais on ne peut s’en affranchir sans conséquence car le monde n’est pas sans contrainte. Il est préférable d’établir soi-même ses contraintes (en tout cas, je préfèrerais).

                                                Découvrir Guix c’est plonger potentiellement dans la complexité ou en être absorbé.

                                      1. 1

                                        Dire cela, c’est juste un moyen de se dérober à cette obligation. En effet, un code commenté peut contenir des concepts abstraits qui peuvent être interprété de différentes manières, lesquels peuvent aussi être incompris.

                                        Cela donne l’impression que c’est un mauvais travail de concepteur. Concept abstrait ? Pléonasme. On dirait plutôt « idées abstraites ». Prenez votre dictionnaire et cherchez l’entrée « concept ».

                                        1. 1

                                          Je vous prie de m’excuser. J’ai une question à poser en lien avec le sujet mais ce n’est peut-être pas approprié dans un commentaire à propos de l’article. Est-il raisonnable de vouloir positionner des éléments avec CSS ? Je me pose cette question à cause de la multitude de façons apparaissant sur le Web. D’aucunes sont considérées comme du raccommodage ce dont je partage l’avis sauf que je n’ai jamais rien réalisé. Cela m’exaspérerait de devoir façonner du code HTML pour faire une mise en page. N’est-ce pas contraire au principe de conception Web ? Pourtant, on peut observer cela chez des développeurs Web. À tel point que je me demande s’il ne faut pas créer des éléments en SVG à intégrer dans le HTML.

                                          1. 2

                                            Tout est question de compromis et nous devons faire avec les outils qui nous sont à disposition. Tout passer en SVG entraine de nombreuses complications d’accessibilité, je ne pense pas que ce soit une meilleure solution.

                                          1. 1
                                            <!DOCTYPE html>
                                            <html>
                                              <head>
                                                <meta charset="utf-8" />
                                                <style>
                                                  #grid1 {
                                            	  display: grid;
                                            	  grid-template-areas:
                                            	      "title title title"
                                            	      "section_1 section_2 section_3";
                                                  }
                                                  #grid1 > h1 {
                                            	  grid-area: title;
                                                  }
                                                  #grid1 > .box01 {
                                            	  grid-area: section_1;
                                                  }
                                                  #grid1 > .box02 {
                                            	  grid-area: section_2;
                                                  }
                                                  #grid1 > .box03 {
                                            	  grid-area: section_3;
                                                  }
                                                  #grid1 > section > h2 {
                                            	  text-transform: capitalize;
                                                  }
                                                </style>
                                              </head>
                                              <body>
                                                <article id="grid1">
                                                  <h1>Fun facts about cats</h1>
                                                  <section class="box01">
                                            	<h2>Positively mysteriously spurring</h2>
                                            	<img alt="A cute random kitten" src="https://placekitten.com/g/300/200"
                                            	     width="300" height="200" />
                                            	<p>
                                            	  Cats are the only animals that can purr while both inhaling and
                                            	  exhaling, and the exact reason behind this unique behavior remains a
                                            	  scientific puzzle.
                                            	</p>
                                                  </section>
                                                  <section class="box02">
                                            	<h2>Eyes of the night</h2>
                                            	<img alt="A cute random kitten" src="https://placekitten.com/g/300/200"
                                            	     width="300" height="200" />
                                            	<p>
                                            	  Thanks to the reflective layer behind their retinas called the tapetum
                                            	  lucidum, cats have exceptional night vision, allowing them to see in
                                            	  light levels six times lower than what humans need.
                                            	</p>
                                                  </section>
                                                  <section class="box03">
                                            	<h2>Whiskers wonders</h2>
                                            	<img alt="A cute random kitten" src="https://placekitten.com/g/300/200"
                                            	     width="300" height="200" />
                                            	<p>
                                            	  Cat whiskers are incredibly sensitive and help them navigate their
                                            	  environment by detecting changes in texture, air currents, and even
                                            	  gaps, making them essential tools for exploration.
                                            	</p>
                                                  </section>
                                                </article>
                                              </body>
                                            </html>
                                            
                                            1. 1

                                              Le code ci-dessus n’est pas génial mais j’espère pouvoir proposer une meilleure version.

                                              1. 1

                                                Mais je suis confronté au problème qui est mentionné dans l’article. Ce qui est exposé dans l’article ne me convient pas du tout. En fait, on est face à un problème de conception inhérent au développement actuel du CSS. Je comprends mieux maintenant pourquoi Eric Meyer ne se réfère pas (ou ne fais pas référence) à display: contents pour élaborer des trames en CSS, dans son livre « CSS The Definitive Guide » 4 édition. Indéniablement, car ce problème flagrant apparaît de façon basique : les items positionnés sur une grille sont des éléments enfants sans pouvoir aligner les éléments descendants. L’un dans l’autre, tout reposerait sur l’implémentation des « subgrids ». Mais on est dans l’incertitude puisque, dans son livre, Meyer écrit « The problem is that, as of this writing, subgrid is an “at-risk” feature of grid layout, and may be dropped entirely. That’s why it rates just this small section, instead of a more comprehensive examination ». Pourtant à la même époque (Jan 2016), Meyer écrivait un article sur son site Web pour promouvoir les subgrids. Et au moment de ce commentaire, sur le site Web de Mozilla, on peut lire que les « subgrids » ne sont pas largement supportées (Oct 2023). Voir aussi l’article de Rachel Andrew : Why display: contents is not CSS Grid Layout subgrids. Peut-être que les choses se feront finalement, j’ai observé que plusieurs sections avaient été rajouté à la nouvelle édition de CSS The Definitive Guide (2023, 5 édition) à propos des « subgrids ».

                                                1. 1

                                                  On peut faire mieux ! |-O

                                                  <!DOCTYPE html>
                                                  <html>
                                                    <head>
                                                      <meta charset="utf-8" />
                                                      <style>
                                                        #grid1 {
                                                  	  display: grid;
                                                  	  grid-template-columns: repeat(3, 350px);
                                                  	  grid-template-rows: auto 100px 1fr 1fr;
                                                  	  grid-column-gap: 12px;
                                                        }
                                                        #grid1 > section {
                                                  	  display: grid;
                                                  	  grid: subgrid / subgrid;
                                                  	  grid-row: 2 / span 3;
                                                        }
                                                      </style>
                                                    </head>
                                                    <body>
                                                      <article id="grid1">
                                                        <h1>Fun facts about cats</h1>
                                                        <section>
                                                  	<h2>Positively mysteriously spurring</h2>
                                                  	<img alt="A cute random kitten" src="https://placekitten.com/g/300/200"
                                                  	     width="300" height="200" />
                                                  	<p>
                                                  	  Cats are the only animals that can purr while both inhaling and
                                                  	  exhaling, and the exact reason behind this unique behavior remains a
                                                  	  scientific puzzle.
                                                  	</p>
                                                        </section>
                                                        <section>
                                                  	<h2>Eyes of the night</h2>
                                                  	<img alt="A cute random kitten" src="https://placekitten.com/g/300/200"
                                                  	     width="300" height="200" />
                                                  	<p>
                                                  	  Thanks to the reflective layer behind their retinas called the tapetum
                                                  	  lucidum, cats have exceptional night vision, allowing them to see in
                                                  	  light levels six times lower than what humans need.
                                                  	</p>
                                                        </section>
                                                        <section>
                                                  	<h2>Whiskers wonders</h2>
                                                  	<img alt="A cute random kitten" src="https://placekitten.com/g/300/200"
                                                  	     width="300" height="200" />
                                                  	<p>
                                                  	  Cat whiskers are incredibly sensitive and help them navigate their
                                                  	  environment by detecting changes in texture, air currents, and even
                                                  	  gaps, making them essential tools for exploration.
                                                  	</p>
                                                        </section>
                                                      </article>
                                                    </body>
                                                  </html>
                                                  
                                            1. 1

                                              En France, le projet de loi visant à sécuriser et à réguler l’espace numérique semble avoir du plomb dans l’aile. La pétition lancée par Mozilla contre cette obligation de censure au niveau du navigateur est un succès. Des amendements sont déposés.

                                              Insinuer que la loi se porte en mauvais état parce que ses textes reçoivent des amendements, c’est mener bien vite à des raccourcis. Le niveau de réflexion de l’article est éblouissant : répéter ce que la QdN et Mozilla ont dit !

                                              1. 1

                                                Ads, “unintrusive” or not, are just the visible portion of the privacy-invading means entering your browser when you visit most sites. uBO’s primary goal is to help users neutralize these privacy-invading methods in a way that welcomes those users who do not wish to use more technical means.

                                                On découvre en lisant ces remarques que l’on est démuni. Triste !

                                                1. 1

                                                  Je me permets de revenir sur le sujet à titre pédagogique. Je souhaitais réaliser mon site Web de zéro. Je n’ai pas changé d’avis depuis mon dernier commentaire sur la méthode. Je pense que c’est fondamental de partir d’un modèle graphique pour mieux percevoir ce qui change dans l’apparence en fonction de divers aspects. Sinon, on se perd facilement avec la complexité. En bref, je trouve dommage que le choix graphique fluctuant intervienne avec la réalisation effective en CSS. À mon avis, c’est une mauvaise pratique de conception.

                                                  À noter : Les images sont placées au-dessus des titres dans la charte graphique du journal en ligne Le Monde. Le problème d’alignement des images ne se pose même plus.

                                                  1. 1

                                                    Qu’est-ce qu’un Shell ? Une interface utilisateur pour interagir avec le système d’exploitation. J’ai l’impression que Nushell c’est une interface pour interagir avec un système d’information. En plus, c’est pas encore abouti.