Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #p
  • #plu
RSS: #plugin

#plugin

  • #plugins-dist
  • #plugins_firefox
  • #plugin_bank
  • #plugin_glpi
  • #plugin_spip
  • #plugin_jquery
0 | 25 | 50 | 75 | 100 | 125 | 150 | 175 | 200 | ... | 375
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 21/05/2022
    3
    @spip
    @realet
    @tofulm
    3

    ▻https://contrib.spip.net/http.api/ezrest/paquets?prefixe=saisies&compatible_spip=4.1

    ↑ exemple de requête sur l’API de spip-contrib/ezrest pour récupérer les infos d’un plugin (ici saisies) compatible avec une version précise de SPIP (ici 4.1)
    Le retour est un Json dans lequel on pourra trouver (entre autre !) les versions du plugin (ici : donnees > SAISIES > paquet > 4.3.6)
    Devrait permettre de pouvoir récupérer le tag correspondant (ici « v4.3.6 » si la nomenclature de création des tags a été respectée) via une commande spip dl (en mode git) de spip-cli...

    #SPIP #API #plugins #version #tag #spip-cli #compatibilité

    cy_altern @cy_altern CC BY-SA
    • @realet
      RealET @realet CC BY-SA 22/05/2022
      @cy_altern

      Salut @cy_altern,

      De mon côté, je viens de faire un script pour lister les commandes git à faire pour cloner un site avec les même versions de plugin déjà installés par Git :

      <code>
      function generategitinstall() {
      FILE=$PWD/$1/../paquet.xml
      if [ -f “$FILE” ]; then
      origin=$(git —git-dir=$1 —work-tree=$PWD/$1/.. config —get remote.origin.url)
      prefix=$(xmllint —xpath “string(/paquet/@prefix)” $PWD/$1/../paquet.xml)
      branch=$(git —git-dir=$1 —work-tree=$PWD/$1/.. branch —show-current)
      echo “git clone $origin $prefix && cd $prefix && git checkout -b$branch && cd ..”
      fi
      }

      function findgits() {
      find ./* -type d -name “.git” -print0 | sort -z |
      while IFS= read -r -d ’’ line; do
      generategitinstall $line
      done
      }
      echo “# spip”
      branch=$(git branch —show-current)
      echo “checkout.php spip -b$branch .”

      echo “# plugins”
      cd plugins
      findgits
      cd ..
      </code>

      RealET @realet CC BY-SA
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 18/03/2022
    1
    @spip
    1

    Mise à jour de mon #plugin #SPIP : css_imbriques
    ▻https://git.spip.net/spip-contrib-extensions/css_imbriques

    – J’ai ajouté la possibilité d’utiliser -spip-inset ainsi :

    -spip-inset: 1px 2px 3px 4px;

    que le plugin va directement transformer en :
    top: 1px;
    right: 2px;
    bottom: 3px;
    left: 4px;

    Je suggère d’abuser de :
    -spip-inset: 0;

    ultra-pratique.

    Selon CanIUse, inset est désormais compris par 88% des navigateurs. C’est bien, mais pas suffisant. Et surtout, l’affichage ne se dégrade pas du tout correctement sur les navigateurs anciens. D’où le recours à mon. -spip-inset qui fabrique un code beaucoup plus oldschool.

    – L’intégration des appels aux fichiers .htc (compatibilité avec des vieux MSIE) est désactivé par défaut. (Si on veut on peut les réactiver, mais je pense que ça cible spécifiquement MSIE 6 et 7, alors bon…)

    ARNO* @arno ART LIBRE
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 28/05/2021
    3
    @marcimat
    @spip
    @cy_altern
    3

    J’ai un souci très bizarre avec la réduction d’image avec GD, qui introduit du bruit dans les zones transparentes des images PNG. Et quand on superpose une dizaine d’images de cette façon, le bruit finit par se voir, et ça fait une zone transparente qui n’est plus vraiment transparente (et ça fait un effet assez dégueulasse).

    Sur ce serveur, voici l’horreur (il y a plein de tâches sur le quadrillage du fond transparent) :

    https://i.ibb.co/C748tJG/Capture-d-cran-2021-05-28-18-13-03.jpg

    Mais la même chose sur un autre serveur, nickel :

    https://i.ibb.co/VJPpCQL/Capture-d-cran-2021-05-28-18-21-22.jpg

    J’ai bien trouvé des évocations de ce noise provoqué par imagecopyresampled, mais pas de solution. Surtout que pour le coup, ça semble venir d’installations différentes des serveurs (les deux serveurs sont sur des Debian récentes, avec PHP 7.3 activé).

    Est-ce que vous auriez des idées de piste ? (Si je vous dis qu’en plus, ce client, il m’a collé un service informatique totalement indigent, et que la configuration du serveur c’est un peu pour ma pomme et c’est pas du tout ma spécialité ?)

    ARNO* @arno ART LIBRE
    • @arno
      ARNO* @arno ART LIBRE 28/05/2021

      Le seul commentaire intéressant évoque des erreurs d’arrondi. Est-ce qu’il y aurait une extension (de PHP ? du serveur ?) qui augmenterait la profondeur des calculs mathématiques ?

      [edit] J’ai installé les mêmes extensions PHP sur le serveur problématique, ça n’a pas corrigé mon problème.

      ARNO* @arno ART LIBRE
    • @arno
      ARNO* @arno ART LIBRE 28/05/2021

      Du coup je pousse la version 9.1.0 de mon #plugin #SPIP image_responsive. J’ai ajouté l’option que l’on active ainsi :

      define("_IMAGE_CORRIGER_BRUIT_TRANSPARENT", true);

      (par défaut elle est désactivée) qui force les valeurs de transparence à 127 si elles sont supérieures à 124. Ce qui supprime le bruit des zones transparentes après le imagecopyresampled. (Par contre ça rallonge les temps de calcul copieusement, puisque ça parcourt les images pixel par pixel…)

      ARNO* @arno ART LIBRE
    • @arno
      ARNO* @arno ART LIBRE 28/05/2021

      Au passage, ça pousse aussi la version 9.0, qui désactive la réduction sur les images Gif. Parce que la réduction d’un Gif animé supprime l’animation, et qu’après tout ce temps (et un retour à la mode très surprenant), les gens utilisent uniquement le Gif pour faire des animations (si vous avez encore des gens qui font des Gif pour publier des photos, faut leur dire qu’iils sont restés bloqués en 1998).

      ARNO* @arno ART LIBRE
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 27/05/2021
    3
    @spip
    @rastapopoulos
    @kassem
    3

    La petite fête en mode #shameless_autopromo du jour : on lance ce soir la nouveau site de Documents d’artistes Nouvelle-Aquitaine, réalisé sous la direction artistique de Didier Lechenne :
    ▻https://dda-nouvelle-aquitaine.org

    Évidemment c’est du #SPIP, et donc c’est mon premier site livré en #SPIP_4 parce que pourquoi pas…

    Parmi les choses un peu originales…

    – Il a la reprise de tous les dossiers d’artistes de l’ancien site, à partir d’une base de données en HTML, plutôt complexe, avec beaucoup de tables différentes, et j’ai remis tout ça dans la structure de SPIP.

    Quand on se lance là-dedans, évidemment on ne sait jamais quand et comment on va s’en sortir, mais au final ça s’est plutôt bien passé. Pas mal de moulinettes pour reconvertir des dates au format date de mySQL, extraire le nom du département, etc. Et tant qu’à faire : récupérer les URL des anciens dossiers, pour les conserver dans le nouveau site.

    – Le gros du site (et sa raison d’être, évidemment), ce sont les « dossiers d’artistes », avec les œuvres, des bio-bibliographiques, des textes critiques et parfois des entretiens filmés :
    ▻https://dda-nouvelle-aquitaine.org/benoit-pierre

    – Plutôt que de totalement me reposer sur les Champs extra, pour les fiches des artistes, qui ont énormément d’informations spécifiques, j’ai préféré faire un plugin dédié, avec une interface beaucoup plus compacte. Il y a notamment des cases à cocher en face de chaque champ, pour décider si c’est une information privée ou publique, et avec l’interface standard des champs extra, on se retrouvait avec un formulaire très indigeste. Là c’est relativement compact.

    – Mes habituels longforms, que Didier a relookés à sa sauce :
    ▻https://dda-nouvelle-aquitaine.org/Documents-d-Artistes-Nouvelle-Aquitaine

    – L’interface repose sur un savant système de « cases », dont Didier a conçu une belle variété. Au final, le nombre de fichiers différents est limité, mais il y a pas mal de variantes directement dans les squelettes en fonction des situations et des éléments présents.

    Par exemple les « textes critiques » ont cette présentation, avec l’introduction qui sert à « illustrer » la case :
    ▻https://dda-nouvelle-aquitaine.org/Textes-critiques-27823
    alors que les entretiens ont une vignette, et l’indication d’une durée :
    ►https://dda-nouvelle-aquitaine.org/Entretiens-27824
    etc.

    – Utilisation relativement importante du #plugin Compositions, pour les rubriques. Par exemple les Cartes postales ont une maquette ajoutée récemment, pour coller à un besoin spécifique :
    ▻https://dda-nouvelle-aquitaine.org/Cartes-postales
    alors que, par exemple, les Tirés à part sont un longform plus classique :
    ▻https://dda-nouvelle-aquitaine.org/Tires-a-part
    et les Entretiens ont une présentation en grille menant à des articles plus classiques (ou articles virtuels) :
    ►https://dda-nouvelle-aquitaine.org/Entretiens-27824

    – Une carte des œuvres dans l’espace public :
    ▻https://dda-nouvelle-aquitaine.org/OEuvres-dans-l-espace-public

    – Didier m’a fait découvrir le script Swiper, très largement utilisé dans cette interface :
    ▻https://swiperjs.com

    ARNO* @arno ART LIBRE
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 24/04/2021
    1
    @spip
    1
    @rastapopoulos

    #SPIP : quelqu’un sait où je peux trouver un plugin qui utiliserait le nouveau SortableJS, censé remplacer la version de jqueryui ?

    Sinon je vais attendre que @rastapopoulos s’attelle à la mise à jour de Sélections éditoriales pour voir comment ça se fait proprement…

    En attendant, j’ai recodé le #plugin centre_image, mais avec une gestion maison du drag-drop de la petite croix :
    ▻https://git.spip.net/spip-contrib-extensions/centre_image

    ARNO* @arno ART LIBRE
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 24/04/2021

      ya le plugin Médias du core qui doit l’utiliser non ? puisqu’il y a le drag n drop sur les listes documents pour les ordonner avec un rang maintenant

      sinon j’ai vu que le plugin Rang avait été mis à jour pour l’utiliser aussi

      RastaPopoulos @rastapopoulos CC BY-NC
    • @arno
      ARNO* @arno ART LIBRE 24/04/2021

      Ah oui, merci, Médias l’utilise effectivement. Je vais voir ça.

      ARNO* @arno ART LIBRE
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 23/04/2021
    1
    @spip
    1

    Nouveau #plugin #SPIP : obfuscation_liens
    ▻https://git.spip.net/spip-contrib-extensions/obfuscation_liens

    C’est pour faire du SEO. Ça s’utilise via un #FILTRE{obfuscation_liens} dans le squelette concerné : dans ce cas tous les liens trouvés dans ce squelette sont transformés en <span>, et le lien (href) est encodé en base64 et installé dans un data-obf.

    Il paraît que c’est la seule façon de réellement « cacher » un lien pour le crawler de Google, qui ne respecterait pas réellement les no-follow.

    ARNO* @arno ART LIBRE
    • @b_b
      b_b @b_b PUBLIC DOMAIN 23/04/2021

      Faudra penser à mettre à jour son descriptif issu d’un copier/coller ▻https://git.spip.net/spip-contrib-extensions/obfuscation_liens/src/branch/master/paquet.xml#L10 ;)

      PS : c’est pas un peu une abomination si les liens ne sont plus fonctionnels sans js ?

      b_b @b_b PUBLIC DOMAIN
    • @arno
      ARNO* @arno ART LIBRE 23/04/2021

      Oui alors à la base, ce genre de chose n’est pas non plus ma tasse thé… :-)

      Mais vu qu’on m’a demandé de le faire, parce qu’une spécialiste du SEO a fait un audit du site, j’ai pas trop le choix, autant partager l’outil.

      Aprrrrrrèèèèèès (mais vraiment loin après) :
      – l’utilisation première est restreinte à certains liens externes omniprésents (dans les footers notamment), qu’on est plus ou moins obligés d’avoir pour des raisons politiques, mais qui ne servent pas à grand chose, et qui d’après la spécialsite SEO, nuisent au référencement…
      – dans une interface très graphique, j’ai un bout d’interface très visuel, totalement redondante avec la navigation traditionnelle, je me dis qu’éviter de coller des liens difficiles à comprendre là-dedans pour les gens qui ne voient pas l’interface, alors qu’on a la même information, mais proprement structurée par ailleurs, ça peut se justifier (je ne vais pas le jurer, mais p’têt ben que oui).

      ARNO* @arno ART LIBRE
    • @arno
      ARNO* @arno ART LIBRE 23/04/2021

      Au fait, il faut faire quelque chose pour que le plugin devienne accessible en installation automatique, ou bien c’est plus la peine depuis qu’on est sous Git ?

      ARNO* @arno ART LIBRE
    • @maieul
      Maïeul @maieul 23/04/2021

      faut que tu pose un tag sous la forme vx.y.z.

      Maïeul @maieul
    • @maieul
      Maïeul @maieul 23/04/2021

      bon mais par contre le lien ne serait plus accessible sans js, si je comprend bien ?

      Maïeul @maieul
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 23/04/2021

      Pour faire un tag (et autres commandes git si besoin) : ▻https://contrib.spip.net/Equivalences-des-commandes-SVN-GIT

      jeanmarie @jeanmarie CC BY-NC-SA
    • @maieul
      Maïeul @maieul 23/04/2021

      un autre intérêt que je verrais à l’obfuscation, c’est si je veux referencer un site (car source pour un article que j’écris) sans pour autant augmenter son SEO (genre si je cite un texte d’un cite d’extreme droite ou du gouvernement)

      Maïeul @maieul
    • @arno
      ARNO* @arno ART LIBRE 23/04/2021
      @maieul

      @maieul Pour le moment, je ne suis pas allé chercher plus précisément que tous les liens dans un bout de squelette, donc là c’est pas fait pour.

      Il faudrait un autre filtre qui irait taper uniquement sur des liens avec un classe précise (.spip_obf par exemple), mais de toute façon je ne vois pas comment fabriquer des liens avec une classe spécifique dans les raccourcis SPIP.

      ARNO* @arno ART LIBRE
    • @klaus
      klaus++ @klaus 24/04/2021
      @maieul

      @maieul Avec ce filtre on peut introduire une règle pour les auteurs d’un site. Par exemple en filtrant les champs #DESCRIPTIF, #TEXTE etc. SPIP n’afficherait en clair que les liens de la table spip_syndic ou contenus dans #PS , alors les auteurs devraient décider sur l’affichange ou non d’un lien en le plaçant ou dans le texte ou dans un contexte de publication en clair.

      Ce filtre ajoute également un argument supplémentaire à la question des liens « interdits par la loi » dont on peut questionner l’illégalité quand les « liens » sont rendus inopérants sans javascript et exclu du référencement par les crawler .

      klaus++ @klaus
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 13/12/2020
    1
    @spip
    1

    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).

    ARNO* @arno ART LIBRE
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 19/11/2020
    1
    @spip
    1

    Sur un site #SPIP, j’ai besoin de détecter les langues des messages, mais je ne veux détecter que dans trois langues (français, anglais, allemand).

    Du coup mon #plugin seenthis_detecter_langue n’est pas utilisable directement :
    ▻https://git.spip.net/spip-contrib-extensions/seenthis_detecter_langue

    parce que je n’ai pas prévu de limiter arbitrairement le choix des langues. (Ce qui est assez logique en général.)

    Du coup, dans mes_fonctions.php, je fabrique une fonction detecter_la_langue ainsi :

    $my_ngrams = false;
    function detecter_la_langue($texte) {
            if (!$my_ngrams) {
                    $my_ngrams["fr"] = $GLOBALS["ngrams"]['fr'];
                    $my_ngrams["en"] = $GLOBALS["ngrams"]['en'];
                    $my_ngrams["de"] = $GLOBALS["ngrams"]['de'];
                    $GLOBALS["ngrams"] = $my_ngrams;
            }
            return detecter_langue($texte);
    }

    Du coup on ne teste les « ngrams » que sur ces trois langues, donc le plugin ne pourra plus retourner qu’une de ces trois valeurs.

    ARNO* @arno ART LIBRE
    • @arno
      ARNO* @arno ART LIBRE 19/11/2020

      Tu me dira que je pourrais coder ça proprement directement dans le plugin, mais comme je trouve que limiter arbitrairement la détection des langues n’est généralement pas une bonne idée, je préfère pas l’intégrer au plugin.

      ARNO* @arno ART LIBRE
    • @fil
      Fil @fil 19/11/2020

      #du_coup

      Fil @fil
    • @b_b
      b_b @b_b PUBLIC DOMAIN 27/04/2021

      Ha ben je tombe justement sur un problème avec détecter langue qui attribue la langue ca dès que le mot « invariable » est dans le texte d’un post seenthis, et #du_coup je me dis que ça serait pas mal de pouvoir étendre ou limiter le bouzin :p

      PS : j’ai fourbé comme un crado avec cet ajout dans mes_fonctions.php :

      include_spip("inc/detecter_langue");
      unset($GLOBALS["ngrams"]['ca']);
      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 17/09/2020
    3
    @spip
    @marcimat
    @realet
    3

    Pour ce qui nous intéresse (si si), la grosse nouveauté d’iOS 14, c’est qu’il accepte désormais les images WebP.

    J’ai testé avec mes sites où la version WebP est générée directement par mon #plugin #SPIP image_responsive, ça bascule sur les versions WebP de manière totalement transparente.

    De ma propre expérience :

    – sur les fichiers JPEG, je gagne généralement autour de 30% à 50% sur le poids des images. Avec des dessins au trait, je gagne systématiquement 50%.

    – sur des fichiers PNG (quand j’ai besoin de la transparence), c’est absolument énorme, les images sont 7 à 8 fois plus légères.

    Sur un site comme La Méthode Curie, où j’utilise énormément d’images au trait avec transparence, la différence est donc phénoménale :
    ▻https://lamethodecurie.fr/index.html

    ARNO* @arno ART LIBRE
    • @fil
      Fil @fil 17/09/2020

      apparemment encore plus fort que webp : AVIF
      ▻https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today

      Fil @fil
    • @marcimat
      marcimat @marcimat 18/09/2020

      Ça a l’air top Avif aussi effectivement.

      marcimat @marcimat
    • @b_b
      b_b @b_b PUBLIC DOMAIN 18/09/2020

      Un autre article à propos du format #AVIF avec des comparaisons assez bluffantes ▻https://jakearchibald.com/2020/avif-has-landed

      b_b @b_b PUBLIC DOMAIN
    • @_cym_
      _cym_ @_cym_ 18/09/2020

      très agréable, le site sur le labo de Marie...

      _cym_ @_cym_
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 9/09/2020
    1
    @spip
    1

    Il y a eu pas mal de changement sur mon #plugin #SPIP Outils de base pour HTML5 et responsive :
    ▻https://git.spip.net/spip-contrib-extensions/html5_responsive

    Il y a désormais une constante, _HTML5_RESPONSIVE_ACCESSIBLE (par défaut à true) qui fait que, par défaut, on ne bloque pas le comportement de zoom de l’ensemble de la page (c’était le cas auparavant).

    En revanche, si on définit :

    define("_HTML5_RESPONSIVE_ACCESSIBLE", false);

    le viewport est bloqué à l’échelle 1. Ce qui est généralement nécessaire quand je fais des applis Web.

    Au passage, dans le cas où on définit cette constante à false, je viens en plus d’ajouter des CSS censées bloquer le swipe gauche qui provoque de retour à la page précédente (très pénible quand on fait une interface d’application), et une qui devrait bloquer correctement le zoom de l’écran (parce que les navigateurs, même sur les smartphones, ne respectent plus le meta viewport…).

    ARNO* @arno ART LIBRE
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 2/07/2020
    3
    @spip
    @monolecte
    @rastapopoulos
    3

    On vient de livrer, avec Mosquito, la bande dessinée numérique La Méthode Curie pour le Musée Curie
    ▻https://lamethodecurie.fr

    https://i.imgur.com/tihVQbY.jpg

    C’est évidemment sous #SPIP, et c’est réalisé avec mon plugin permettant de fabriquer des cases animées dans l’espace privé (#shameless_autopromo donc).

    La Méthode Curie : la bande dessinée numérique du Musée Curie
    ▻https://curie.fr/actualite/notre-histoire/la-methode-curie-la-bande-dessinee-numerique-du-musee-curie

    Le Musée Curie dévoile, ce lundi, un roman graphique au dessin soigné, qui décrit « La méthode curie », une méthode expérimentale, mise en place pour mesurer la radioactivité. Le fonctionnement des appareils utilisés par Marie et Pierre Curie est expliqué avec clarté, humour, et pédagogie. Ce document digital unique a pour vocation de rendre accessible l’histoire et le fonctionnement de la méthode Curie de façon ludique. Grâce à ces explications autour de ce dispositif, il s’agit aussi de rappeler que la recherche scientifique ne s’appuie pas seulement sur des intuitions scientifiques, mais sur la maîtrise d’outils technologiques. L’ambition est triple pour le musée : rendre le visiteur autonome lorsqu’il visite l’exposition sans guide ou animation, sortir des murs du musée et toucher un public plus large, notamment en interessant les adolescents et jeunes adultes.

    Depuis leur ordinateur, smartphone ou leur tablette, les lecteurs découvrent ainsi “La méthode Curie” et plongent dans l’univers augmenté de la BD. Ils ont ainsi accès à des archives numérisées, mais aussi à des textes d’approfondissement rédigés par les experts du Musée Curie. Une bonne occasion de « visiter » le Musée Curie de manière renouvelée et virtuelle, en attendant que cette méthode Curie soit accessible « in situ » lors de la réouverture du musée en septembre 2020.

    Mon outil d’animation permet d’empiler des images, et pour chaque d’indiquer une position de départ et une position d’arrivée, une durée d’animation… et tout cela est traduit en animations CSS, donc sans Javascript. Les images sont responsive pour s’adapter aux dimensions et résolutions d’écrans, et avec les nouvelles version du #plugin image_responsive, les versions WebP des images sont également fabriquées automatiquement :

    https://i.imgur.com/64lHlCu.jpg

    Notre première réalisation avec cet outil, c’était Le Portrait d’Esther :
    ►http://portrait-esther.fr

    ARNO* @arno ART LIBRE
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 2/07/2020

      et #spip_recette donc

      jeanmarie @jeanmarie CC BY-NC-SA
    • @arno
      ARNO* @arno ART LIBRE 9/07/2020

      Ennemi de la routine - Muzeodrome - par Omer Pesquer
      ▻https://muzeodrome.substack.com/p/ennemi-de-la-routine

      2) La bonne méthode 💻💬👌

      “A la croisée de la BD, de l’animation, du roman historique et d’une leçon de science, « la méthode Curie » tente de mettre en valeur les instruments scientifiques utilisés par les Curie et faire comprendre leurs recherches sur la radioactivité.”

      Basé sur une proposition originale d’Emmanuel Rouillier (directeur de l’atelier Mosquito), ce projet a été réalisé pour le Musée Curie dans le cadre de l’appel à projet 2019 en faveur du tourisme culturel de la Direction Régionale des Affaires Culturelles de la région Île-de-France. Les cinq auteur·e·s du projet sont : Marion Augustin (spécialiste de la médiation culturelle) - Camilla Maiani (physicienne) - Guillaume Reynard (illustrateur) - Emmanuel Rouillier (designer interactif) - Arnaud Martin (développement technique).

      Arnaud Martin a été un des pionniers du web français aussi bien du coté technique que du coté social. Je l’ai d’abord connu sous le nom de Arno* en 1997 à l’époque d’uZine et du "Manifeste du Web indépendant" (dont il est un des co-auteurs). A la mi-2000, dans le cadre des évolutions d’uZine, Arno* créait un nouveau gestionnaire de contenu Web (CMS), identifié plus tard sous le nom de SPIP (lire cet entretien avec David Dufresne, autre co-auteur du Manifeste du Web indépendant). Rarement dans la lumière médiatique, Arnaud Martin a continué de développer à sa façon des "choses" avec des technologies Web (comme l’outil de short-blogging SeenThis en 2009).

      Arnaud Martin travaille régulièrement avec Emmanuel Rouillier. En janvier 2016, ils mettaient en ligne pour les Musées d’Angers le premier épisode du "Portrait d’Esther", une bande dessinée numérique multi-dispositifs qui utilisait SPIP avec le plugin spécifique CMS COMICS. Plus 500 scènes dessinées ont ainsi été animé pour les 5 épisodes du "Portrait d’Esther" ! Le fait qu’Arnaud Martin soit le concepteur principal de SPIP lui a permis de développer ce projet singulier. “La méthode Curie”, bande dessinée « augmentée » qui s’adresse particulièrement aux adolescents et aux jeunes adultes, a été mise en mouvement avec CMS COMICS.

      ARNO* @arno ART LIBRE
    • @arno
      ARNO* @arno ART LIBRE 9/07/2020

      « La méthode curie » : la nouvelle bd interactive et en ligne, lancée par le musée Curie – Club Innovation & Culture CLIC France
      ▻http://www.club-innovation-culture.fr/methode-curie-bd-interactive-musee-curie

      https://i0.wp.com/www.club-innovation-culture.fr/wp-content/uploads/visuel-methode-curie-1.jpg?fit=1200%2C676

      Le lundi 22 juin 2020, le Musée Curie a publié sur son site web un contenu numérique très original pour permettre de découvrir tout en s’amusant la vie et l’œuvre de Marie et Pierre Curie. À travers une bande dessinée numérique, à la croisée entre BD et roman graphique, ce contenu en ligne offre l’opportunité de plonger au cœur de la méthode Curie, un dispositif mis en place par les époux Curie à la fin du XIX siècle pour mesurer la radioactivité.

      Ce nouveau contenu web lamethodecurie.fr est disponible de manière autonome et via le site web du musée musee.curie.fr. Il donne l’occasion de découvrir ou revisiter avec cette fiction digitale l’histoire de cette méthode de mesure inédite et grâce à laquelle les Curie ont découvert deux nouveaux éléments chimiques radioactifs : le polonium et le radium.

      ARNO* @arno ART LIBRE
    Écrire un commentaire
  • @sandburg
    Sandburg @sandburg CC BY-SA 11/04/2020
    9
    @mad_meg
    @simplicissimus
    @arno
    @7h36
    @rastapopoulos
    @marcimat
    @kassem
    @cy_altern
    @biggrizzly
    9

    Un après Covid-19 différent ? On a raison de ne pas y croire.
    Certains rêvent de réformes d’ampleur pour contrer le dérèglement climatique, de reconversion industrielle, d’élargir les pistes cyclables à la façon allemande.
    Mais il n’en sera rien. C’est le pouvoir de l’argent.
    On se remettra à fumer sorti de la greffe de poumon.
    Y’a bien des petites asso qui tentent des trucs, mais c’est que des pétitions.
    ▻https://france.attac.org/se-mobiliser/que-faire-face-au-coronavirus/article/petition-plus-jamais-ca-signons-pour-le-jour-d-apres
    La mentalité du Medef ne changera pas. Les dividendes vont couler à flot.
    ▻https://www.lemonde.fr/economie/article/2020/04/10/coronavirus-ces-groupes-allemands-qui-veulent-payer-des-dividendes-malgre-le

    C’était le chaos rêvé, mais ça n’aura pas suffit.

    Sandburg @sandburg CC BY-SA
    • @arno
      ARNO* @arno ART LIBRE 11/04/2020

      Relativement d’accord, mais avec une légère nuance : je pense que ce sera bien pire qu’avant.

      ARNO* @arno ART LIBRE
    • @monolecte
      M😷N😷LECTE 🤬 @monolecte CC BY-NC-SA 12/04/2020

      #SPIP est efficace pour gérer une #pétition ?

      M😷N😷LECTE 🤬 @monolecte CC BY-NC-SA
    • @arno
      ARNO* @arno ART LIBRE 12/04/2020

      C’est même une des premières fonctionnalités intégrées à SPIP, puisqu’il fallait gérer le « Manifeste du Web indépendant ». Mais il faudrait demander à la bande du #plugin Formidable si ça apporte des choses en plus, ou plus modernes…

      ARNO* @arno ART LIBRE
    • @monolecte
      M😷N😷LECTE 🤬 @monolecte CC BY-NC-SA 12/04/2020

      Je peux demander où?

      M😷N😷LECTE 🤬 @monolecte CC BY-NC-SA
    • @arno
      ARNO* @arno ART LIBRE 12/04/2020

      Attends qu’ils rentrent de leur promenade dominicale, je pense que Rasta et la bande auront toutes les bonnes réponses. Normalement, en cette saison, ils ne passent jamais plus d’une heure dehors…

      ARNO* @arno ART LIBRE
    • @b_b
      b_b @b_b PUBLIC DOMAIN 12/04/2020
      @monolecte @arno

      @monolecte et @arno J’ai du monter une pétition en urgence il y a un an environ, et ça donnait ce site

      https://www.eliaz.fr/IMG/logo/arton56.jpg
      (le site n’est plus en ligne, la pétition a fait son job).

      En résumé, il faut : un SPIP avec un article dont la pétition est active, le plugin facteur pour brancher le site sur une boite mail ou un service externe afin d’être certain que les emails de validation des signatures arrivent à destination et un petit squelette qui affiche la pétition en page d’acceuil. Et optionnellement le plugin champs extras si on veut ajouter des champs persos au formulaire de pétition.

      À l’époque je me disais que ça pourrait faire l’objet d’une « distribution SPIP » dédiée à ça ne serait-ce que pour proposer une alternative à tous les change.org et cie.

      PS : je peux partager le squelette sur repo public si quelqu’un en a besoin.

      b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 12/04/2020
      @monolecte @b_b

      La réponse à @monolecte est simple : oui SPIP peut parfaitement faire ça.

      Après pour le détail, je vais décevoir : je n’ai pas d’avis sur le choix entre l’ancien plugin « Pétitions » (fourni de base avec SPIP) versus « Formidable ».

      En théorie Formidable permet de faire tout ce que fait Pétitions en bien plus complet. Notamment en pouvant choisir plus librement les champs qu’on veut demander. Mais ça peut bien forcer l’unicité d’un champ (l’email à priori, pour avoir des réponses uniques), et interdire de répondre plusieurs fois. Et ça peut aussi bien garder les réponses en mémoire dans la base et/ou l’envoyer à diverses personnes par email.

      Le tout est d’avoir un article avec le texte et de présenter ça correctement, quelque soit le formulaire utilisé comme le montre @b_b.

      Ah et sinon @monolecte pour poser des questions sur SPIP, tu peux toujours aller sur l’IRC, ya quasiment toujours des gens qui pourront répondre. :p

      RastaPopoulos @rastapopoulos CC BY-NC
    • @antonin1
      Antonin @antonin1 CC BY-NC-SA 12/04/2020

      C’est pour faire une pétition pour demander à Change.org de remettre en ligne celle sur la 5G en Belgique ?

      Antonin @antonin1 CC BY-NC-SA
    • @monolecte
      M😷N😷LECTE 🤬 @monolecte CC BY-NC-SA 12/04/2020

      Cela fait des mois que mon syndicat me tanne parce que je refuse (à juste titre) de signer des merdes dans chanqe.org, mais que je n’ai pas de solution libre à leur proposer à la place.

      Là, je vais bouffer mon chapeau et me taper une sieste pour le digérer.

      M😷N😷LECTE 🤬 @monolecte CC BY-NC-SA
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 7/02/2020
    1
    @spip
    1

    Erratum. Je viens de corriger la documentation du #plugin #SPIP microcache :
    ►https://contrib.spip.net/Plugin-microcache

    On (je ?) avait indiqué qu’on pouvait effacer le microcache avec une fonction effacer_microcache. Il fallait lire : supprimer_microcache.

    Tout de suite ça fonctionne beaucoup mieux…

    #il_fallait_lire

    ARNO* @arno ART LIBRE
    • @arno
      ARNO* @arno ART LIBRE 7/02/2020

      Ah oui tout de même : l’erreur venait de mon signalement initial sur Seenthis en… 2011
      ▻https://seenthis.net/messages/13252

      Ça doit pas être une fonction utilisée par trop de monde, donc… :-))

      ARNO* @arno ART LIBRE
    • @b_b
      b_b @b_b PUBLIC DOMAIN 7/02/2020

      Huhu, seenthis => contrib => seenthis =>... belle boucle ;)

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 5/02/2020
    3
    @b_b
    @tofulm
    @spip
    3
    @azerttyu

    ▻https://git.spip.net/explore/organizations

    Récupérer les données détaillées des repos git de SPIP au format JSON :
    – le core : ▻https://git.spip.net/api/v1/orgs/spip/repos
    – les plugins : ▻https://git.spip.net/api/v1/orgs/spip-contrib-extensions/repos
    – les squelettes : ▻https://git.spip.net/api/v1/orgs/spip-contrib-squelettes/repos
    – les thèmes : ▻https://git.spip.net/api/v1/orgs/spip-contrib-themes/repos
    – les outils : ▻https://git.spip.net/api/v1/orgs/spip-contrib-outils/repos
    – galaxie : ▻https://git.spip.net/api/v1/orgs/spip-galaxie/repos

    (source : ▻https://git.spip.net/spip-contrib-outils/git_loader/src/branch/master/git_loader.sh#L81
    merci @azerttyu )

    #SPIP #git.spip.net #json #plugins

    cy_altern @cy_altern CC BY-SA
    • @amin
      net2 @amin 10/02/2020

      I would thank you for your helpful advice i didn’t even know . thanks

      net2 @amin
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 12/02/2020
      @seenthis

      @seenthis « Spam, spam, spam » (+ émoji notes de musique)

      jeanmarie @jeanmarie CC BY-NC-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 12/02/2020
      @jeanmarie @amin

      @jeanmarie je doute sur la teneur en spam du compte @amin je laisse l’équipe décider sur ce point.

      b_b @b_b PUBLIC DOMAIN
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 13/02/2020
      @b_b

      @b_b : il a quand même 2 symptômes « types » des comptes de spammeurs :
      – son pseudo est identique au nom de son site (net2.com)
      – ses billets n’ont référencé que son site

      cy_altern @cy_altern CC BY-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 13/02/2020
      @cy_altern

      @cy_altern je vous laisse en débattre sur la liste seenthis et me signaler s’il est nécessaire de supprimer le compte.

      /me retourne faire des cartons...

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 7/11/2019

    Un aperçu de WP-VCD, la plus grande opération de piratage WordPress actuelle - ZDNet
    ▻https://www.zdnet.fr/actualites/un-apercu-de-wp-vcd-la-plus-grande-operation-de-piratage-wordpress-actuelle-39

    #piratage #wordpress #plugin

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 13/09/2019
    1
    @spip
    1

    contrib/git_loader - git_loader.sh at master - git_loader - SPIP on GIT
    ▻https://git.spip.net/contrib/git_loader/src/branch/master/git_loader.sh

    Ce script sh s’occupe d’installer/mettre à jour une distribution
    SPIP (core + plugins-dist). Soit tout en master soit à une version SPIP (sur la base des tags spip-x.y.z pour les plugins)

    #spip #loader #git #plugins-dist #bash

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 30/08/2019
    1
    @spip
    1

    Hello #SPIP, je viens de découvrir que le #plugin SPIP-listes n’était plus maintenu (je ne m’en suis pas rendu compte parce que je ne l’utilisais pas). Qu’est-ce qui le remplace ? Et est-ce qu’il y a une documentation pour passer un site qui a Spip-Listes vers un nouveau plugin qui remplacerait ?

    ARNO* @arno ART LIBRE
    • @b_b
      b_b @b_b PUBLIC DOMAIN 30/08/2019
      @suske

      Toi tu ne traines pas assez sur contrib.spip.net, ou alors tu ne lis pas la gazette ►https://blog.spip.net/-Gazette-.html :p

      Donc, maintenant il n’y a plus 5 ou 6 plugins pour gérer des newsletters dans SPIP, mais un seul (une collection de plugins pour être plus précis) maintenu par la communauté :

      ▻https://contrib.spip.net/Newsletters

      Et comme les choses sont bien faites, tu peux importer tes abonné⋅e⋅s depuis un ancien plugin vers le « nouveau » cf ▻https://contrib.spip.net/Mailsubscribers#Migration-depuis-un-ancien-plugin

      Comme dirait @suske : « SPIP c’est bôôôôôôô » :)

      b_b @b_b PUBLIC DOMAIN
    • @arno
      ARNO* @arno ART LIBRE 30/08/2019

      Je vais tenter le coup. Je récupère un vieux site SPIP, où toutes les fonctions ont été recollées « à la main », avec du PHP en dur partout, le cache à zéro… Alors la migration vers SPIP 3, c’est fun…

      ARNO* @arno ART LIBRE
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 14/08/2019
    4
    @tofulm
    @spip
    @cy_altern
    @rjadot
    4

    Grosse nouveauté sur mon #plugin #SPIP image_responsive :
    ►http://zone.spip.org/trac/spip-zone/browser/_plugins_/image_responsive

    Le filtre image_responsive est désormais capable de fabriquer les versions WebP des images, en plus des versions usuelles. Ce qui fait que, si on visite le site avec un navigateur qui comprend WebP, ce sont les versions WebP des images que l’on charge, sinon les versions habituelles (JPEG en général). Et c’est tout automatique (autant pour le reste, le plugin est particulièrement utile si on fait des configurations précises avec une belle gestion des media queries, autant pour le WebP tout se fait tout seul…).

    Pour activer cela, il faut définir une nouvelle constante dans mes_options.php :

    define("_IMAGE_WEBP", true);

    Attention : en cas de mise à jour du plugin, il faut également modifier le .htaccess lié à image_responsive pour prendre en compte les nouveaux appels d’images.

    En gros, par rapport au Jpeg (qualité 80%) généré par SPIP, ça semble me générer des images deux fois plus légères.

    Attention : j’en suis aux premiers tests. Faudrait pas que ça te pète ton site…

    Notez qu’il faut que votre version de PHP soit capable de fabriquer des images en WebP. Ça me semble le cas désormais à peu près partout.

    Notez encore que ce n’est pas anecdotique : d’après CanIUse, le WebP est désormais affiché par 80% des navigateurs.

    ARNO* @arno ART LIBRE
    • @rjadot
      ashledombos @rjadot ART LIBRE 15/08/2019

      Bonne nouvelle cette mise à jour !

      ashledombos @rjadot ART LIBRE
    • @arno
      ARNO* @arno ART LIBRE 25/08/2019

      Mise à jour à l’instant (version 7.7.5) qui corrige le fait que, sur certains serveurs, les images WebP sont mal formées à cause d’un bug de PHP (nan mais vraiment, on est en 2019, et PHP continue à être livré avec des bugs grossiers dans les traitements d’images…) :
      ▻https://bugs.php.net/bug.php?id=66590

      Si tu as eu des problèmes avec la version précédente, et que donc ton dossier de cache /local est pourri de fichiers WebP corrompus, voici un petit script pour faire le ménage (à la racine du site donc) :

      <?php

      function getDirContents($dir, &$results = array()){
         $files = scandir($dir);

         foreach($files as $key => $value){
             $path = realpath($dir.DIRECTORY_SEPARATOR.$value);
             if(!is_dir($path)) {
                 $results[] = $path;
             } else if($value != "." && $value != "..") {
                 getDirContents($path, $results);
                 $results[] = $path;
             }
         }

         return $results;
      }


      $liste = getDirContents("local/cache-responsive");

      foreach ($liste as $l) {
              if (preg_match("/webp$/", $l)) {
                      echo "<li>$l";
                      unlink($l);
              }
      }
      ARNO* @arno ART LIBRE
    • @arno
      ARNO* @arno ART LIBRE 25/08/2019

      Autre bug je pense : sur les serveurs qui déconnent (ci-dessus), je n’arrive pas, en plus, à fabriquer de WebP avec couche de transparence (c’est-à-dire en travaillant à partir de PNG transparent). Mais ça fonctionne sur un serveur qui n’a pas le bug précédent. (Pfff, vraiment… je veux dire : personne n’a testé la fonctionnalité de base quand ils l’ont implémentée complètement buguée ?).

      ARNO* @arno ART LIBRE
    • @arno
      ARNO* @arno ART LIBRE 28/08/2019

      M’enfin sinon, sur un serveur en PHP 7, ça fonctionne très bien, j’ai désormais plusieurs sites qui tournent avec. Avec un serveur PHP 5, ça tourne aussi très bien, à l’exception des PNG semi-transparents qu’on passerait par image_responsive (c’est pas le plus fréquent).

      ARNO* @arno ART LIBRE
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 2/08/2019
    9
    @spip
    @tofulm
    @b_b
    @jeanmarie
    @fil
    @baroug
    @7h36
    @rastapopoulos
    @touti
    9

    Révision 116199 – SPIP-ZONE
    ▻https://zone.spip.net/trac/spip-zone/changeset/116199/spip-zone

    Documentation provisoire du plugin SPIP « filtres_images_vectorise » qui propose 3 types de filtres de vectorisation d’images bitmaps en SVG.
    Utilise soit la lib GeometrizePHP soit la lib PotRace soit une combinaison des 2.
    Voir aussi :
    – ▻https://github.com/Cerdic/geometrize-php pour GeometrizePHP
    – ►https://github.com/Otamay/potracio (+ ►https://seenthis.net/messages/645575) pour PotRace

    Ca va dépoter les SVG dans SPIP :-) !

    #SVG #vectoriser #PHP #SPIP #filtres_images_vectorise #plugin

    cy_altern @cy_altern CC BY-SA
    • @b_b
      b_b @b_b PUBLIC DOMAIN 3/08/2019

      C’est beau :)

      <BOUCLE_docs(DOCUMENTS){id_document IN 8,9}>
      [(#FICHIER|image_reduire{#GET{taille}})]
      [(#FICHIER|image_reduire{#GET{taille}}|image_geometrize)]
      [(#FICHIER|image_reduire{#GET{taille}}|image_potrace)]
      [(#FICHIER|image_reduire{#GET{taille}}|image_geopotrize)]
      <hr/>
      </BOUCLE_docs>

      http://vrac.kupaia.fr/vectooor.png?1

      Par contre on dirait qu’il y a un petit glitch avec image_geopotrize par défaut.

      PS : le glitch est corrigé et c’est encore plus beau :)

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 8/07/2019
    3
    @spip
    @kent1
    @tofulm
    3

    Si le #plugin #SPIP lien_court fait planter le site, c’est parce qu’il faut activer mbstring avec PHP (par défaut, sur la Debian, ça ne l’est pas).

    ARNO* @arno ART LIBRE
    • @b_b
      b_b @b_b PUBLIC DOMAIN 8/07/2019

      Hop, pour info, en SPIP 3.2 tu peux indiquer qu’un plugin nécessite une librairie php dans le paquet.xm, exemple <necessite nom="php:mbstring" /> ; cf commit ▻https://core.spip.net/projects/spip/repository/revisions/23396

      En ajoutant ça dans ▻https://zone.spip.net/trac/spip-zone/browser/spip-zone/_plugins_/plugins_seenthis/lien_court/trunk/paquet.xml cela permettrait d’avertir les gens qui installent le plugin ;)

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 8/05/2019
    2
    @spip
    @cy_altern
    2

    Grosse modification sur mon #plugin #SPIP image_responsive :
    ▻https://23forward.com/Plugin-SPIP-Image-responsive

    Sur écran haute définition (« Retina » dans le jargon Apple), l’image était auparavant une version ultra-compressée (Jpeg à 30%), histoire de gagner énormément de poids sur les fichiers. Mais depuis, la qualité des écrans a encore beaucoup progressé, et même avec des pixels deux fois plus petit, un JPEG à 30% c’est assez dégueulasse.

    Du coup, par défaut désormais sur écran Retina le plugin utilise la version « normale » de l’image, mais deux fois plus grande.

    Si on veut rester avec le comportement précédent (JPEG ultra-compressé sur écran Retina), on ajoutera :

    define("_IMAGE_RESPONSIVE_RETINA_HQ", false);

    dans son fichier de fonctions.

    • #Apple
    ARNO* @arno ART LIBRE
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 13/12/2019

      #image #image_responsive #adaptive_image

      cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 30/04/2019
    1
    @spip
    1

    DSP2 : Authentification forte du client
    ▻https://stripe.com/fr/guides/strong-customer-authentication

    Documentation de Stripe pour le passage à l’authentification forte du client (Strong Customer Authentication, SCA) dans le cadre la réglementation DSP2 applicable en septembre 2019

    Voir aussi :
    - ▻https://stripe.com/fr/guides/sca-payment-flows
    - la doc de l’API concernée : ▻https://stripe.com/docs/payments/payment-intents

    #stripe #api #dsp2 #Strong_Customer_Authentication #SPIP #plugin_bank #3D_Secure

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @loiseau2nuit
    Loiseau2nuit @loiseau2nuit 4/12/2018
    1
    @spip
    1

    Un tout petit chouilla d’auto promo #SPIP -ienne ... :-) #plugin
    > ▻https://contrib.spip.net/timecircles-plugin-spip

    Loiseau2nuit @loiseau2nuit
    • @loiseau2nuit
      Loiseau2nuit @loiseau2nuit 4/12/2018

      also available in english #SPIP #plugin
      > ▻https://contrib.spip.net/TimeCircles-plugin-for-SPIP-3-1

      Loiseau2nuit @loiseau2nuit
    • @b_b
      b_b @b_b PUBLIC DOMAIN 7/03/2019

      Ajouter à SPIP des chronomètres et des comptes à rebours, personnalisables et animés par jQuery.

      #spip_blog

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @arno
    ARNO* @arno ART LIBRE 13/09/2018
    6
    @monolecte
    @kent1
    @baroug
    @spip
    @erational
    @loiseau2nuit
    6

    Ah, une #CSS que je ne connaissais pas : appliquer une image de fond au texte lui-même. Je suis tombé dessus sur les nouvelles pages de chez Apple :

    https://i.imgur.com/lghM5pK.jpg

    On voit que le paragraphe de texte a une texture orangée. Celle-ci est attribuée avec un très classique background :

    background-image: url(https://seenthis.net/"/v/iphone-xs/a/images/overview/copy_texture_1_large.jpg");

    L’astuce pour que ce fond ne s’applique aux caractères du texte, c’est cette CSS :
    -webkit-background-clip: text;
    color: transparent !important;

    La CSS #background-clip indique que l’image de fond devra s’appliquer uniquement au texte, et la seconde ligne force la couleur du texte à transparent, de façon à laisser apparaître l’image de fond.

    D’après CanIUse :
    ▻https://caniuse.com/#search=background-clip

    Firefox, Chrome and Safari support the unofficial -webkit-background-clip: text (only with prefix)

    Du coup, c’est plutôt assez largement répandu.

    Le hic, malheureusement, c’est que ça se dégrade particulièrement mal quand background-clip n’est pas interprété :

    https://i.imgur.com/mHOEbFi.jpg

    Je ne vois pas d’autre solution qu’un test Javascript, du coup, beurk (à moins que quelqu’un ait une meilleure solution).

    • #Apple
    ARNO* @arno ART LIBRE
    • @arno
      ARNO* @arno ART LIBRE 21/09/2018

      Un fallback CSS à coucher dehors:
      ▻http://nimbupani.com/using-background-clip-for-text-with-css-fallback.html

      body {
      color: red;
      -webkit-text-fill-color: transparent;
      background: -webkit-linear-gradient(transparent, transparent),
                  url(https://seenthis.net/path/to/bg/image) repeat;
      background: -o-linear-gradient(transparent, transparent);
      -webkit-background-clip: text;
      }
      ARNO* @arno ART LIBRE
    • @arno
      ARNO* @arno ART LIBRE 22/09/2018

      Je viens d’uploader une mise à jour de mon #plugin #SPIP CSS imbriqués :
      ►https://zone.spip.org/trac/spip-zone/browser/_plugins_/css_imbriques

      On peut désormais utiliser un pseudo-style -spip-text-background par exemple ainsi :

      div {
              color: orange;
              -spip-text-background: url(https://seenthis.net/../imgs/test.jpg) 100% 100%;
      }

      Et cela fabriquera le CSS qui va bien avec le fallback compliqué.

      https://i.imgur.com/Mmyyj6s.jpg

      ARNO* @arno ART LIBRE
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 29/08/2018
    2
    @spip
    @rastapopoulos
    2

    Time-saving #CSS techniques to create #responsive #images
    ▻https://medium.freecodecamp.org/time-saving-css-techniques-to-create-responsive-images-ebb1e84f

    To Recap

    1) Use background-image if your image is not part of the page’s content.
    2) Use object-fit if you don’t care about IE.
    3) The padded container technique, used by Netflix, works everywhere.
    4) In most cases, just add height: auto; in your CSS.
    5) If you need fast load times, use srcset to load smaller images on mobile.

    b_b @b_b PUBLIC DOMAIN
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 29/08/2018
      @arno

      Le #plugin #SPIP « Image responsive » d’@arno utilise la méthode Netflix si je ne m’abuse.
      A peu de chose près : les images ne sont pas en absolute, c’est le contenant <picture> qui a une hauteur à 0

      ►https://www.paris-beyrouth.org/Plugin-SPIP-Image-responsive

      jeanmarie @jeanmarie CC BY-NC-SA
    Écrire un commentaire
0 | 25 | 50 | 75 | 100 | 125 | 150 | 175 | 200 | ... | 375

Thèmes liés

  • #spip
  • #spip_blog
  • #fichier
  • #map
  • #responsive
  • #jquery
  • #plugins
  • #shameless_autopromo
  • #qgis
  • #merci
  • #logo_article_normal
  • #firefox
  • #inclure
  • #wordpress
  • #chemin
  • #get
  • #spip
  • company: github
  • #html5
  • #longforms
  • #leaflet
  • #css
  • #documentation
  • company: google
  • #du_coup
  • #mime_type
  • #javascript
  • #polygons
  • #outil
  • company: apple
  • #slider
  • #spip_recette
  • #json
  • city: paris
  • #jquery
  • #api
  • city: bonne