CodePen Home File and Directory Drag-and-drop for Firefox and Chrome - Codepen

Un script JS pour uploader des fichiers ET des répertoires.

Ça marche dans Firefox et dans Chrome.
Alors que généralement, cette fonction est décrite comme ne fonctionnant pas dans Firefox.

En vrai, Firefox supporte une fonction de Webkit ici, mais elle le supporte depuis 2016 (la fonction — expérimentale et préfixée — existe elle depuis 2012, mais est utilisée partout), et autant de temps qu’on a droit à ce genre de bullshit :
https://twitter.com/lehollandaisv/status/1447595435233882114

Déjà connu depuis longtemps sur les sites de Google (qui ont tout intérêt à descendre la concurrence), voir là :
https://lehollandaisvolant.net/?d=2016/01/03/16/30/39-youtube-lent-en-html5-avec-firefox-42

… et sur les sites codés avec des moufles sur chaque main :
https://lehollandaisvolant.net/?d=2017/07/03/20/33/52-ce-site-nest-fait-que-pour-chrome-bla-bla-blah

#ChromeIsTheNewIE

Firefox now shows ads as sponsored address bar suggestions - Liens en vrac de sebsauvage

Ouais, j’avais constaté ça aussi : https://twitter.com/lehollandaisv/status/1426173502927867914

Heureusement, c’est pas reparu depuis.

Vivaldi sur Mobile est bien plus rapide que Firefox (sans les défauts de Chrome).
Mais sur desktop, je n’arrive pas.

Blink est juste une grosse daube. S’ils passaient sous Gecko, je switch direct.

#20452  

https://sebsauvage.net/links/?tc_iWg

Firefox court-circuite Windows pour faciliter son utilisation par défaut

Haha ! Microsoft ces clampins :
– MS : met un mécanisme pour que changer son navigateur soit très très chiant
– MS : fait en sorte que Edge outrepasse ce mécanisme avec une astuce et puisse devenir le navigateur par défaut très facilement.
– Firefox : finit par utiliser la même astuce
– Microsoft : pas content :-(
– Firefox : trololo :-P

#20367  

https://www.nextinpact.com/lebrief/48062/firefox-court-circuite-windows-pour-faciliter-son-utilisation-par-defaut

The Text Encoding Submenu Is Gone

Firefox continue les décisions à la noix.

Dernière en date ? Retirer le menu du choix de l’encodage.

Firefox 91 was released two weeks ago. This is the first release that does not have a Text Encoding submenu

MAIS PUTAIN DE @%#%/ POURQUOI ?

L’article donne des détails : il part du constant que de vieilles pages (en ISO-* ou Windows-*) subsistent sur des serveurs récents configurés en UTF-8.

L’idée est maintenant que Firefox détecte lui-même l’encodage. Si ça ne marche pas, on a l’option d’un unique bouton « repair encoding ».

Alors, ok, soit.

MAIS POURQUOI AVOIR VIRÉ LE MENU ?? JE SUIS TROP CON ?

Ah non, ils donnent la raison :

Supporting the specific manually-selectable encodings caused significant complexity in the HTML parser
Elaborate UI surface for a niche feature risks the whole feature getting removed
Telemetry showed users making a selection from the menu when the encoding of the page being overridden had come from a previous selection from the menu. This suggested that users aren’t that good at choosing correctly manually.

En gros pour deux raisons :
— parce que c’est compliqué.
— et parce que personne n’utilise ça, sauf les power-users.

EH BEN LE POWER-USER SERAIT DÉJÀ SOUS VIVALDI, SI FIREFOX N’ÉTAIT PAS TOUT JUSTE UN PEU MOINS PIRE QUE LUI !

Bon et sinon, il fonctionne ce bouton ?

J’ai voulu changer l’encodage parce qu’une page s’affichait mal. Le bouton était grisé. Voilàààà, merci d’être passéééééé.

Rhaaa®.

Oh et ajouter un menu qui change l’encodage de la page, c’est trop compliqué, mais installer 150 options de télémétrie qui fait des requêtes à chaque fois qu’on clique sur un bouton, ça c’est hyper simple, je suppose.

Vous savez quoi ?

Firefox n’est plus un navigateur qui affiche des page.
C’est devenu un spyware qui analyse quelle fonction essentielle ils vont pouvoir virer ensuite pour laisser du temps processeur à de la publicité.

Fait chier. Fait VRAIMENT chier.

(au final j’ai copié collé le code source de la page, réencodé avec un éditeur de texte, puis rouvert en local avec Firefox)

Note : un élément de bonne UI dans Firefox

Une petite remarque sur une petite fonction dans Firefox que j’apprécie beaucoup.

Sur certains sites, dès qu’on édite un formulaire, au moment de fermer la page, il met un popup disant « Cette page vous demande de confirmer sa fermeture ; des données que vous avez saisies pourraient ne pas être enregistrées. »

Les popup c’est chiant. Sauf que Firefox a trouvé une très bonne astuce pour rendre ça beaucoup moins chiant !

Ce popup apparaît quand on veut fermer l’onglet, par exemple via « la petite croix ».
On clic dessus, le popup apparait.
On reclic dessus : le popup est outrepassé et l’onglet se ferme.

Même pas besoin de bouger la souris.

Idem quand on clic sur l’icône de rechargement de la page : re-cliquez sur l’icône et ça la rechargera.

Ça marche aussi quand on fait Ctrl+W (fermer un onglet) ou Ctrl+R (recharger) : refaites le raccourcis une seconde fois et ça outrepasse le popup.

Je trouve ça génial.

Ça a l’avantage d’avoir le popup de sécurité (« Êtes-vous sûr ? Vous risquez de perdre des données ! »), mais pas l’inconvénient d’avoir à déplacer le curseur / faire Échap. Cliquez simplement une nouvelle fois où vous venez de cliquez, sans bouger la souris donc sans efforts, et c’est bon.

Tous les programmes devraient s’en inspirer et faire ça.

Je pense principalement à SublimeText en disant ça, mais il fait chier qu’il faille s’inscrire sur un forum, valider l’inscription, prouver qu’on n’est pas un robot, etc. juste pour soumettre une idée qui ne sera jamais lu.

#20317  

https://lehollandaisvolant.net/?mode=links&id=20210902095951

Firefox 91 s'améliore, mais la part de marché du navigateur continue de baisser

Lu dans les commentaires :

J'utilise toujours Firefox mais je n'arrive plus à le défendre.

Je suis un peu de cet avis aussi.
Firefox est devenu le moins pire de tous, et ici, « tous » signifie Chromium.

J’ai récemment tenté d’utiliser Vivaldi sur PC, mais j’ai fait machine arrière : il est plus lent à la navigation et les outils de dév sont bien moins développés que dans Firefox (où c’est réellement pensé pour le dév et pas pour faire semblant).

Y a quelques jours, Firefox m’a viré des favoris pour mettre des boutons sponsorisés (eBay). C’est une action intolérable. Qu’ils les ajoutent à la fin de la liste, pourquoi pas, mais pas à la place des miens. Malgré tout, ça reste une action moins pourrie que ce que fait Google Chrome…

Firefox ? Il n’est bon que parce que Chrome(ium) est mauvais. C’est tout.
C’est comme Android VS iOS : j’utilise Android et Google parce que iOS est pire (plus fermé, plus cher, moins de choix).

Quant à sa politique… Le libre c’est cool, mais ce n’est pas vendeur. Et puis quand ils font ça ça donne pas envie de les aider. Firefox reste un business, et un business mal géré qui plus est (Oui je sais : il faut distinguer Firefox.com de Firefox.org, mais les deux restent liés, dire le contraire serait absurde).

#20285  

https://www.nextinpact.com/article/45359/firefox-91-sameliore-mais-part-marche-navigateur-continue-baisser

Firefox Does NOT Recognize page-break-inside: avoid CSS Rule • mozillaZine Forums

Posted March 22nd, 2005, 5:36 am
Thanks, Unarmed, for responding. Hopefully this bug will be fixed soon and Firefox will support all of the CSS1 and CSS2 standards.

Pourquoi j’étais allé voir Vivaldi déjà ?
Ah oui…

Ce bug date de 2005 et il est toujours là.
En mode impression, les images sont toujours coupée en plein milieu, malgré un « break-inside: avoid ».

*soupir*

PS : Vivaldi (=chrome = blink) applique correctement cette règle.

Par contre, il n’affiche pas les images non chargées à cause d’un « loading="lazy" » (le lazyload HTML5). Il faut donc d’abord scroller tout en bas de la page pour permettre aux images de charger, puis lancer l’impression (Firefox, lui, a bien l’intelligence de charger toutes les images quand on est en mode impression).

*re-soupir*

#20166  

http://forums.mozillazine.org/viewtopic.php?f=9&t=238473

DevTools for CSS layouts 2021 edition

Oui bon j’avoue que les Devtools de Firefox sont nettement plus pratiques et orienté "humains" que ceux de Chrome, qui sont là pour être là sans être pratiques (Chrome n’étant surtout qu’un outil de consommation de web).

Problème : Vivaldi a le même…

Est-ce que Vivaldi va un jour refaire un outil comme Opera Dragonfly à son époque ? :D

#20066  

https://chenhuijing.com/blog/devtools-for-css-layouts-2021-edition/

How to allow a restricted port? | Firefox Support Forum | Mozilla Support

Je veux acceder à un serveur Web sur un autre PC via son IP avec un port bidon (42). Firefox me l’interdit, Vivaldi aussi.

Dans Fx voilà comment l’autoriser.

About:config > (string) network.security.ports.banned.override > 42

(ça va autoriser ce port, qu’il considère comme chelou ; pour en mettre plusieurs, séparez-les par des virgules)

#20063  

https://support.mozilla.org/en-US/questions/1083282

Firefox ne gèrera plus le FTP cet été - NextInpact

C’était prévu, mais c’est pas pour ça que ça ne me fait pas chier. J’utilisais ça régulièrement pour explorer des arborescences de sites accessibles également en FTP.

Le plus idiot dans l’histoire c’est qu’ils suppriment ça alors que la lib qui gère le FTP doit se peser dans les 50 ko et qu’ils suppriment ça probablement en prétextant la légèreté et les performants.

Dans un navigateur qui intègre des comptes utilisateurs, Pocket, des tonnes de filtres de sites malveillants made-in-google, trois thèmes par défaut et plusieurs dispositions (au lieu de laisser ça… dans un thème dédié sur add-ons.mozilla.org), ça fait un peu foutage de gueule.

D’un côté ils veulent se démarquer de la concurrence, de l’autre ils font exactement comme eux. Chrome a supprimé les RSS ? Mozilla vire les RSS. Chrome vite le support du FTP ? Mozilla supprime le FTP. Ça fait pitié. Je ne sais pas où est Vivaldi niveau FTP/RSS, mais ce sont bien les seuls qui ajoutent régulièrement des petites fonctions comme ça.
Je sais qu’il faut mieux faire une chose bien que plein de choses mal, mais un navigateur qui ne détecte même pas les RSS par défaut, c’est faire 0,8 choses. Le RSS fait parti du web, bordel !

M’enfin. On utilisera Caja/Nautilus (sous Linux) pour visionner le contenu FTP, ou bien tout simplement Explorer sous Windows. Oui, l’explorateur de fichiers sous Windows gère les sites distants, FTP, WebDAV, etc.) : https://lehollandaisvolant.net/tuto/ftp/

Ou alors une énième extension pour des trucs qui étaient là par défaut y a 10 ans et qui ne gênait absolument personne.

#19995  

https://www.nextinpact.com/lebrief/46812/firefox-ne-gerera-plus-ftp-cet-ete

Firefox new tabs design - Grumpy Website

+1.
J’avoue que ça retire complètement la logique physique derrière l’idée d’un onglet. Certes, ce n’est pas moche, mais ce n’est pas un onglet du coup, et c’est pas forcément clair.

C’est dommage, car le thème en lui-même est agréable et ne semble pas être du style « constamment dans tes pattes ».
L’absence d’icônes dans les menus, ça ne ma dérange en revanche pas du tout. Au contraire : cela retire une charge cognitive non négligeable. C’est peut-être une idée pour mes propres scripts.

#19987  

https://grumpy.website/post/0VT0uYomR

[astuce] Firefox et le about:newtab en sombre

Dans firefox, le thème par défaut est celui qui s’adapte le mieux au thème GTK du système (sous Linux Mint Mate).

Le thème sombre du système se répercute bien sur les onglets et le chrome, mais pas la page d’un onglet vierge, qui est alors clair.
Je pourrais utiliser le thème sombre de Firefox, mais comme j’ai dit, ce dernier n’est pas intégré correctement avec le thème GTK.

Ici, une astuce qui prend le CSS du nouvel onglet du thème Firefox sombre pour l’utiliser dans le thème Firefox par défaut.

Dans le dossier .profile de Firefox, allez dans le dossier chrome, et faites-y un fichier userContent.css.

Copiez-y ceci :

@-moz-document url(about:newtab) {
	body {
		--newtab-background-color: rgba(42, 42, 46, 1)!important;
		--newtab-text-primary-color: rgba(249, 249, 250, 1)!important;
		--newtab-border-primary-color: rgba(249, 249, 250, 0.8)!important;
		--newtab-border-secondary-color: rgba(249, 249, 250, 0.1)!important;
		--newtab-button-primary-color: #0060DF!important;
		--newtab-button-secondary-color: #38383D!important;
		--newtab-element-active-color: rgba(249, 249, 250, 0.2)!important;
		--newtab-element-hover-color: rgba(249, 249, 250, 0.1)!important;
		--newtab-icon-primary-color: rgba(249, 249, 250, 0.8)!important;
		--newtab-icon-secondary-color: rgba(249, 249, 250, 0.4)!important;
		--newtab-icon-tertiary-color: rgba(249, 249, 250, 0.4)!important;
		--newtab-inner-box-shadow-color: rgba(249, 249, 250, 0.2)!important;
		--newtab-inner-box-shadow-color-nte: rgba(21, 20, 26, 0.5)!important;
		--newtab-tile-shadow-secondary: rgba(21, 20, 26, 0.75)!important;
		--newtab-link-primary-color: #45A1FF!important;
		--newtab-link-secondary-color: #50BCB6!important;
		--newtab-text-conditional-color: #F9F9FA!important;
		--newtab-text-secondary-color: rgba(249, 249, 250, 0.8)!important;
		--newtab-textbox-background-color: #38383D!important;
		--newtab-textbox-border: rgba(249, 249, 250, 0.2)!important;
		--newtab-textbox-focus-color: #45A1FF!important;
		--newtab-textbox-focus-boxshadow: 0 0 0 1px #45A1FF, 0 0 0 4px rgba(69, 161, 255, 0.3)!important;
		--newtab-background-button-color: rgba(80, 80, 80, 0.5)!important;
		--newtab-background-button-text-color: #CDCDD4!important;
		--newtab-background-button-hover-color: rgba(114, 114, 114, 0.5)!important;
		--newtab-background-button-active-color: rgba(173, 173, 173, 0.5)!important;
		--newtab-feed-button-background: #38383D!important;
		--newtab-feed-button-text: #F9F9FA!important;
		--newtab-feed-button-background-faded: rgba(56, 56, 61, 0.6)!important;
		--newtab-feed-button-text-faded: rgba(249, 249, 250, 0)!important;
		--newtab-feed-button-spinner: #D7D7DB!important;
		--newtab-contextmenu-background-color: #4A4A4F!important;
		--newtab-contextmenu-button-color: #2A2A2E!important;
		--newtab-modal-color: #2A2A2E!important;
		--newtab-overlay-color: rgba(12, 12, 13, 0.8)!important;
		--newtab-section-header-text-color: rgba(249, 249, 250, 0.8)!important;
		--newtab-section-navigation-text-color: rgba(249, 249, 250, 0.8)!important;
		--newtab-section-active-contextmenu-color: #FFF!important;
		--newtab-search-border-color: rgba(249, 249, 250, 0.2)!important;
		--newtab-search-dropdown-color: #38383D!important;
		--newtab-search-dropdown-header-color: #4A4A4F!important;
		--newtab-search-header-background-color: rgba(42, 42, 46, 0.95)!important;
		--newtab-search-icon-color: rgba(249, 249, 250, 0.6)!important;
		--newtab-search-wordmark-color: #FFF!important;
		--newtab-topsites-background-color: #38383D!important;
		--newtab-topsites-icon-shadow: none!important;
		--newtab-topsites-label-color: rgba(249, 249, 250, 0.8)!important;
		--newtab-topsites-outer-card-hover: rgba(180, 180, 180, 0.1)!important;
		--newtab-topsites-context-menu-hover: rgba(180, 180, 180, 0.1)!important;
		--newtab-card-active-outline-color: #4A4A4F!important;
		--newtab-card-background-color: #38383D!important;
		--newtab-card-hairline-color: rgba(249, 249, 250, 0.1)!important;
		--newtab-card-placeholder-color: #4A4A4F!important;
		--newtab-card-shadow: 0 1px 8px 0 rgba(12, 12, 13, 0.2)!important;
		--newtab-snippets-background-color: #38383D!important;
		--newtab-snippets-hairline-color: rgba(255, 255, 255, 0.1)!important;
		--newtab-background-primary-text-color: #CDCDD4!important;
		--newtab-focus-outline: rgba(80, 145, 241, 0.5)!important;
		--newtab-focus-border: #B5D3FF!important;
		--newtab-focus-border-selected: #B5D3FF!important;
		--newtab-primary-action-background: #4484E2!important;
		--newtab-primary-action-background-off: #6A6A6F!important;
		--newtab-seperator-line-color: #53515F!important;
		--customize-menu-primary-text-color: #E0E0E6!important;
		--customize-menu-check-fill: #E0E0E6!important;
		--customize-menu-background: #38383D!important;
		--customize-menu-secondary-action-background: #515156!important;
		--customize-menu-secondary-action-background-hover: #606065!important;
		--customize-menu-secondary-action-background-active: #6F6F74!important;
		--customize-menu-seperator-line-color: #53515F!important;
		--customize-menu-first-shadow: rgba(21, 20, 26, 0.5)!important;
		--customize-menu-second-shadow: rgba(21, 20, 26, 0.75)!important;
		--customize-menu-primary-action-text: #E0E0E6!important;
		--customize-menu-line-color: #B9B7CC!important;
		--newtab-search-first-shadow: rgba(21, 20, 26, 0.5)!important;
		--newtab-search-second-shadow: rgba(21, 20, 26, 0.75)!important;
		--newtab-search-text-color: #B1B1BD!important;
		--newtab-card-first-shadow: rgba(21, 20, 26, 0.5)!important;
		--newtab-card-second-shadow: rgba(21, 20, 26, 0.75)!important;
		--newtab-wordmark-color: #FFF!important;
	}

}

Enregistrez le fichier.
Fermez l’éditeur.

Maintenant, dans Firefox, allez dans about:config et créez une clé toolkit.legacyUserProfileCustomizations.stylesheets de type boolean et mettez-là à true.

Relancez Firefox.

Voilà.

Maintenant ça ressemble à ça :
https://lehollandaisvolant.net/img/7a/screenshot-firefox.png

Alors qu’avec le thème sombre de Firefox, on avait la barre sous les onglets qui n’étais pas pareil que la barre de titre (aux couleurs du système) et avec le thème par défaut (comme là), la barre des onglets était bonne, mais la page newtab était claire.

D’ailleurs là, le fond de la page newtab n’est pas exactement la même couleur que celle de la barre de titre.

ÉDIT : pour ceux qui se demandent, je suis en train de faire un thème sombre pour mes sites.
Je commence actuellement par mes petits outils en ligne (c’est pas encore en ligne). Après je ferais le blog, puis peut-être CS (le site est déjà relativement sombre).

How does Firefox's Reader View work?

Quelques mots sur l’algo du mode lecture de Firefox. Grossièrement, il compte le nombre de PRE, P, BR… dans la page ou un élement HTML et il donne un score, puis en fonction du score, active l’icône ou non.

À noter qu’il subsiste un comportement que j’ai toujours trouvé débile : le mode lecture n’est jamais activé sur les pages de garde des sites.

Mes blogs, par exemple, ne fonctionnent pas, car c’est tout dans le répertoire racine du site : https://couleur-science.eu/ ne fonctionnera pas tout seul, ni n’importe quel article.

Par contre, si j’avais mis mon blog sous un répertoire « /blog/ », là ça aurait marché.

Pire, sur mon dernier article :

https://couleur-science.eu/?d=3eefbb--comment-fonctionnent-les-masques-ffp2     (ne marche pas)
https://couleur-science.eu//?d=3eefbb--comment-fonctionnent-les-masques-ffp2     (marche !)

Y a des add-ons qui permettent de le forcer, mais c’est quand-même un comportement pourri. Pourquoi une page de garde ne devrait pas être « readeable » ?

Et c’est pas un bug : ça fait des années que c’est comme ça et après m’être renseigné, on m’avait dit que c’était voulu… Bref, les voies du panda sont impénétrables et faut pas trop chercher ce qu’ils ont dans leur tête en ce moment…

#19648  

https://videoinu.com/blog/firefox-reader-view-heuristics/

GitHub - aledeg/linkdump: Store links and dump them

Alexis, un lecteur et dév, me propose de partager son extension Firefox.

Elle permet d’ajouter d’un simple clic un onglet à une liste stockée localement dans le navigateur.

Ensuite, on peut exporter le ou les liens de la liste au format HTML, phpBB, Markdown, Docuwiki… directement dans un fichier ou bien dans le presse-papier.

Si copier des onglets ou des liens est quelque chose que vous faites souvent, ça peut-être un moyen de gagner du temps : l’extension convertit tout seule le lien+titre au format voulu.

N’hésitez pas pour lui reporter les bugs éventuels également !

#19641  

https://github.com/aledeg/linkdump