#132 - Amelioration de |balise_img et |balise_svg pour permettre de forcer une taille - spip - SPIP on GIT
▻https://git.spip.net/spip/spip/pulls/132
Le filtre |balise_img est survitamine
Doc temporaire des filtres |balise_img et |balise_svg
\o/
#spip #image #filtre #balise_img #balise_svg
Le petit #shameless_autopromo du lundi : on vient de publier sur l’App Store pour iPhone et iPad l’application Sur les pas de F. Bazille :
▻https://apps.apple.com/fr/app/sur-les-pas-de-f-bazille/id1554592070
Il s’agit de la version « app » de la web app intégrée au site Fabre dans mon canapé, à l’occasion de l’Hommage à Frédéric Bazille :
►https://fabre.montpellier3m.fr/Sur-les-pas-de-Frederic-Bazille-a-Montpellier
C’est ici une sorte de « Proof of Concept » : la promenade géolocalisée dans Montpellier, je l’ai développée directement dans mes outils Web (c’est donc évidemment du #SPIP) pour la plateforme « Canapé ». Une application avait été développée en 2016 (dont on reprend sur le site Web les contenus textuels et iconographiques), mais la version pour iPhone n’est plus disponible.
La version Android de 2016 est toujours accessible :
▻https://play.google.com/store/apps/details?id=air.opixido.fabre.bazille&hl=fr&gl=US
Comme la version iPhone n’est plus disponible, ma propre version permet de pallier sa disparition, et l’intérêt pour moi c’est de démontrer que ma plateforme, outre un site Web, permet de créer des « apps » dédiées extrêmement facilement, sans se lancer dans le nouveau développement d’une application complète sur smartphone.
I rescued four baby red squirrels [The Squirrels & Me]
▻https://invidious.fdn.fr/watch?v=3tDlh62AVPo
Pas encore vu, mais une personne qui sauve des écureuils ne peut pas être mauvaise :)
#spip
Dites, si ça vous branche et que cette instance d’invidious revient souvent je peux l’ajouter à celle déjà prise en charge pour les embeds cf ▻https://git.spip.net/spip-contrib-extensions/seenthis_autoembed/commit/62371a8cf5cb1a2057eb4d22e1dccc6b859b2342
Découverte pratique du jour dans #SPIP
Une balise #NULL quand on a besoin de passer un argument null sur l’appel d’un filtre ou formulaire (évite un #EVAL{null})
▻https://code.spip.net/autodoc/tree/ecrire/public/balises.php.html#function_balise_NULL_dist
Par exemple, quand on on utilise un inclure dans différents contextes et que, selon les contextes, on doit avoir un {id_article} ou non.
Ex : afficher tou·tes les auteur·es du site
<INCLURE{fond=inclure/equipe, env, ajax, id_article=#NULL} />ou seulement celles et ceux lié·es à l’article
<INCLURE{fond=inclure/equipe, env, ajax} />et dans l’inclure
<BOUCLE_equipe(AUTEURS) {id_article?} >
...
</BOUCLE_equipe>
« Un petit bout de sparadrap »
▻http://www.davduf.net/un-petit-bout-de-sparadrap
Les feux de poubelle sur BFM, Nirvana à Issy-les-Moulineaux, les débuts d’Internet, Un pays qui se tient sage, Tarnac, le Canada, les romans, le cinéma, les flics, la vallée des prisons, et un petit bout de sparadrap sur la plaque de Malik Oussekine. 35 ans de vie, et la voix chaude d’un intervieweur parmi les meilleurs, ce ceux qui s’en laissent conter. Sur CinéMutins. Ce soir, il y avait ça, sur la devanture du Chaplin, à Paris. Ce soir, il y a aussi ça, avec les copains des Mutins de Pangée, une (...) Biblio & Filmo Graphie
/ Une, #Spip, #Société_de_contribution, #La_Rafale, Télé, #Revue_de_presse, #Jacques_Brel, New (...)
#Biblio_&_Filmo_Graphie #Télé #New_Moon
▻https://www.cinemutins.com/un-pays-qui-se-tient-sage
▻https://www.franceculture.fr/oeuvre/tchernobyl-forever-carnet-de-voyage-en-enfer
La bonne nouvelle du moment : la toute première version de l’application Points de secours en forêt vient d’être acceptée sur l’App Store (pour iPhone et iPad donc) :
▻https://apps.apple.com/fr/app/points-de-secours-en-forêt/id1535013949
La forêt est caractérisée par son espace naturel étendu, sans population aux alentours. Les personnes qui y travaillent ou la fréquentent sont géographiquement isolés. Conséquence : alors qu’en moyenne, les services de secours arrivent en 13 minutes sur un point d’intervention, ce temps s’élève à 25 minutes en forêt.
La FNEDT, l’UCFF, l’ONF, la FNCOFOR, la FNB, avec le soutien de l’interprofession nationale France Bois Forêt, la CCMSA, l’IGN et les sapeurs-pompiers, ne peuvent se résoudre à cet état de fait.
Trouver en un instant le point de rencontre des secours le plus proche, en cas d’accident en forêt. C’est l’objet d’un projet collaboratif qui se lance, incluant la création d’une application mobile.
Graphisme/ergonomie de @diala, développement général de moi, et @fil a conçu l’aspiration des fonds de carte en local. C’est entièrement du Web, empaqueté dans une app, avec quelques petites fonctionnalités natives (aller chercher un numéro de téléphone dans le carnet d’adresse…).
Le principe est de fournir aux gens qui travaillent en forêt les points de secours les plus proches, où ils pourront se rendre en cas d’accident. L’application pourra aussi être utilisée par les promeneurs. Dans le courant de l’année, ces organisations lanceront une campagne avec leurs adhérents et les services de secours pour généraliser le référencement de ces points de secours (ce qui, en retour, augmentera la finesse du maillage présenté par l’application).
La fonction centrale (outre la géolocalisation et le positionnement des points de secours), c’est évidemment l’aspiration des fonds de carte, puisqu’une fois en forêt, même si tu as été vacciné contre le Covid, tu risques d’avoir du mal à capter la 5G. D’où l’interface en deux parties, qui invite l’usager à « Se préparer », en sélectionnant la zone où il se trouvera, sélectionner un point de secours en cas de problème, indiquer quand il sera sur site, et ensuite à expédier ces informations par SMS à ses proches (ou à son entreprise). Ce qui semble une mesure de précaution (indiquer où on se trouvera), en pratique permet à la app de déclencher le téléchargement des fonds de carte.
De cette façon, une fois dans l’onglet « En forêt », les fonds de carte sont déjà en cache et tu n’as donc pas besoin d’avoir ton vaccin contre le Covid à jour.
Et là tu me demandes : est-ce que c’est fait avec #SPIP ? Alors figure-toi que oui, c’est du SPIP.
Et Android, on sent le pâté ?
Faudrait réveiller Google. J’ai soumis l’application le 8 sur le Play Store, et depuis j’attends leur retour. Apple m’a validé l’application en une journée.
tu peux publier l’APK dans un coin sur un serveur ; ça s’installe très bien en clickant une URL :-)
Ça y est, la version Android est sur le store :
▻https://play.google.com/store/apps/details?id=com.parisbeyrouth.psef
nodeca/pica : Resize image in browser with high quality and high speed
▻https://github.com/nodeca/pica
Un script JS pour redimensionner une image dans le navigateur :
Resize images in browser without pixelation and reasonably fast. Autoselect the best of available technologies: webworkers, webassembly, createImageBitmap, pure JS.
With pica you can:
– Reduce upload size for large images, saving upload time.
– Saves server resources on image processing.
– Generate thumbnails in browser.
#image #redimensionner #upload #javascript #client-side #SPIP
Aujourd’hui on livre une visite virtuelle pour l’exposition Les derniers impressionnistes du Musée de Lodève :
▻https://23forward.com/derniersimpressionnistes
Lodève c’est une petite ville à 35 minutes au nord-ouest de #Montpellier, à l’entrée du Larzac, avec un très beau musée, où se tiennent des expositions temporaires épatantes. Malheureusement l’exposition de cet hiver est restée quasiment tout le temps fermée au public, et donc le musée nous a demandé de réaliser une visite virtuelle avec des photos panoramiques à 360°.
C’est donc réalisé avec ma plateforme sous #SPIP, telle qu’utilisée par ailleurs pour Fabre dans mon canapé, le mini-site concerné étant « aspiré » et transformé en site statique.
Le musée de Lodève, c’est aussi le musée où l’on peut voir des œuvres de Paul Dardé, évoqué ici :
▻https://seenthis.net/messages/784474
Avec une correction depuis : ce n’est pas une exposition temporaire. Au musée de Lodève, toute la partie consacrée à Paul Dardé, au rez-de-chaussée, c’est permanent.
Lodève : “Les derniers impressionnistes” dévoilent leur intimité sur la toile - midilibre.fr
▻https://www.midilibre.fr/2021/02/18/lodeve-les-derniers-impressionnistes-devoilent-leur-intimite-sur-la-toile-
Lodève : l’exposition « Derniers impressionnistes, le temps de l’intimité » depuis son canapé | Métropolitain
▻https://actu.fr/occitanie/lodeve_34142/lodeve-l-exposition-derniers-impressionnistes-le-temps-de-l-intimite-depuis-son
L’exposition du musée de Lodève « Derniers impressionnistes, le temps de l’intimité », inaugurée le 26 septembre, est à voir en ligne sans limite de temps. En raison de l’épidémie et de la fermeture des musées, l’exposition n’aura été ouverte au public que pendant cinq semaines. C’est pourquoi le musée a imaginé plusieurs manières de profiter de l’exposition malgré tout, depuis chez soi. Installez-vous sur votre canapé et profitez bien.
Emmet — the essential toolkit for web-developers
►https://emmet.io
Emmet is a plugin for many popular text editors which greatly improves HTML & CSS workflow
Découvert via cette vidéo :
▻https://www.youtube.com/watch?v=EhRPdUv1ZrA
Grace à #vscodium, on peut passer plus de temps à apprendre les raccourcis qu’à coder :)
Pour info, il y a des snippets pour #spip : ▻https://git.spip.net/spip-contrib-outils/snippets-vscodium
Roh ! Je ne connaissais pas « lorem » ou « lorem5 » ... un indipensable :)
#HTML5UP Spectral v2 pour #SPIP
(ré-)Adaptation pour SPIP du squelette « Spectral » de html5up
Un critere {par_ordre_liste champ,#LISTE{...}} qui permet d’ordonner explicitement les resultat d’une boucle selon un tableau · 1b6c328268 - spip - SPIP on GIT
▻https://git.spip.net/spip/spip/commit/1b6c32826813ac67144a96bb94b95ce5e834a290
Doc temporaire d’une nouvelle (super !) feature : le critère par_ordre_liste :
Un critere {par_ordre_liste champ,#LISTE{...}} qui permet d’ordonner explicitement les resultat d’une boucle selon un tableau
Cela donne le meme resultat que si on utilise un {champ IN ...} sauf que
– le critere IN classe uniquement par defaut selon le tableau fournit, et cet ordre est ecrase si on a un autre critere, ou une jointure
– le {par_ordre_liste} permet de separer la selection du classement
– on peut le combiner avec d’autres {par...} dans l’ordre que l’on veut
Aoto
Aoto est un squelette de présentation de photographies.
Il est idéal pour présenter un portfolio de photos, de dessins, ....
Il utilise la fenêtre modale Fancybox 3 qui est particulièrement adaptée aux présentation de photos avec son lecteur intégré.
– La page d’accueil est minimale et affiche une image en fond de façon aléatoire
– Les pages courantes affichent une photo ou une planche contact
– Le squelette fonctionne aussi très bien sur smartphones (gestion du glisser, des zooms, ...)
Créer des modèles générant des notes de bas de page
Ce plugin permet de créer des modèles capables de générer des notes de bas de page affichables comme telles.
▻https://contrib.spip.net/Creer-des-modeles-generant-des-notes-de-bas-de-page
creat2id
Ce plugin a pour objet de permettre la création, dans l’espace public, d’une visiteuse ou d’un visiteur avec une double authentification (vérification en deux étapes, une méthode d’authentification forte).
Libre à lire !
▻https://www.librealire.org
Le groupe Transcriptions de l’April transforme en texte des enregistrements audio et vidéos traitant du logiciel libre et de libertés informatiques en général.
#transcription #accessibilité #logiciel_libre #informatique #April via @chankalan
Que se passe t’il quand une voie ferrée est abandonnée ?
Thread by BB27000 on Thread Reader App – Thread Reader App
▻https://threadreaderapp.com/thread/1352634546420903936.html
une bonne dizaine d’images montrant l’évolution progressive
désolé pour la pub de Thread Reader, sinon, il y a directement le fil Twitter :
BB27000 sur Twitter : "Que se passe t’il quand une voie ferrée est abandonnée ? / Twitter
▻https://twitter.com/BB27000/status/1352634546420903936
Conducteur SNCF au PAC-TER (le SAMU des trains) , élu meilleur train de l’année par Marguerite et Clarabelle ( vaches limousine).
Ça me rappelle un site en #spip sur lequel je suis tombé par hasard il y a quelques temps cf ▻http://archeoferroviaire.free.fr/v31/spip.php
#HTML5up Escape Velocity pour #SPIP
Adaptation pour SPIP du squelette « ESCAPE VELOCITY » de html5up
Die falsche Toleranz im Silicon Valley muss endlich aufhören
▻https://www.golem.de/news/usa-die-falsche-toleranz-im-silicon-valley-muss-endlich-aufhoeren-2101-153360.
Merci à la communauté #SPIP de ne pas utiliser Github.
Github wirft einen Juden raus, der vor Nazis warnt, weil das den Betrieb stört. Das ist moralisch verkommen - wie üblich im Silicon Valley.
Create HTML5 Canvas documents in Animate CC
▻https://helpx.adobe.com/mena_ar/animate/using/creating-publishing-html5-canvas-document.html
Animate CC est un outil interessant pour la création d’images au format HTML 5 / <canvas> mais il requiert que Javascript soit actif dans le client http . Avec les fonctions graphiques de #SPIP par contre on peut produire du contenu interactiv (au niveau de la création de pages web) sans créer une charge supplémentaire pour les clients web.
Adding interactivity in HTML5 Canvas document
Animate CC publishes HTML5 content using the CreateJS libraries. CreateJS is a suite of modular libraries and tools which enable rich interactive content on open web technologies via HTML5. The CreateJS suite comprises of: EaselJS, TweenJS, SoundJS, and PreloadJS. CreateJS converts content created on stage to HTML5 using these individual libraries to produce HTML and JavaScript output files. You can also manipulate this JavaScript file to enhance your content.
However, Animate CC allows you to add interactivity to objects on stage created for HTML5 Canvas from within. It means that you can actually add JavaScript code to individual objects on stage from within Animate and preview at author-time. In turn, Animate provides native support for JavaScript with useful features within the code-editor to help improve workflow efficiency of programmers.
P.S. Animate CC est payant et ne marche que sous MS windows.
Question #SPIP : est-ce que quelqu’un utilise un plugin pour gérer une association (membres, cotisations, etc.) ? Je vois qu’il existe Associaspip, est-ce que c’est maintenu ?
J’identifie @spip pour l’en informer :)
Il y a eu un échange sur la liste SPIP-dev le mois dernier ▻https://www.mail-archive.com/spip-dev@rezo.net/msg70644.html
et le carnet-wiki ▻https://contrib.spip.net/deterrer-Associaspip
Non ce n’est pas maintenu.
Moi perso, je ne fais pas « gestion complète d’association » : ce serait beaucoup trop long à maintenir, il y a des logiciels dédiés à ça. C’est comme si tu voulais réinventer un logiciel de comptabilité par ex en SPIP, c’est un métier à plein temps.
Par contre je gère les adhésions avec notre plugin Abonnements : tu fais une ou plusieurs offres, tu lui adjoins le plugin Profils (éventuellement avec Contacts & Organisations et Coordonnées, mais c’est même pas obligatoire) pour faire des grandes fiches d’informations si jamais ya plein de trucs à demander aux membres, et tu utilises le plugin Commandes d’abonnements (qui nécessite Commandes donc) pour avoir un beau formulaire permettant de choisir une offre et la payer en ligne (avec Bank). Ça va assez vite d’avoir un tunnel complet, encore plus avec le plugin Tunnels qui mâche un peu le travail.
▻https://git.spip.net/spip-contrib-extensions/abonnements
▻https://git.spip.net/spip-contrib-extensions/commandes_abonnements
▻https://git.spip.net/spip-contrib-extensions/tunnels
▻https://git.spip.net/spip-contrib-extensions/profils
(Protip : le plugin Profils permet d’importer et d’exporter en CSV des centaines de comptes d’un coup même avec 50 champs rajoutés, avec Champs Extras, et même venant de plusieurs tables liées à la fois auteur-contacts-coordonnées… tout ça sans rien coder, plugNplay.)
Tenez un Changelog
▻https://keepachangelog.com/fr/1.0.0
tout ce qu’il faut savoir pour faire un changelog au top
La gazette des rois et des reines
▻https://blog.spip.net/La-gazette-des-rois-et-des-reines.html
Démarrer rapidement et facilement un projet avec un script
Et si vous aviez un #script pour faire le boulot ? Un script qui pourrait vous générer un projet prêt à démarrer, et ce en quelques instants, avec uniquement des interventions de votre part au début pour répondre à des questions basiques ?
▻https://darklg.me/demarrer-rapidement-et-facilement-un-projet-avec-un-script
Mes 1ers tests par ici avec mon boilerplate #SPIP : ▻https://gitlab.com/jmoupah/zcm-installer
Couplé à #SPIP-CLI / #Checkout, ça commence à causer :)
SPIP-CLI : ►https://contrib.spip.net/SPIP-Cli
Checkout : ▻https://git.spip.net/spip-contrib-outils/checkout
#git #developpement #bash #outil
c’est en gros ce que fait l’installeur de IntéGraal qui est uniquement en spip-cli :
▻https://git.spip.net/spip-contrib-outils/spip-cli/src/branch/master/src/Command/IntegraalGenerer.php
Sachant qu’en spip-cli, enfin avec le module Console de Sf quoi, une fois qu’on a fait des commandes unitaires pour ci ou ça, on peut aussi faire des commandes qui appelle d’autres commandes.
Moi je fais donc tout en PHP/spip-cli/Console, vu que c’est bien plus simple à coder, propre, beau avec des couleurs, tableaux, barre de défilement, etc, sans avoir à coder en Bash.
Pour spip-cli, par contre, hors commandes de base, ça va chercher que les commandes qui sont dans des plugins activés, d’où le fait que pour l’instant celle pour IntéGraal est dans le socle commun, sinon on peut pas l’utiliser.
Ce qu’on pourrait imaginer c’est que spip-cli cherche aussi au moins les commandes placées dans un dossier « spip-cli » à la racine du dossier où on le lance et/ou à la racine du spip (pas juste les plugins activés).
Pour l’instant, mes besoins sont rudimentaires, donc bash me va bien :)
Ce que ça fait :
– crée la base mySQL pour installer SPIP via spip-cli
– crée les dossiers plugins et auto (désactivable)
– clone ZCM
– édite paquet.xml avec le préfixe du plugin
– renomme les fichiers options/fonctions/zcm-xx.svg avec le préfixe du plugin
– commit le tout dans un repo du nom du préfixe préalablement créé (désactivable)
Et donc les commandes :
– télécharger SPIP spip dl --branche master
– initialiser ZCM Intaller zcminstaller (créer à minima la base de données)
– installer SPIP spip core:installer --db-server "mysql" --db-login "login" --db-pass "motdepasse" --db-database "nomdelabase" --admin-nom "nom" --admin-login "login" --admin-email "mail@domaine.net" --admin-pass "motdepasse"
– ajouter le dépôt des plugins spip plugins:svp:depoter https://plugins.spip.net/depots/principal.xml
La seule chose que je n’arrive pas à faire via SPIP Cli, c’est installer mon plugin car ça ne gère pas les dépendances (téléchargement et installation). Ou alors, je rate une commande ?
@seenthis cadeau : ça n’est pas parce que tu n’as pas le bon goût d’utiliser le plugin #oembed pour #SPIP que les membres de seenthis doivent se faire traquer par youtube :p
J’ai donc reporté la modification qui permet de passer les embeds #youtube en mode « nocookie » dans le plugin autoembed cf ▻https://git.spip.net/spip-contrib-extensions/seenthis_autoembed/commit/f4c9561319152ed4f426fca6489d083975942c92
Modif de mon script de détection de la compatibilité #WebP du navigateur dans mon #plugin #SPIP image_responsive :
►https://git.spip.net/spip-contrib-extensions/image_responsive
Jusqu’à présent, je me contentais d’un test synchrone en Javascript, avec un code assez simple. Le hic : Firefox compatible avec WebP n’était pas détecté comme compatible. Et re-hic avec les mises à jour récentes de MacOs et iOS, Safari a le même souci.
La nouvelle méthode : je fais le teste synchrone. Si le test synchrone dit que le navigateur est compatible, tant mieux, on s’arrête là, c’est oui.
Si le test synchrone échoue (peut-être Safari ou Firefox), alors je balance un test asynchrone. En attendant, pour cette première page, tant pis, les scripts considèrent que le navigateur n’est pas compatible, et on travaille avec JPEG ou PNG à la place de WebP.
Mais à la fin du teste asynchrone, je stocke le résultat (oui/non) en LocalStorage. Et ainsi, à la page suivante, je récupère directement le résultat du localstorage, et j’affiche ou non le WebP sans refaire de test de compatibilité. Et ça fonctionne nickel avec Safari et Firefox (à partir de la seconde page donc).
Et au passage, j’introduis exactement la même méthode pour le format #Avif (pour le coup, ça détecte bien Chrome, qui pourtant ne passe pas non plus le test synchrone – même bug bizarre sur le MimeType de image/avif qui est détecté comme image/png).
