SVG within CSS | CSS-Tricks

Wow... la propriété CSS Fliter, qui permet d'appliquer des filtres sur un élément (blur, grayscale etc) permet apparemment l'utilisation de filtres SVG inline... le truc de fou.

C'est tricky, pas élégant, un peu sale mais apparemment assez puissant puisqu'on peut même appliquer des filtres de déformation...

img {
  filter: url('data:image/svg+xml,
    <svg xmlns="http://www.w3.org/2000/svg">
      <filter id="waves" x="-20%" y="-20%" width="140%" height="140%" filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="linearRGB">
        <feTurbulence type="turbulence" baseFrequency="0.01 0.01" numOctaves="1" seed="1" stitchTiles="noStitch" result="turbulence" />
        <feDisplacementMap in="SourceGraphic" in2="turbulence" scale="20" xChannelSelector="G" yChannelSelector="A" result="displacementMap" />
      </filter>
    </svg>#waves')
  ;
}

Excalidraw

Très intéressant, ça: une appli opensource et autohébergeable (à base de React) pour réaliser des graphiques dans un style fait main du meilleur effet... En plus, il semblerait qu'on puisse travailler en mode collaboratif.

canvas.png

En plus, il y a plein de packs de graphismes à ajouter depuis le dépôt https://libraries.excalidraw.com/

software-architecture.png

forms.png

Via https://www.lagilb.fr/Shaarli/

Brico du weekend : lustre-tu cru ?

Ok  celui-là est encore plus navrant que les autres  j ai pas honte de le dire

Il y a quelques jours, le lustre de la salle à manger à pété (le transfo) et du coup, on s'est dit que je pouvais faire le frère de celui que j'avais mis dans le salon... (https://warriordudimanche.net/article1363/et-lumiere-fut-gag)

IMG 20210129 124458.jpg

IMG 20210129 124452.jpg

Toujours à base de branche de saule coupé dans le petit bois près de chez moi.

À quoi ressemblait vraiment l'Angleterre à l'époque de «La Chronique des Bridgerton»?

@SammyFisher : C'est exactement ce que j'en ai pensé: il faut le prendre comme une pure fiction, voire une uchronie idéaliste. Ça ne me semble ni bien ni mal en soi... tant que le postulat de départ est bien clair pour tout le monde.

Sans compter que j'ai trouvé le tout assez fade et sans charme.

Via https://www.sammyfisherjr.net/Shaarli/


Eqk-iwuWMAUsXbW (Image JPEG, 4032 × 3024 pixels) - Redimensionnée (31%)

Je suis prêt   on part quand  tu veux  .png

J'ai beau essayer plein de jeux différents, rien n'y fait: ça ne vaut pas les elder scrolls à mes yeux.

Les autres jeux sont soit trop dirigistes, soit trop narratifs, soit mal foutus du point de vue ergonomique... je ne retrouve jamais le plaisir de jeu, l'immédiateté, la simplicité, la liberté de Skyrim, Oblivion ou Morrowind...

heavyb.jpg

Via https://www.sammyfisherjr.net/Shaarli/

How to save a base64 image from javascript with php | Our Code World

Bon, on ne m'enlèvera pas de la tête que c'est pas super intuitif, ni super simple, mais bon, je n'ai trouvé que ça qui fonctionne...

Mon souci

  1. Je crée une image côté navigateur avec canvas
  2. je veux l'envoyer à mon serveur pour stockage

On pourrait croire que c'est simple, hein... ben j'ai pas trouvé, personnellement.

J'ai essayé

  1. de transformer le canvas en blob et de l'envoyer via un formdata
  2. de transformer le canvas en blob et de l'envoyer comme un objet simple
  3. de transformer le canvas en DataURL et de l'envoyer via un formdata
  4. de transformer le canvas en DataURL et de l'envoyer comme un objet simple

Mais à chaque fois, j'ai pas été foutu de récupérer les données côté PHP (bon, je me doute qu'il doit y avoir un pacson de trucs que j'ignore encore, hein...)

Ensuite, j'ai pensé

«et si je passais les données au format base64, je devrais pouvoir les récupérer facilement...» car je pratique couramment un optimisme ridicule au sujet duquel il m'arrive encore de sombrer dans la stupéfaction à grand fracas...

Dont acte: je recommence à farfouiller avec des fetch, des posts pis tout mais sans succès: les données décodées font une image invalide.

en désespoir de cause

Je décide de procéder moins élégamment: je copie les données vers un formulaire caché que je poste en target blank pour pas perdre ma page de travail... Oui, je sais, c'est sale, c'est moche, c'est pas secure, j'en ai conscience, c'est pas la peine de m'enfoncer, j'ai déjà assez honte comme ça...

Je reçois bien de la base 64, je décode... Et l'image n'est toujours pas valide. Puis une recherche m'apprend qu'il faut virer l'en-tête base64 côté serveur avant de décoder pour que ça fonctionne...

Je teste et... ça marche.

SUPER INTUITIF MERCI

ComposeKey - Community Help Wiki

Oui, j'avais posté il y a super longtemps un billet sur des astuces pour les accents espagnols sous ubuntu/int ( https://www.warriordudimanche.net/article691/59b41f3ca6ec8 ) puis je me suis rendu compte que la méthode la plus simple (mais VRAIMENT plus simple) est de trouver une disposition de clavier adéquate...

Pour les accents espagnols, le meilleur clavier azerty est le clavier Occitan:

  • il est AZERTY
  • il est compatible avec les claviers AZERTY les plus répandus
  • les caractères espagnols sont accessibles en pressant simplement la touche ATL en même temps: ALT+a = á etc.

Je n'utilise plus jamais le clavier français.

Fil RSS des articles