Logo journal du hacker middle
  1. 1

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

    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

        Abonnez-vous bien sûr :)

        1. 2

          « Musk a décidé de s’ingérer !»

          Il a commencé par quelle partie de son corps ?

          1. 1

            Pour ceux qui l’ont raté

            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

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

                  1. 1

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

                    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

                        Je comprends l’exaspération devant la dette technique de tout projet. Malheureusement, un projet commence par créer de la dette pour valider un concept. L’important est d’avoir les moyens de remanier le projet régulièrement, le premier étant les tests fonctionnels comme le dit l’article.

                        Je privilégie même les tests de bout en bout (end to end). Par définition, les tests unitaires doivent être remaniés avec le code qu’ils testent.

                        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.

                          1. 1

                            Optimisé pour un serveur. Pas pour un usage desktop et encore moins laptop.

                            1. 2

                              S’il n’y avait que cela… Beaucoup d’utilisation de cat inutiles et des commandes hasardeuses, exemples :

                              coeurs=`cat /proc/cpuinfo | grep -i "^processor" | wc -l`
                              

                              au lieu de :

                              coeurs=$(grep -c ^model /proc/cpuinfo)
                              
                              addrip=`hostname -I | cut -d " " -f2`
                              

                              qui récupère arbitrairement uniquement la seconde adresses IP de la sortie de commande, résultat un utilisateur se pliant de ne voir que son IPv6 :-D

                              Ce n’est pas quick-tutoriel mais quick-old-and-dirty-tuitoriel :D

                              1. 1

                                Et sinon en graphique il y a baobab un outil bien pratique

                                1. 1

                                  Abonnez-vous bien sûr à la chaîne merci.

                                  1. 2

                                    Vous n’avez pas répondu à mon commentaire précédent. Plusieurs choses me font sourciller. Le Shell c’est trop compliqué pour ne pas en rajouter. Voir Affichage des variables.

                                    memfree=`cat /proc/meminfo | grep MemFree | awk {'print $2'}`
                                    

                                    C’est pas bien !

                                    memFree=$(awk '/MemFree/ {print $2}' /proc/meminfo)
                                    
                                    1. 1

                                      Intéressant. Le passage sur les paradigmes déclaratif et procédural dans le paragraphe « Construire des usines à gaz » m’interroge fortement, ceci dans plusieurs domaines portant sur divers aspects. Qu’entendez-vous par « infrastructure » ? Brièvement, qu’est-ce que cela représente ?

                                      1. 1

                                        Abonnez-vous pour ne rien rater

                                        1. 3

                                          Beaucoup d’erreurs dans son fichier Docker Compose. Bon, du coup c’est didactique parce qu’il faut corriger.