da scritch net works - Mot-clé - xml - Commentaires

Json ou l'histoire d'une licence presque libre - DaScritch

DaScritch — Wed, 19 May 2021 15:45:20 +0200

La vidéo est accessible ici : https://web.archive.org/web/2017082...

Sniffeur d'ancre - Da Scritch

Da Scritch — Mon, 04 Sep 2017 08:40:40 +0200

Le module est passé en WebExtension . Merci Makyen https://github.com/dascritch/anchor...

Billet repassant l'histoire en détails : Les joies de la communauté open-source

RIP URL URI, IRI INRI W3C - Da Scritch

Da Scritch — Tue, 19 Jul 2016 07:44:25 +0200

L'histoire de l'URL, passionnant, forcément. https://eager.io/blog/the-history-o...

Ressources en ‹img /› - Da Scritch

Da Scritch — Mon, 05 Jan 2015 18:41:57 +0100

Petits ajouts :

1 - il existe un mode lossy en png, et qui se montre plutôt efficace dans certaines conditions, capable de garder un texte particulièrement net ! http://pngmini.com/lossypng.html L'astuce consiste à “oublier” les dernières passes de pixels, le logiciel interpole alors la définition manquante.

2 - MozJPEG 3.0 http://calendar.perfplanet.com/2014... est un encodeur jpeg complètement revu par la Mozilla Foundation, compatible avec tout décodeur. Il se trouve que les performances offertes sont particulièrement intéressantes et relance fortement l'intérêt sur ce format, face à JPEG 2000, JPEG XR et WebP dont le support reste anecdotique. C'est une astuce équivalente au mp3 variable bitrate, et au logiciel JpegMini dont j'avais parlé ici http://dascritch.net/post/2012/01/2... . Sauf que la licence est intégralement libre.

Bref, on a pas fini d'être surpris

Manuel en ‹img /› - Nicolas Chevallier

Nicolas Chevallier — Wed, 03 Dec 2014 14:39:24 +0100

Concernant l'ajout systématique des attributs width/height, c'est une des règles préconisées par l'équipe Yahoo Performance et Google Page Speed :
"Add Image dimensions (Lossless Optimization)

When this options is selected, PSS inserts width= and height= attributes into <img> tags that lack them and sets them to the image width and height. This will help in reducing the number of reflows that happens when a web page is loaded thereby improving the user experience."

Indispensable à mon avis sur les pages avec des listes et vignettes (petites annonces par exemple) pour afficher la page plus rapidement. De mon côté j'ajoute systématiquement ces attributs pour chaque balise img des sites que j'édite.

Ressources en ‹img /› - Da Scritch

Da Scritch — Sun, 20 Jul 2014 10:26:42 +0200

À propos du support des formats vidéos, cette proposition intéressante :
https://pornel.net/efficient-gifs

Travaux d'été - xylpho

xylpho — Tue, 08 Jul 2014 21:19:47 +0200

Tsé moi, un site perso j'écris dedans, enfin quand j'y pense et que la flemme est pas trop violente. Tout ce que je lui demande c'est d'afficher mon prout écrit. Le reste, c'est de l'inutile, comme les frameworks de mes couilles. Je dois être trop vieux et sarcastique pour apprécier les pignolages de code. KISS.

Travaux d'été - (devine)

(devine) — Tue, 08 Jul 2014 14:33:12 +0200

" Je me suis rendu compte que pratiquement personne n'a vu de code de ma part."

Tu veux dire des trucs du genre :

world._nextWhichRobotState(0);
var position = world.getPosition(robot);
//Then
ok( position.x === 1 , " eh les gars ! on a retrouvé Maurice ! ");
ok( position.y === 0 , " eh ouais, c'est bien Maurice! ");

Restent des chef(d'oeuvres inconnus ? :(

Sniffeur d'ancre - Da Scritch

Da Scritch — Thu, 03 Jul 2014 22:08:36 +0200

Attends, je descends dans la newsroom et Cadeau !

Et quand y'en a plus, y'en a encore !

Sniffeur d'ancre - enflammee

enflammee — Thu, 03 Jul 2014 16:38:53 +0200

Pas de photo de chaton, cette fois ?

Manuel en ‹img /› - Da Scritch

Da Scritch — Thu, 03 Jul 2014 14:21:28 +0200

Sur l'attribut alt="" , je vous recommande l'excellente traduction http://fr.clever-age.com/veille/blo... de l'article « Text alternatives for images : a decision tree » sur le blog de Clever Age de Vincent Valentin et Nicolas Catherin

Sniffeur d'ancre - Stéphane Deschamps

Stéphane Deschamps — Tue, 24 Jun 2014 16:33:01 +0200

> Add-ons navigateurs, catalogue constructeur proprios, interdiction des liens "javascript:" dans l'URL, moi j'vous dis qu'on est en train de fragmenter le web façon puzzle ...

Tout à fait, et ce n'est pas pour me rassurer.

Sniffeur d'ancre - Da Scritch

Da Scritch — Tue, 24 Jun 2014 16:17:30 +0200

Exact, Boris.

Hélas, je remarque qu'avec les nouvelles interfaces simplifiées, on n'a plus de “barre de marque-page” visible par défaut, et du coup, il m'était difficile de partager et d'expliquer tous mes snipets dotclear.

C'est pour ça qu'une fois que j'avais écris mon ptit code, je l'ai converti en add-on firefox.

Add-ons navigateurs, catalogue constructeur proprios, interdiction des liens "javascript:" dans l'URL, moi j'vous dis qu'on est en train de fragmenter le web façon puzzle ...

Sniffeur d'ancre - Boris

Boris — Tue, 24 Jun 2014 16:11:18 +0200

Sinon, pour un petit bout de JS, tu peux aussi proposer un bookmarklet... un peu comme ça : https://gist.github.com/borisschapi...

😉

Ressources en ‹img /› - Boris

Boris — Thu, 19 Jun 2014 16:46:59 +0200

Tiens, un joli exemple de PNG transparent (à visualiser sur fond blanc et noir) : https://pbs.twimg.com/media/Bo_AwdT...

Bricolages en ‹img /› - Da Scritch

Da Scritch — Tue, 17 Jun 2014 09:43:51 +0200

Merci Boris ^^;

Bricolages en ‹img /› - Boris

Boris — Tue, 17 Jun 2014 09:14:15 +0200

Coquille : "Ces sous-formats sont parfois optimisé"

Coquille : "compartimentée"
Je continue...

Ressources en ‹img /› - wiko

wiko — Fri, 02 May 2014 21:23:59 +0200

tres bonnes videos et compléments d'infos Frédéric

Ressources en ‹img /› - Frédéric Kayser

Frédéric Kayser — Fri, 02 May 2014 20:20:03 +0200

J’ai oublié un truc, en soi GIF 89a ne supporte pas les animations en boucle, en effet c’est Netscape qui a bricolé un truc et c’est devenu un standard de fait (et rien de plus) car très vite tout le monde à voulu voir de petits zigouigouis animés tiptop cools… quelques versions de navigateurs après on avait une option pour limiter le nombre de répétition des GIFs animés.

À nouveau lire les spécifications est très instructif :
http://www.w3.org/Graphics/GIF/spec...
L'extension proposée par Netscape :
http://www.vurdalakov.net/misc/gif/...

Un bon site bien daté sur le sujet :
http://www6.uniovi.es/gifanim/gifab...

Ressources en ‹img /› - Frédéric Kayser

Frédéric Kayser — Fri, 02 May 2014 19:10:23 +0200

Un article assez intéressant bien qu’il soit parsemé de petites coquilles :
- à la fin du tableau WebP est supporté par Chrome et Opera, et non Safari
- l’espace colorimétrique du JPEG/JFIF est YCbCr, un cousin de l’YUV, la séparation Luma/Chroma est importante car elle permet d’appliquer des matrices de quantifications différentes et donc « sacrifier » plus de qualité au niveau chroma.
RVB et CMJN sont possible mais en RVB la compression est moins bonne et le CMJN est principalement destiné au monde l’impression quadri, mais aucun des deux ne sont du JFIF à proprement parler.
Il est a noter que JFIF (de C-Cube à la base) est officiellement devenu la partie 5 de JPEG en 2013 (ISO/IEC 10918-5:2013).
- le JNG n’est qu’une déclinaison spécialisée de MNG et aurait potentiellement rencontré les mêmes problèmes de brevets que JPEG vu qu’un fichier JNG intègre une ou deux images compressées JPEG (il est malheureux que cet audacieux assemblage n’ait pas rencontré le succès).
- le JPEG permet de dépasser les 16 millions de couleurs vu qu’il peut théoriquement d’exploiter 12 bits par composant, mais ce n’est en pratique utilisé nulle part, de même que le codage arithmétique ou hiérarchique.
- le JPEG original intégrait un mode sans perte totalement différent de JPEG-LS qui est lui un format indépendant. JPEG XT (ISO 18477-1) est une proposition plus récente de format JPEG sans perte.
- techniquement parlant WebP repose sur deux algos différentes VP8 et VP8L, VP8 comme son nom le laisse supposer vient effectivement de la vidéo, VP8L (celui utilisé en mode sans perte lossless) est très différent mais présente quelques similarités avec PNG.

La majorité des points que je viens de signaler est vérifiable en consultant les spécifications d’origine :
Le format JPEG d'origine est désormais librement consultable (ici sous la forme T.81 de l’ITU) :
http://www.w3.org/Graphics/JPEG/itu...
de même que les spécifications JFIF :
http://www.ecma-international.org/p...

Comme le premier document est un gros pavé pas vraiment digeste et le tout manque d’illustrations, j'ai commis quelques vidéo de vulgarisation sur le sujet :
- quelques explications concernant le sous-échantillonnage chroma (et donc le passage RVB vers YCbCr) et le découpage en matrice DCT :
http://www.youtube.com/watch?v=V7Lv...

- la suite de la vidéo précédente qui se focalise sur l’importance d’utiliser des multiples de 16 ou de 8 pour les dimensions d’une image JPEG :
http://www.youtube.com/watch?v=pSp_...

- une rapide simulation du JPEG hiérarchique (en seconde partie) :
http://www.youtube.com/watch?v=CQ1S...

- une ébauche près partielle de synthèse du fonctionnement du JPEG en PDF (bon y a encore du boulot, mais fait le lien vers les logiciels)
http://frdx.free.fr/JPEG_for_the_ho...