Mise à jour API Iconeleon

Je viens de mettre à jour Iconeleon:

  1. le téléchargement est désormais un zip contenant les icônes et plus simplement le fichier du script

  2. j'ai changé la maquette (un peu) : dark mode

  3. j'ai ajouté les packs de svg de Typicons, Iconic, Zocial et Elusive

  4. petit bug: certaines parties de quelques icônes semblent rester noires si on change leur couleur, je me pencherai dessus

Le code du dimanche: Grafit (oui, un lundi... je suis un fou, moi )

Alors là, on est clairement dans le code du dimanche, et vous allez voir pourquoi...

J'avais envie de faire un outil de visualisation de données facile d'accès et simple, comme un microservice que je pourrais utiliser par la suite dans une de mes applis...

Comme toujours, avant même de voir si ça existerait pas déjà, je me demande comment faire le truc moi-même et ce que je vais pouvoir apprendre avec...
C'est alors que je me dis que le SVG ce serait bien:

  • redimensionnable
  • léger
  • universel
  • je ne connais pas la génération de SVG en PHP : youpi

Je me lance...

et j'arrive à des résultats pas trop dégueus mais tout se corse (chef-lieu Ajaccio) quand je dois placer le texte (nombres, noms de colonnes etc)

et là c'est le drame

C'est emmerdant à center, c'est emmerdant à redimensionner: bref c'est emmerdant. Pour résumer.

J'en ai tellement chié pour un résultat tellement pas terrible que, d'un coup, je me suis rappelé que mon copain JerryWham avait fait une lib juste pour ça !

phpGraph

Une lib qui permet de transformer des données en graphique au format SVG directement, avec des options de configuration et des rendus différents (ligne, barres, camemberts etc), ça vous tente ? Ben c'est par là :

Comme le plus dur est fait (et VRAIMENT bien fait)

Je me suis contenté de faire un script qui permet de passer des données et la config à la lib via $_GET

  • data: des données au format json [123,234,345,...] ou {"cle":valeur...}
  • w,h: largeur et hauteur (opt.)
  • color: couleur du graph au format FFFFFF (opt.)
  • lines/filled:graphique en ligne ou en lignes remplies (par défaut, le graph est en barres)
  • steps: le pas des graduations en ordonnée (calculé par défaut en fonction du maximum)
  • title: le titre du graph (opt.)
  • hidekeys: pour cacher les clés en pied de graph

Et ça donne quoi ?

Données d'un tableau séquentiel

Les clés ne sont donc pas affichées.

api.warriordudimanche.net/grafit/?data=[123,321,51,656,89,54,67,56]

Le même avec un graph de surface

api.warriordudimanche.net/grafit/?data=[123,321,51,656,89,54,67,56]&filled

Avec des données de tableau associatif

Par exemple des données générées par GenContent

api.warriordudimanche.net/grafit/?color=FF0000&data={"01/08/18":"2822","28/11/19":"5320","01/05/16":"3856","03/04/19":"5087","25/10/14":"7137","27/12/17":"6365","08/11/15":"6616","01/05/17":"1341","01/08/14":"2742","05/07/20":"4697"}

https://api.warriordudimanche.net/grafit/?color=FF0000&lines&hidekeys=&data={"23/02/11":"9391","18/09/15":"5098","07/10/12":"8553","04/06/12":"3349","09/07/13":"1260","31/07/17":"1311","10/05/14":"2039","01/12/17":"273","19/08/14":"4641","04/07/11":"3806","24/11/12":"9094","20/10/19":"4837","14/02/11":"9425","24/06/17":"5971","09/08/15":"4326","18/07/15":"71","06/10/16":"1706","02/08/14":"9249","01/07/18":"3612","22/10/11":"375","27/04/17":"3596","04/11/15":"3732","21/03/13":"407","18/07/16":"2180","16/04/14":"9401","22/12/11":"3474","10/07/15":"4725","07/12/11":"2081","10/10/14":"3216","12/03/16":"3654"}[/center]

Attention !

Ce n'est pas pour visualiser des données épiques, multidimensionnelles ou vraiment très nombreuses (les clés se chevauchent s'il y a trop de données et on peut les masquer en ajoutant hidekeys en paramètre.)

Ce sera sans doute appelé à évoluer mais bon, je me suis bien amusé et j'ai touché du doigt que faire du SVG, ça se fait pas entre deux portes au doigt mouillé...

sansdeconner.jpeg

Sur Twitter, des députés LREM réclament l

S'il vous faut la preuve que:

  1. les gens qui font les lois n'aiment pas se les appliquer à eux même,
  2. les gens qui font les lois veulent plus de pouvoir que le péquin lambada,
  3. les gens qui font les lois veulent maintenir un système oppressif et raciste,
  4. les gens qui font les lois n'ont absolument pas pour objectif l'égalité et la liberté des citoyens,
  5. les gens qui font les lois ne veulent surtout pas de la fraternité entre les citoyens, car des citoyens qui fraternisent au delà de leurs différences, ce sont des citoyens unis.
  6. les gens qui font les lois ont si peu de considération pour nous qu'ils ne prennent même pas la peine de mentir correctement ou de cacher proprement la merde au chat...
Via https://sebsauvage.net/links/

40 ans, toujours puceau.

Remarque, le tout branlette a des bons côtés !

  1. pas besoin de t'embêter avec une relation amoureuse
  2. liberté totale et immédiateté de la satisfaction des besoins
  3. parfaite complicité avec toi-même
  4. pas besoin de faire jouir ta main ou ton sextoy
  5. tu peux continuer à péter au lit comme un goret

troll offert par WDD

Via https://sebsauvage.net/links/

Mumi - Nothing Else Matters (handpan cover) - YouTube

Et voilà... ça me noue la gorge. Tout est parfait: sa voix, son interprétation, la pureté du son de l'instrument... Et pourtant, c'était pas facile de renouveler cette chanson qui, à force de reprises, avait perdu une grande partie de sa puissance (et je fais partie de ceux qui ont découvert le Black album lors de sa sortie et qui ont vénéré ce morceau )

Via http://links.bill2-software.com/shaarli/


Le hacker qui avait révélé l'existence de la Switch avant Nintendo condamné à 3 ans d'emprisonnement

Oui, merci à Knah Tsaeb d'avoir complété le titre volontairement tronqué:

Le hacker qui avait révélé l’existence de la Nintendo Switch avant sa sortie et qui était en possession d’images pédopornographiques a été condamné à trois ans d’emprisonnement

Voilà: on sous-entend qu'il a été condamné uniquement pour avoir révélé l'existence d'une console un peu en avance histoire que tout le monde vienne effectuer un clic indigné sur leur lien... Mais en fait:

  1. il a pénétré par effraction sur un réseau qui ne lui appartenait pas
  2. il a divulgué des infos confidentielles sur un produit, c'est pas un lanceur d'alerte, hein...
  3. il se branle sur des photos de gamins à poil.

Donc, finalement, trois ans, c'est pas tellement, au bout du compte...

Question : Donner un quota d'internet aux enfants

Le problème initial

Comme tous les parents, je surveille drastiquement l'exposition de mes enfants aux écrans en général et à internet en particulier.

Afin de limiter l'accès à internet, j'utilisais l'espace contrôle parental de la freebox mini en bloquant l'accès et en le débloquant à la demande, ce qui me permet de contrôler la quantité de temps passé.

Le souci, c'est que des enfants, j'en ai quatre et qu'il y en a trois qui me demandent de débloquer un peu d'internet à plusieurs reprises tous les jours: je suis devenu FAI sans m'en rendre compte !

Comme j'en ai marre d'être réduit au rôle de portier du web, j'ai jeté un oeil sur la configuration du contrôle parental (devenu «gérer les profils» depuis une mise à jour récente: super clair)... ben deux problèmes se posent:

  1. la nouvelle interface est imbitable car il faut ajouter des «temps de pause» au lieu de donner des horaires d'accès... c'est chiant et c'était mieux avant comme dirait Cyrille Borne... Donc il faudrait que je configure des plages horaires de blocage.
  2. les plages horaires, c'est bien sympa, mais c'est très régulier... trop. Si je configure des plages horaires d'accès, mes gamins vont disparaître à heure fixe ou vont avoir tendance à bâcler des trucs pour être à l'heure et ne pas perdre de temps de connexion.

Une solution ?

L'idéal serait de pouvoir configurer non pas des plages horaires mais un quota de temps: ainsi, le môme se connecte quand il le souhaite et "dépense" son temps d'internet comme il le veut et à l'heure qui lui convient. Donc il faudrait:

  • pouvoir fixer un quota d'heures (genre 1h ou 1h30 / jour)
  • que le temps soit décompté uniquement tant que la machine est connectée au wifi

Hélas

Je ne vois pas du tout comment faire ça: sur la freebox, c'est bien évidemment mort mais peut-être qu'avec une machine servant de point d'accès ça pourrait se faire... ?

Donc

Si quelqu'un a une idée géniale, je suis preneur

How to Add Text in Borders Using Basic HTML Elements | CSS-Tricks

Rigolo : comment mettre du texte dans les rebords d'un cadre ? Genre comme ça:

Capture du 2020-12-06 14-18-45.png

En utilisant des fieldsets et leur legend...

<fieldset><legend>Wash Your Hands</legend></fieldset>
<fieldset><legend>Stay Apart</legend></fieldset>
<fieldset><legend>Wear A Mask</legend></fieldset>
<fieldset><legend>Stay Home</legend></fieldset>


body{
  display: grid; 
  margin: auto; 
  margin-top: calc(50vh - 170px); 
  width: 300px; height: 300px; 
}
fieldset{
  border: 10px solid transparent; 
  border-top-color: black; 
  box-sizing: border-box; 
  grid-area: 1 / 1; 
  padding: 20px; 
  width: inherit; 
}
fieldset:nth-of-type(1){ 
  background: content-box center/contain no-repeat url("photo-1588852065463-5de1411ea697?w=400"); 
}
fieldset:nth-of-type(2){ transform: rotate(90deg); }
fieldset:nth-of-type(3){ transform: rotate(180deg); }
fieldset:nth-of-type(4){ transform: rotate(-90deg); }
legend{
  font: 15pt/0 'Averia Serif Libre'; 
  margin: auto; 
  padding: 0 4px; 
} 
fieldset:nth-of-type(3)>legend{ transform: rotate(180deg); } 

body {
  user-select: none;
  -webkit-user-select: none;
}

Native CSS Masonry Layout In CSS Grid | CSS-Tricks

OUATE ?!

Le design Masonry est chiant à faire sans se lancer dans des hacks à la con ou des bouts de JS (surtout pour l'aspect vertical + horizontal)

J'apprends qu'il y a une propriété de grid-template-rows pour ça ?

.container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: masonry;
}

Vous allez voir qu'une fois bien implantée, le design masonry deviendra hasbeen... comme à la grande époque des bords ronds à base de multiplication de divs ou des ombres à base de png tout pétés: quand on a eu border-radius et box-shadow, la mode est passée au flat design...

Coding Fonts — Anonymous Pro on CSS-Tricks

@SebSauvage Quand la destinée se mêle d'une conversation sur les polices de caractères dans laquelle on aborde le choix de police pour les blocs de code: tu t'aperçois que css-tricks a fait une showcase pour les polices dev...

c'est beau, le destin !

Photo Prism - Browse Your Life in Pictures

Tiens, ça peut être intéressant ça: un logiciel de photothèque écrit en Go et capable de tri etc qui utilise le deeplearning (Tensorflow)...

Je n'ai pas vraiment regardé mais ça vaudrait le coup de regarder comment il fonctionne et surtout s'il envoie des trucs à Google, vu que tensorflow est une lib à eux...

Via Korben


Le code de samedi: une API mematic

Au menu du jour une API qui permet de memiser une image du ouebe en une ligne...

Vous allez me ressortir   Et allez donc  une autre API à la mords-moi le zboub  codée à l arrache en mode sitotditsitotfait    .jpg

Ce à quoi je vous répondrai  avec une éloquence qui  pour être coutumière chez moi  ne saurait manquer de provoquer une légitime admiration .jpg

 OUI  .jpg

Koitesce

Ben, je viens de vous le dire ! vous m'écoutez ou pas quand je parle ?!

Il s'agit de pouvoir fabriquer un meme en un minimum de temps: une image glanée sur le net et pouf, c'est parti.

Comment que ça marche-t-il ?

Les arguments GET sont les suivants:

  • t: le texte à afficher (on peut mettre des /n pour sauter des lignes)
  • i: l'url de l'image et c'est tout.

Comme pour fancytation et les autres API:

  • help: affiche une aide
  • download: permet de télécharger le script php de l'api

Cerise sur le cageot

Vous pouvez générer un bookmarklet destiné à utiliser l'API en utilisant l'argument $_GET bookmarklet ce qui donnera :

Copier ce lien de bookmarklet: Mematic

Ainsi, il suffit d'utiliser la fonction «afficher l'image» de votre navigateur puis de cliquer sur le bookmarklet pour entrer le texte du meme et récupérer l'image générée.

1.jpg

2.jpg

3.jpeg

 Exemples   .jpg

Quand ton pote sort un sscript PHP tout pété, qu'il l'appelle pompeusement API mais que tu l'aimes quand même...

t'As vU cOmMeNt jE kOd tRo bI1 ?! C oUf !

Allez dans le pet du saigneur

Fil RSS des articles de cette catégorie