Intéressant et astucieux

.calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.first-day {
  grid-column-start: 3;
}

<div class="calendar-wrapper">
  <h1>Decemeber</h1>
  <ul class="calendar">
    <li class="weekday">Sun</li>
    <li class="weekday">Mon</li>
    <li class="weekday">Tue</li>
    <li class="weekday">Wed</li>
    <li class="weekday">Thu</li>
    <li class="weekday">Fri</li>
    <li class="weekday">Sat</li>

    <li class="first-day">1</li>
    <li>2</li>
    <li>3</li>
    <!-- ... -->
    <li>29</li>
    <li>30</li>
    <li>31</li>
  </ul>
</div>

<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

C'est bien con mais très drôle à utiliser...

Deux ténors et deux sopranos, quatre blobs et un opéra à créer !

<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

Mais qu'est-ce que c'est encore que ce truc ?

Il s'agit d'une petite imprimante du type de celles qui impriment vos tickets de caisse... mais mieux.

Mettons-nous d'accord de suite: ce n'est pas une imprimante de qualité, ce n'est pas une imprimante photo, ce n'est même pas une imprimante couleur.

Il s'agit d'un gadget destiné à s'amuser en imprimant des notes, des bannières, des listes, des petites images à glisser partout ou coller dans son journal.

Avantages:

1. elle est toute petite et toute mimi: elle tient dans la paume de la main.
2. elle est dotée d'une batterie qui permet de la trimballer absolument partout.
3. elle est thermique: l'impression se fait sur un papier spécial mais il n'y a pas de cartouche d'encre.
4. l'impression est très rapide
5. elle est sans fil et la connexion se fait par bluetooth
6. le papier n'est pas très cher et il existe en autocollant (let the fun begin !)
7. elle est pas très chère: 39€ chez Intermarché, c'est pas un investissement.

Inconvénients

1. l'impression photo est assez pourrave: c'est du dégradé de gris avec une résolution médiocre
2. l'impression n'est contrôlée que par l'appli et via smartphone: je n'ai pas cherché, mais je n'ai pas réussi à la faire reconnaître par linux ou windaube (c'est peut-être possible mais ça relèvea du hack à mon avis)

L'appli : PP Go

L'application compatible est pour le moins ... minimaliste. On peut y imprimer un texte, une image, une photo prise à la volée ou même un gribouillage dessiné dans la page dédiée.

Ça donne quoi ?

Une fois connectée, l'impression est rapide et, honnêtement, pas si mauvaise que ça pour un gadget à 39€...

On peut même s'amuser à imprimer des bannières de la longueur que l'on veut car l'impression se fait sur des rouleaux

J'en colle en particulier dans mon bullet journal pour illustrer certains moments ou certaines notes.

J'ai même prévu de me faire quelques versions papier de cette image

Donc

39€ avec 4 rouleaux de papier

<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

Entre les navigateurs «legacy» qui veulent au max du 32x32, les apple qui demandent du 180x180 (c'est quoi ce format perso de merde à la apple), les webapps android qui réclament du 192x192 et du 512x512, les windows Tile, les Safari pinned (sans compter les trucs expérimentaux) et le fait que l'ensemble doit être déclinable en dark-mode ou bright-mode, ça en fait des icônes...

Genre, on se retrouve à charger plus lourd en favicon qu'en contenu pertinent et utile... tout ça pour afficher une icône dans l'onglet du navigateur ! Une trentaine d'icône pour être sûr que l'image elle sera zoulie partout... (on se croirait revenu au temps de la rétrocompatibilité IE6-8). Heureusement que l'auteur nous annonce que les favicons sont chargées en background par le navigateur et n'affectent pas l'expérience utilisateur...

On est en 2020 les mecs

Genre, vous pourriez utiliser globalement le svg pour avoir un rendu joli quelle que soit la taille et c'est marre. Alors je sais, on a - globalement - des connexions de fifous qui s'accommodent de cette surcharge, mais:

1. justement, pas tous: beaucoup n'ont pas des connexions de privilégiés; la campagne, les zones blanches, les pays en voie de développement etc... C'est pas cool de leur imposer des surcharges.
2. ça me rappelle les développeurs qui tablent sur le perfectionnement technologique des machines pour pas s'emmerder à optimiser leurs bouzins en se disant que ça tourne sur leur bécane à 4000 boules.
3. c'est du loose-loose: les devs s'emmerdent avec des brouettées d'icônes aux formats les plus strange qui soient et les utilisateurs se font bouffer le forfait 2€ free juste pour charger l'icône du site... Le jeu n'en vaut pas la chandelle: il y a sans doute de meilleurs emplois du temps de dev et de la bande passante.

Heureusement

...l'auteur propose de limiter à 5 le nombre d'icônes (avec un fichier manifest)... c'est déjà ça.

<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: on peut utiliser des roms cia sur sa 3ds apparemment sans utiliser de linker ?!

La méthode pour installer un firmware custom.

<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