▻https://jmperezperez.com/svg-placeholders
Un inventaire des techniques utilisant #SVG pour rendre le chargement différé d’images plus satisfaisant perceptuellement.
Avec liens vers divers outils pour pré-traiter les images.
Très sympa !
▻https://res.cloudinary.com/jmperez/video/upload/dpr_auto,f_auto,q_auto,c_scale/v1509278615/silhouette-lazy-loading_evq9xq.mp4
@tetue Par quoi remplacer une image durant son chargement.
Augmenter la pertinence du parcours visuel rapide par l’internaute d’une page web en cours de chargement ?
Et sur le plan esthétique, ça peut parfois être assez réussi, je trouve.
Potrace en PHP :
▻https://github.com/nystudio107/craft3-imageoptimize/blob/master/src/lib/Potracio.php
(et je découvre Craft CMS du coup qui a pas l’air mal du tout)
En fait le dépôt avec la lib à jour pour PHP, pas dans craft :
►https://github.com/Otamay/potracio
Et hop, une tite carte inspirée d’un fond d’écran de PARIA :
▻http://tiles.kupaia.fr/article34.html
#map
petit bug ? le menu sur la droite n’a pas l’air connecté aux taches
@fil il l’est normalement... au survol de chaque ligne de la légende, un cercle plus ou moins gros (en fonction du nombre de tonnes) est affiché autour de la tâche correspondante (cercle non visible pour certaines entrées car le nombre de tonnes est bien moins important).
Au final, je me dis que je devrais déclencher tout ça au clic sur l’item et non au survol.
@fil merci pour l’astuce de la racine carrée, c’est en place :)
Merci encore @fil le svg est en place, et j’ai fixé le bug du hover sous chromium.
Ça m’a permis de découvrir qu’il y a un bug avec jQuery 1.7 et fadeOut sur les éléments svg, du coup les cercles n’apparaissaient pas. Maintenant que j’ai switché pour animate sur opacity, ça fonctionne nickel :)
@fil je viens de virer la virgule qui devait représenter Ouesant dans l’image d’origine, mais on ne dira rien aux gens du caillou :p
Pour l’amoco le pb vient de la différence de couleur pas assez prononcée entre le svg et les tâches des markers (sur mon écran on distingue la diff, mais je sais qu’il a tendance à trop respecter les contrastes).
Super merci @b_b (avec, of course une B5)
juste : c’est Olympic Bravery (sans a)
@simplicissimus merci, c’est corrigé pour le Bravery :) Sinon, c’est quoi une B5 ?
#Agrandir une #photo sans perte de qualité avec #SmillaEnlarger
▻http://imageenlarger.sourceforge.net
▻http://www.youtube.com/watch?v=1hNZVEtrFa0
le soft est aussi utilisable en #cli (ligne de commande), avec toutes ses options de choix de qualité. Sur Mac ça donne ça :
/Applications/SmillaEnlarger.app/Contents/MacOS/SmillaEnlarger -h
Usage:
SmillaEnlarger [ < sourcename > ] [ -options... ]
with options
-z <number> / -zoom <number>
Set zoom-factor to <number> percent ( integer value ).
-o <filename>
Write result to file <filename> .
-saveto <foldername>
Write results into folder <foldername> .
Output Dimensions:
-width < sizex > and -height < sizey >
set size of resulting image.
If both width and height are given, aspect ratio is changed by default.
Additionally, if you have set -width AND -height ,
you can set one of the following options:
-fit
Fit output inside the given rectangle.
-fitandbars
Fit output inside the given rectangle,
fill up with black margins.
-cover
Cover the given rectangle.
-coverandcrop
Cover the given rectangle, cut away the overlapping parts.
Enlarge Parameters:
-sharp < n >, -flat < n >, -dither < n >
-deNoise < n >, -preSharp < n >, -fNoise < n >
Set the enlarge parameters with integer numbers < n > between 0 and 100.
-quality <number>
Set image quality of the result.
-h / -help
Print this help.
-i
Start in interactive mode.
