Je me suis aperçu récemment de l'existence de la balise details et je me suis dit que je pourrais me noter celles qui me feraient de l'usage dans un éventuel avenir.

<details>

L'élément HTML details sert à créer une ligne de résumé permettant de révéler plus d'informations sur un clic.

L'attribut [open] permet de styler l'ensemble lorsqu'il est ouvert.

<style>
    details{font-style:italic;cursor:pointer}
    details:after summary{content:"▶"}
    details[open]:after summary{content:"▼"}
    details p{margin-left: 25px}
</style>
<details>
  <summary>Ligne de résumé.</summary>
  <p>Tout plein de détails extrêmement intéressants pour ceux qui veulent mais inutiles pour les autres...</p>
</details>

<style> details{font-style:italic;cursor:pointer} details:after summary{content:"▶"} details[open]:after summary{content:"▼"} details p{margin-left: 25px}

Ligne de résumé.

Tout plein de détails extrêmement intéressants pour ceux qui veulent mais inutiles pour les autres...

en savoir plus - compatibilité 92% et pas sur edge

<dialog>

Crée une boîte de dialogue dans laquelle on peut mettre ce que l'on veut. L'attribut open contrôle l'ouverture et la fermeture

en savoir plus - compatibilité 75%, c'est peu...

<data>

La balise data permet d'ajouter une valeur interprétable par une machine à une valeur lisible par un humain: plus simplement, on peut relier le nom d'un produit à son ID dans la base de données par exemple.

<p>New Products:</p>
<ul>
    <li><data value="398">Mini Ketchup</data></li>
    <li><data value="399">Jumbo Ketchup</data></li>
    <li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>

en savoir plus - compatibilité 99%

<base>

Fournit l'url de base et le target pour tous les liens relatifs de la page. en savoir plus - compatibilité 98%

<meter>

Crée une jolie jauge dont on définit le remplissage afin de représenter visuellement une proportion. Elle utilise les mêmes attributs qu'input number (min, max, value) et y ajoute high, low et optimum qui définissent respectivement à partir de quel nombre la valeur est haute ou basse ainsi que la valeur considérée comme optimale.

Il faudra prévoir l'affichage de la valeur courante (et cette balise n'accepte pas les pseudo-éléments before et after)

<meter value="2" min="0" max="10" low="2">2 out of 10</meter>
meter value="0.6">60%

2 out of 10 60%

en savoir plus - compatibilité 95%

<progress>

Comme meter, progress crée une... barre de progression. Elle utilise les attribut max et value.

Il faudra prévoir l'affichage de la valeur courante (et cette balise n'accepte pas non plus les pseudo-éléments before et after)

<progress value="2" min="0" max="10" low="2">2 out of 10</progress>
progress value="0.6">60%

2 out of 10 60%

en savoir plus - compatibilité 98%

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

Voir cette merde de sévice national réinstauré par ceux qui y ont échappé (Macron parce que trop jeune et Ciotti parce que Népotisme (voir là et là ), ça me fout la gerbe.

Donc, en résumé:

• marseillaise à tous les étages ( dès l'école hein... )
• ordre serré voir là «on y va en colonne!»
• garde-à-vous «"Mettez bien vos polos, pour que ça fasse propre", conseillent directeurs et tuteurs du centre, sourcilleux du positionnement des casquettes, des chaussures, des boutons de pantalon… ou encore des pouces.»
• levée des couleurs et culte du drapeau
• «bilan» de compétences en sport, en français... c'est vrai qu'on ne le fait pas dans l'éducation nationale, ça...
• inégalité des citoyens qui se verraient «tirés au sort» ou sélectionnés en fonction de «leur mois de naissance» (pair/impair) pour savoir qui aura la joie et le privilège d'aller se faire emmerder par des gradés incultes et frustrés.
• Selon Macon le service national universel est « la matrice indispensable au coeur de notre école [et] qui va irriguer des vocations ». Voilà. Si vous n'avez pas compris de quoi ça s'agit que qu'est-ce qu'il a dit le monsieur, c'est normal, c'est une phrase creuse sur laquelle les politiques doivent se branler, je ne vois que ça. Irriguer des vocations... dans l'armée. Mais oui ducon.
• budget débloqué: 700 millions d'euros pour les 400.000 jeunes de 2022... donc, calcul rapide... 1.4 milliards d'euros pour les 800.000 de 2023. On réduit les budgets de l'éducation nationale, de la santé, des aides sociales... mais pour ces merdes, y'en a du pognon...

Mais bordel, comment faire pour les empêcher de refoutre cette merde ?

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

OMFG...

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

OMAGAD Il existe une fonction comme explode mais qui utilise les regex : preg_split !

// scinde la phrase grâce aux virgules et espacements
// ce qui inclus les " ", \r, \t, \n et \f
$keywords = preg_split("/[\s,]+/", "langage hypertexte, programmation");
print_r($keywords);
// retour:
Array
(
    [0] => langage
    [1] => hypertexte
    [2] => programmation
)

et peut même renvoyer la position de chaque morceau dans la chaîne d'origine:

$str = 'langage hypertexte, programmation';
$chars = preg_split('/ /', $str, -1, PREG_SPLIT_OFFSET_CAPTURE);
// retour:
Array
(
    [0] => Array
        (
            [0] => langage
            [1] => 0
        )
[1] => Array
    (
        [0] => hypertexte,
        [1] => 8
    )

[2] => Array
    (
        [0] => programmation
        [1] => 20
    )
)

... voire même virer automatiquement les chaînes vides avec le flag PREG_SPLIT_NO_EMPTY

Reste plus qu'à benchmarquer pour voir si c'est pas trop gourmand par rapport à explode.

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires

On ne sait pas en quoi la présence dans toutes les classes du drapeau tricolore et du drapeau européen va (par magie?) être de nature à assurer la compréhension et l'intégration du sens des'' valeurs'' invoquées. Et lesquelles? Cela en dit long sur la méconnaissance du travail effectivement possible et nécessaire dans le cadre de l'Ecole; et sur la dénégation (voire l'arrogance) en la matière portée par nombre de parlementaires avant tout soucieux de se placer sans vergogne dans la sphère politique (voire politicienne)

...

Il se pourrait en effet qu'Eric Ciotti soit moins sensible qu'on le croit aux "mâles accents'' de la Marseillaise ( on sait qu' il a fait intervenir en son temps François Fillon lui-même pour échapper au service militaire) et qu'il préfère la version ''berceuse''

Faites ce que je dis et pas ce que je fais, merci.

Le mec veut que les mômes baignent dans «les valeurs » et «l'amour de la France»
Les valeurs de la France véhiculées par la marseillaise ? 'tain, il faudrait les relire un peu, hein ?! Allez, je m'y mets:

• Aux armes citoyens : donc, il faut apprendre aux mômes à se rebeller et à ne pas se laisser faire ? Comme des gilets jaunes et des «blacks blocks» alors ? Non ?! comment vous dites M. Ciotti ? Parlez plus fort ! «cé pâ pôreil...» Oui, fermez bien votre gueule M. Ciotti, vous êtes un âne.
• Qu'un sang impur... Abreuve nos sillons ! : donc la violence c'est bien, alors... «impur» par rapport à quoi ? alors tuer des impurs c'est une bonne directive à donner et à afficher en classe... comme le premier djihadiste venu alors ?! Hein ?! oui on sait «cé pâ pôreil...»
• Quoi ! Des cohortes étrangères Feraient la loi dans nos foyers !: Haaaaa, là je reconnais bien le thème cher à la droite en général (dont vous faites partie, M. Ciotti): ces «hordes» d'«étrangers» ... ça sent bon le FN RN tout ça. (ta gueule Ciotti)
• Amour sacré de la Patrie... : Mmmmm «sacré» et «patrie» dans la même phrase, ça fait pas du tout peur. Moi, dès qu'on me dit «patrie» je cesse d'écouter, direct.

On pourrait continuer longtemps comme ça, c'est l'ensemble qui est un chant guerrier propagandiste qui pousse à la xénophobie, la violence, au culte du héro, au sacrifice etc.

Bref, la Marseillaise, c'est de la merde... et proposer de l'ériger en représentante des valeurs à transmettre à nos mômes, c'est une idée que Pétain n'aurait pas dénigrée.

Ferme ta gueule Ciotti et laisse les enseignants faire leur boulot. Si tu veux faire un truc utile, augmente le budget de l'éducation, pour le reste, laisse faire ceux qui savent.

Au passage, pour ceux qui ont la flemme de chercher, la marseillaise, la voilà (comme le maréchal)

<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});

---

► Commentaires