Yield et les itérateurs... c'est juste... bô

function monGenerateur() {

    yield 'Alice' => 29;

    yield 'Bob' => 34;

    yield 'Camille' => 23;

}

foreach (monGenerateur() as $name => $age) {

    print("$name a $age ans\n");

}

<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

Changer la couleur d'un SVG, astuces.

• le svg inline ou le SVG symbol + la propriété css fill: facile mais lourd puisque l'image est rechargée avec la page à chaque fois au lieu d'être mise en cache.
• deux background SVG différents (un de chaque couleur): oui, merci mon con, on y aurait pensé tout seul... c'est pas tellement une astuce et ça multiplie par deux le nombre d'icônes. SU-PER.
• un background SVG (ou SVG object) + un filter : pas bête... le plus dur étant de trouver la couleur que l'on souhaite à base de filters.
• utiliser un masque de la couleur de fond du site (et donc l'icône en transparent dedans) puis définir la couleur de fond de l'image: oui, mais ça déplace le problème sur la couleur de fond.
• Un SVG background sous forme de data:image/svg+xml dans le fichier CSS: retour à la méthode 1 mais en écartant le souci de chargement, puisque le fichier css sera mis en cache. Bon, il risque de peser sa tonne au premier chargement, mais bon...

C'est con que les fontes d'icônes soient un problème pour l'accessibilité, parce que ça reste quand même la solution la plus propre et optimisée, je trouve.

<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

A lire...

• «It has started ‘loving’ open source and Linux in the last few years but before that Linux was cancer. »
  
• «The Linux community is behaving like a teen-aged girl madly in love with a brute. Who benefits from this Microsoft-Linux relationship? Clearly, Microsoft has more to gain here.»
  
• «In the coming years, a significant population of future generation of programmers won’t even bother to try Linux desktop because they’ll get everything right in their systems that comes pre-installed with Windows.»
  
• «The desktop Linux will unfortunately see a decline. The Linux Foundation already doesn’t care about the desktop Linux. Out of the millions it gets, literally nothing goes for the development of desktop Linux»
  
• «Microsoft loves Open Source. It’s love is so deep that it open sourced the magnificent Windows calculator [...] But when it comes to bringing commercial products like Microsoft Office to Linux, Microsoft suddenly recalls that there is not ‘enough demand’ for MS Office on Linux. Not enough demand? So, were people signing petitions or holding yellow jacket protests for open sourcing Windows calculator? »
  
• «This is not love, Microsoft and Linux. This is merely a relationship of convenience. »
  
  
  Source image

<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

Note pour plus tard: Transformer une chaine texte contenant du html en objet à inclure dans le DOM.

 var xmlString = "
<a href='http://www.warriordudimanche.net/rss#'>Link
";
    doc = new DOMParser().parseFromString(xmlString, "text/xml");
    console.log(doc.firstChild.innerHTML);
    console.log(doc.firstChild.firstChild.innerHTML); 

<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

Paf !

<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