J'adore les selecteurs css

Sur une page HTML, j'avais besoin de filtrer en temps réel un grand nombre de photos... ben c'est vraiment simple.

Tu mets un input texte avec un onkeyup qui récupère sa valeur et tu utilises le sélecteur

"img[src*='"+filter+"']" 
pour récupérer toutes les images qui correspondent (celles qui contiennent le filtre).

c'est tout.

En gros et avec mon VanillaJS:

on("keyup","#filter",function(){
        filter=this.value;
        if (filter){
            hide("#images img");
            show("#images img[src*='"+filter+"']")
        }else{
            show("#images img");
        }       
    })

(...)

Patrick Balkany condamné à quatre ans de prison, avec incarcération immédiate

Il a quitté la salle d'audience escorté par les forces de l'ordre et dormira ce soir en détention. Patrick Balkany a été reconnu coupable de fraude fiscale, ce vendredi, par le tribunal correctionnel de Paris, et condamné à quatre ans de prison avec incarcération immédiate. Son épouse écope de trois ans de prison, sans mandat de dépôt. Tous les deux voient leurs peines assorties de 10 années d'inéligibilité.

Allez hop, au suivant !

Broncomic: perdre du temps à le gagner

Depuis quelques temps, j'avais envie de passer à un style plus cartoon... c'est fait.

Mais j'aimais bien l'idée de faire de petites BD courtes pour faire passer un message, aérer les articles, dire des conneries etc. Or, quand on est un warrior du dimanche, on se dit que faire à chaque fois les choses à partir de zéro, c'est tout de même un peu con, surtout quand on manque de temps vraiment libre pour s'y atteler.

En vrai codeur du dimanche que je suis, je me suis dit qu'une appli qui superposerait des «calques» permettrait de choisir rapidement des éléments séparés sélectionnés dans une banque de dessins de base afin de produire sans prise de tête une case vite-faite-sur-le-gaz.

Le mot-clé étant «rapide»

Me voici donc en train de faire un test ou deux pour trouver le moyen d'éviter la balise canvas que je trouve imbitable... Je tombe sur html-to-image qui fait le job. Le reste, c'est du css de base - mon rayon.

Après réalisation de cette appli sur la base de mon framework secret (chut) ça marche pas mal du tout. A défaut de vous la faire tester (je dis déjà assez de conneries comme ça sans que vous m'en fassiez dire davantage bande de tarés ) voici quelques captures d'écran :

La partie supérieure contient le visuel en cours, la partie du bas, les différents objets qu'on peut superposer répartis dans des onglets.

imageimageimageimageimage

Un bémol, j'ai pas réussi à faire un POST du blob pour sauvegarder sur le serveur afin d'obtenir une adresse de partage anonymisée (genre broncomic.warriordudimanche.net?comic=65df4gs6df5g4s6d).

J'en suis réduit à télécharger l'image pour l'uploader ensuite dans mon blog. C'est un peu con, mais comme j'avais fait un plugin permettant d'uploader des images directement en les déposant sur la page d'édition d'articles, c'est pas trop chiant en fait.

TCHUSS

Sécuriser une API REST (Partie 1) : Théorie - Code Heroes

Un article très intéressant et très bien expliqué sur la sécurisation d'une API REST.

Bon, j'ai plus qu'à me mettre à faire une classe exprès pour éviter de me retaper tout le boulot à chaque fois...

...

Bon, là, j'ai la flemme, mais... bon.

Quelques notes pour plus tard

1. Déroulement des requêtes

  1. Le client POST des données de connexion au format JSON à l'URL servant au login (par exemple api/login)
  2. le serveur renvoie un token d'identification contenant des informations précises dans un format spécial: le Json Web Token (voir après)
  3. le token est envoyé avec chaque requête ultérieure pour être identifié côté serveur: si ok, envoi des données.

2. Le JSON Web Token (JWT)

Il est constitué de trois parties: header, payload et signature.

header:

Un Json qui contient le type et l'algo d'encodage du token : { "typ":"JWT, "alg":"HS256" } par exemple. Ce Json est ensuite encodé en Base64 pour former la première partie du token.

Le payload:

Un autre Json contenant les infos de l'utilisateur et lui aussi encodé en base64 pour former la seconde partie du token. ( voir ici pour les noms de clé )

1.Propriétés réservées :

  • “iss” (Issuer) : l'identifiant du serveur de l'API;
  • “sub” (Subject) : Identifiant de l'utilisateur;
  • “aud” (Audience) : appli/site client;
  • “iat” (Issued At) : Il s’agit de la date de génération du token;
  • “exp” (Expiration Time) : Il s’agit de la date d’expiration du token.
  1. Propriétés publiques : Il s’agit de noms normalisés tels que “email”, “name”, “locale”...
  2. Propriétés privées : données propres à l'application.

La signature:

C'est un hash des deux premières parties utilisant l'algo précisé dans le header et une clé secrète détenue par le serveur (un salt, quoi).

HMACSHA256(base64UrlEncode(header) + "." + base64UrlEncode(payload), 'secret')

Googol - mise à jour.

Un petit post rapide pour annoncer la mise à jour de Googol.

Elle ne se voit pas beaucoup, mais derrière, j'ai tout pété et tout refait avec mon framework top secret, histoire de tester et de nettoyer le code legacy de ce script.

L'opération m'a pris quelques heures et le résultat va rester en phase de test un moment avant diffusion.

Au passage, si vous voulez garder votre calme, ne nommez pas votre classe «locale», c'est mal.

X-Men : Dark Phoenix

J'ai regardé X-Men : Dark Phoenix hier soir... C'est bien... ... C'est bien de la merde.

La vache: même les acteurs n'y croient pas. On dirait un film «yen a un peu plus j'vous l'mets quand même?» C'est presque de l'acabit d'un film de super-héros russe, t'as qu'à voir.

Je commence à sérieusement saturer avec les films/séries de super-héros: c'est bien simple, ils sont en passe de détrôner les films/séries de flics, c'est tout dire !

Ils en sont à faire apparaître Dazzler, pour les connaisseurs de la BD d'origine (et pour rien en faire, hein.) Si c'est pas du râclage de fond de tiroir...

Et pour ce qui est de la cohérence de l'univers Marvel, tu repasseras, hein. Et vas-y que je te fais crever des personnages qu'on voit chronologiquement plus tard. On s'en fout, on prend le pognon pis c'est marre.

En gros, les amerloques font avec les films les mêmes conneries qu'avec les BD: ils avaient foutu un tel merdier dans l'univers qu'ils avaient fini par parler de réalités alternatives (terre 1, terre 2 etc.) puis à faire des reboots de séries.

Quitte à voir du super-héros, regardez plutôt the boys: la série vaut le coup et elle est bien moins superficielle qu'on ne pourrait le penser de prime abord. Et en plus on rigole. alt

Très bonne explication sur le racisme anti-blancs - HowTommy | Liens et actu en vrac

je copie-colle direct:

Depuis la sortie médiatique de Lilian Thuram sur le racisme dans le football, interview issu d’un média italien, tout le monde lui est tombé dessus le taxant de «raciste anti-blanc».
Dans les heures et les jours qui ont suivi, de nombreux «spécialistes» sont intervenus sur les plateaux TV affirmant l’existence réelle et fondée d’un racisme anti-blanc.
Je vous passe les arguments merveilleux et objectifs d’un célèbre chroniqueur d’une chaîne cryptée, affirmant que si son fils avait échoué dans le foot c’est parce que ses coéquipiers noirs ne lui faisaient pas la passe, lui le seul blanc. Conclusion, racisme anti-blanc.
Rappelons tout de même que de très nombreux spécialistes, issus du monde universitaires, comme Fabrice Dhume, Eric Fassin ou Renni Edo Lodge, donc parfaitement légitimes pour traiter du sujet, contestent l’existence même du racisme anti-blanc.
On ne peut pas mettre sur un même pied d’égalité des siècles d’asservissement des populations africaines à quelques incivilités discriminantes constatées dans notre quotidien.
Le racisme dénoncé par les blancs prend uniquement la forme d’actes interpersonnels, c’est de l’entre soi et non une généralité basée sur la race ou la couleur de peau. C’est du niveau «il m’a insulté moi parce que je suis blanc ».
Seulement, dans la réalité, les blancs ne subissent pas, au quotidien des discriminations systémiques et systématiques. Non, les blancs ne sont pas discriminés lors d’entretiens d’embauche, lors d’une recherche d’appartement ou devant un videur de boite de nuit.
Dans son enquête, l’Institut d’Etudes Démographiques conclut que le soi-disant racisme anti-blanc ne produit pas d’inégalités sociales et ne se matérialise pas par une privation de droits ou d’accès à une ressource.
De même, dans l’histoire, jamais les blancs n’ont été discriminés par les institutions ou par l’Etat, contrairement aux personnes issus des minorités. Il y a eu une institutionnalisation du racisme.
On ne peut pas comparer le quotidien subjectif à une réglementation objective et officielle.
Enfin, on ne peut pas expliquer toute agression d’une personne non-blanche sur une personne blanche par la seule couleur de peau.
Lorsque le fameux chroniqueur du #CFC justifie l’existence d’un racisme anti-blanc en racontant l’histoire de son fils, il oublie de préciser aussi que son fils ne touchait pas la balle parce qu’il était … tout simplement mauvais en football, pas parce qu’il était blanc.
En psychologie, c’est la différence entre le locus interne – je suis responsable de mes actes – et le locus externe – tout m’arrive à cause des autres.
Je terminerai par une conclusion bien pêchu : si le blanc veut vraiment être victime de racisme anti-blanc, qu’il vienne vivre juste 1 semaine la vie d’un noir, et on en reparlera ? (et c’est un bon blanc breton qui le dit)

Comment passer d'une idée à la réalisation finale ? - YouTube

J'aime beaucoup le Labo d'Heliox: elle bosse bien, explique très clairement, propose de bonnes idées et aborde aussi les problèmes qu'elle a rencontrés. Dans cette vidéo, elle explique comment elle réfléchit lors de la conception d'un projet (ici un slider pour faire des travellings)

C'est rassurant de voir les autres galérer comme nous

Surtout que les soucis qu'elle rencontre ne peuvent être détectés qu'avec un prototype (placement des éléments par exemple.)



La bonté filmée...

A arpenter les colonnes des imgur, 9gag et autres réseaux sociaux, on tombe fatalement à un moment ou un autre sur une vidéo d'un gars qui fait preuve de générosité envers une personne défavorisée; souvent, un type donne des fringues à un SDF par exemple. Il y a peu, on avait vu un internaute utiliser les services de livraison d'amazon pour faire apporter des couvertures et des chaussettes à un homme devant un magasin.

Comme pas mal de gens et après un moment de foi restaurée, je me suis dit:

image image

La question est donc la suivante:

image

Non, parce que....

Les gens qui se filment ont clairement l'intention de se faire mousser en montrant comment qu'ils sont de bon samaritains et ça semble méprisable.

Toutefois...

image image image image image

Conclusion

image

Service national universel : le gouvernement vise 400.000 jeunes en 2022 | Les Echos

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 et ), ç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...image

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

image
Via https://www.sammyfisherjr.net/Shaarli/?qzwSqg

PHP: preg_split - Manual

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.

Marseillaise et drapeaux à l’affiche de la rentrée scolaire? | Le Club de Mediapart

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)

Sia Furler: mais pourquoi ?!

Je n'ai découvert Sia que très tardivement, à l'époque de Chandelier. J'en ai écouté d'autres par la suite et je ne peux retenir une réaction émotionnelle.

Malgré sa puissance vocale, elle est loin des chanteuses qui gueulent et font de leurs vocalises à la con leur seule caractéristique en multipliant les effets de voix et les geignements.

Sia a une identité vocale que je trouve extraordinaire: son élocution boudeuse, son timbre chaud, cette voix qui se casse... ses montées désespérées comme des cris de douleur. Bref, je ne me l'explique pas vraiment, mais cette voix-là sur ces mélodies-là provoque en moi une réponse émotionnelle forte, mystérieuse et systématique. Parfois au point d'avoir la gorge nouée. Il y a là une émotion brute, puissante et humaine qui précède même la compréhension du texte en soi.

Et si je la vois chanter, c'est pire...

Je ne comprends pas. Mais merci quand même.

image

Et merde, ça recommence...

Bédé: SHANGRI-LA

Quand je suis en ville, ce qui m'arrive TRRRRES rarement vu que je suis un rural pur ours à l'état semi sauvage, j'aime bien m'offrir une BD... parce qu'une BD, ça ne se choisit pas en ligne: ça se feuillette, ça se soupèse, ça se hume...

Autant il m'arrive d'être déçu, autant parfois je tombe sur une perle...

image

Shangri-la...

...de Mathieu Bablet, appartient indiscutablement de cette dernière catégorie: un excellent scénario au service d'une ambiance étouffante qui pousse le lecteur à la claustrophobie, des dessins qui peuvent sembler approximatifs dans un premier temps mais dont le trait et les couleurs dégagent beaucoup de personnalité, loin des dessins et encrages normalisés dont regorgent les rayons des libraires... les textes sont également loin des poncifs lourdingues et des dialogues sans imagination.

image

de quoi que ça cause-t-il ?

Dans une immense station spatiale tentaculaire appartenant à une entreprise toute puissante et totalitaire, les derniers représentants de l'humanité vivent une existence morne et répétitive.

image

Un personnage est chargé d'une enquête sur des stations laboratoires dans lesquelles ont eu lieu des incidents étrange.

pourquoi c'est particulièrement bien ?

L'histoire est au service d'une réflexion plus profonde sur ce qu'est un régime totalitaire, en quoi consiste une révolution, comment fonctionne la société numérique, comment les gouvernements bénéficient du racisme, ce que sont le bonheur ou l'exploitation etc. C'est une BD qui pense, ou du moins qui pousse à prendre une peu de recul sur nous-mêmes.

image

image

En plus - et c'est une chose que j'apprécie particulièrement - arriver à la fin de l'histoire n'apportera pas toutes les réponses et il faudra la relire plusieurs fois tant persiste l'impression d'être passé à côté de quelque chose.

Pour en savoir plus un article sur dailymars

Fil RSS des articles de cette catégorie