Informatique

Je hais le nouveau design de Firefox (avec les onglets claqués au sol).

Quelle alternative à Firefox pour Linux ? J'en vois que 2 actuellement :

Brave
Vivaldi

Autre ?

Quel est ton problème avec les onglets concrètement ?

Le 28 septembre 2021 à 15:01:15 :
Quel est ton problème avec les onglets concrètement ?

C'est moche, tout simplement. On dirait qu'ils sont déconnectés visuellement de la page ouverte (comme s'il n'y avait plus de lien logique entre l'onglet et la page). C'est contraire à tout ce que j'ai appris dans mes cours d'UX/UI (je suis dev web).

Je suis dev web aussi, mais çe ne me choque absolument pas perso.

Le 28 septembre 2021 à 15:10:18 :
Je suis dev web aussi, mais çe ne me choque absolument pas perso.

Proximity Principle in Visual Design

https://www.nngroup.com/aom/articles/gestalt-proximity/

Tous les autres navigateurs et logiciels respectent ce principe, mais Firefox pense qu'il sait mieux que les autres.

Puis Firefox, c'est devenu tellement lent aussi. Ils ont viré l'équipe Servo, donc bref ça va pas aller en s'améliorant. Sans parler que 90% des revenus de Mozilla viennent de Google, et que la CEO de Mozilla (incapable de coder et qui n'a aucune expérience en développement logiciel) se met 3 millions par an dans la poche (et en parallèle vous demande de donner de l'argent à la fondation Mozilla).

Le 28 septembre 2021 à 15:13:22 :

Le 28 septembre 2021 à 15:10:18 :
Je suis dev web aussi, mais çe ne me choque absolument pas perso.

Proximity Principle in Visual Design

https://www.nngroup.com/aom/articles/gestalt-proximity/

Tous les autres navigateurs et logiciels respectent ce principe, mais Firefox pense qu'il sait mieux que les autres.

Puis Firefox, c'est devenu tellement lent aussi. Ils ont viré l'équipe Servo, donc bref ça va pas aller en s'améliorant.

Certes, mais c'est pas pour autant que ça me choque. Après l'UI et l'UX, perso c'est quelque chose dont je me fous complètement. J'dois en faire pour mes clients bien évidemment, mais moi ce que j'aime, c'est les CLI, je trouve ça plus agréable dans la vie de tous les jours.

Ça fait en effet des années que Firefox s'écroule sous le poids du management grotesque de Mozilla malheureusement

Perso je recommanderais brave ou ungoogled chromium

Je suis très choqué depuis que c'est apparu sur Firefox, version 50 ou 60, je ne sais plus, et je ne m'y suis jamais fait, d'avoir les onglets au dessus de tout. Sur Windows j'ai toujours les onglets en bas, collé au haut de leur page :

et c'est vrai que je n'ai pas encore modifié le Firefox de mon Xfce mais je vais m'y pencher.

Voici la procédure pour remettre en place les onglets :

Il faut ajouter dans le dossier du Profil un dossier nommé Chrome.
Dans ce dossier Chrome il faut ajouter un fichier nommé userChrome.css (respectez la casse)

Dans le fichier userChrome.css écrire :

@import url("userChrome-tabs_on_bottom_Fx70.css")

et enregistrer le fichier.

Dans le dossier Chrome créer un fichier nommé userChrome-tabs_on_bottom_Fx70.css

et coller dans le fichier le code suivant (Je note au passage une commande qui concerne spécifiquement Linux dedans et qu'il faut activer en désactivant la ligne commentaire qui la bloque ):

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
 */

/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/

:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
  :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
  position: fixed;
  display: block;
  top: var(--uc-titlebar-padding,0px);
  right:0;
  height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
  :root{ --uc-titlebar-padding: 0px !important }
  .titlebar-buttonbox-container{ left:0; right: unset !important; }
}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{
  -moz-box-ordinal-group: 2;
  -moz-appearance: none !important;
  --tabs-navbar-shadow-size: 0px;
}

.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */

:root{ --uc-window-control-width: 0px !important }

#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }

#toolbar-menubar{
  position: fixed;
  display: flex;
  top: var(--uc-titlebar-padding,0px);
  height: 29px;
  width: 100%;
  overflow: hidden;
}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
  order: 99;
  flex-grow: 1;
  min-width: var(--uc-window-drag-space-width,20px);
}

#toolbar-menubar .titlebar-button{ padding: 2px 17px !important;  }

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }

#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

.tab-background {
border-radius: 8px 8px 0px 0px !important; border-image: none !important;
}
.tab-line {
display: none;
} 

.tab-close-button {
color: red!important; 
}

Voilà.

HTH

Et voilà, ça fonctionne :

Le code précédent ne fonctionne pas.
Le bon à suivre.

J'ai appris le Contrôle+H avec tout ça ! 😉

Voici la bonne procédure pour que ça fonctionne.

Tout d'abord about:config en barre d'adresse de Firefox, et chercher sheet
et passer

toolkit.legacyUserProfileCustomizations.stylesheets

à True

Dans le fichier userChrome-tabs_on_bottom_Fx70.css coller le code suivant :

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
 */

/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/
/*@import url(chrome/linux_gtk_window_control_patch.css); /* Needed on Linux only */

:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
  :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
  position: fixed;
  display: block;
  top: var(--uc-titlebar-padding,0px);
  right:0;
  height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
  :root{ --uc-titlebar-padding: 0px !important }
  .titlebar-buttonbox-container{ left:0; right: unset !important; }
}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{
  -moz-box-ordinal-group: 2;
  -moz-appearance: none !important;
  --tabs-navbar-shadow-size: 0px;
}

.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */

:root{ --uc-window-control-width: 0px !important }

#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }

#toolbar-menubar{
  position: fixed;
  display: flex;
  top: var(--uc-titlebar-padding,0px);
  height: 29px;
  width: 100%;
  overflow: hidden;
}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
  order: 99;
  flex-grow: 1;
  min-width: var(--uc-window-drag-space-width,20px);
}

#toolbar-menubar .titlebar-button{ padding: 2px 17px !important;  }

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }

#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

.tab-background {
border-radius: 8px 8px 0px 0px !important; border-image: none !important;
}
.tab-line {
display: none;
} 

.tab-close-button {
color: red!important; 
}

/*/////////////////////////////////////////////////////////////////////////////////*/
/*
 * Only show close buttons on background tabs when hovering with the mouse
 *
 * Contributor(s): Timvde
 */

.tabbrowser-tab:not([selected]):not([pinned]) .tab-close-button {
  display: none !important;
}

.tabbrowser-tab:not([selected]):not([pinned]):hover .tab-close-button {
  display: -moz-box !important;
}

 
#titlebar{ -moz-appearance: none !important; }
/* We'll use window controls from menubar instead */
#TabsToolbar > .titlebar-buttonbox-container { display: none }
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; }

#TabsToolbar > .titlebar-spacer[type="post-tabs"]{ width: 178px !important; }
#toolbar-menubar > spacer{ pointer-events: none }

:root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button{
  -moz-appearance: none !important;
  height: 0px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  -moz-box-align: stretch;
  margin: 0 !important;
}
#tabbrowser-tabs .tabbrowser-tab{ height: var(--tab-min-height) }
#tabbrowser-tabs .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"]{
  visibility: collapse;
}

/* Button re-styling */
#tabbrowser-tabs .tabs-newtab-button:hover{ background-color: var(--toolbarbutton-hover-background) }

#tabbrowser-tabs .tabs-newtab-button > .toolbarbutton-icon{
  padding: 0 !important;
  transform: scale(0.6);
  background-color: transparent !important;
}
/* Extra top padding  in maximized window */
:root[sizemode="maximized"] > #navigator-toolbox{ padding-top:7px !important; }

/* Window controls in nav-bar */
:root:not([customizing]) #toolbar-menubar[inactive]{
  height: initial !important;
  min-height: initial !important;
  margin-bottom: -28px !important;
}

:root:not([customizing]) #toolbar-menubar[autohide][inactive] > #menubar-items{ pointer-events: none; opacity: 0 }

}

#nav-bar::before,
#nav-bar::after{
  content: "";
  display: -moz-box;
  width: var(--uc-window-drag-space-width);
}
toolbar#nav-bar::after{ width: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-width,0px)) }

/* Use this pref to check Mac OS where window controls are on left */
/* This pref defaults to true on Mac and doesn't actually do anything on other platforms. So if your system has window controls on LEFT side you can set the pref to true */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
	:root{ --uc-window-control-width: 72px; }
  :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar::before{
    width: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-width,0px))
  }
  :root[tabsintitlebar="true"]:not([inFullscreen]) toolbar#nav-bar::after{ width: var(--uc-window-drag-space-width); }
}

}

#nav-bar::before,
#nav-bar::after{
  content: "";
  display: -moz-box;
  width: var(--uc-window-drag-space-width);
}
toolbar#nav-bar::after{ width: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-width,0px)) }

/* Use this pref to check Mac OS where window controls are on left */
/* This pref defaults to true on Mac and doesn't actually do anything on other platforms. So if your system has window controls on LEFT side you can set the pref to true */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
	:root{ --uc-window-control-width: 72px; }
  :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar::before{
    width: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-width,0px))
  }
  :root[tabsintitlebar="true"]:not([inFullscreen]) toolbar#nav-bar::after{ width: var(--uc-window-drag-space-width); }
}

Dans le fichier userChrome.css écrire :

@import url("userChrome-tabs_on_bottom_Fx70.css")

et enregistrer le fichier.

Les deux fichiers .css doivent se trouver dans le dossier
home/user/.mozilla/firefox/chrome

HTH

Le blog de la CEO de Mozilla, Mitchell Baker :

https://blog.mozilla.org//en/author/mitchellmozillacom/

Elle parle du web et de Firefox ? Que nenni, ses sujets sont :

- Le racisme systémique
- Les migrants qui sont une chance pour les USA
- Il faut que les supporters de Trump ne puissent plus s'exprimer sur Internet
- Les femmes "empowered" dans la tech
- Les LGBT

Mais rien sur Firefox ! Forcément, elle n'est même pas capable d'afficher "Hello, World!" dans un terminal, elle n'a aucune compétence dans le web et la programmation.

Elle est payée 3 millions par année. C'est très lucratif pour une "association à but non-lucratif", non ?

https://calpaterson.com/mozilla.html

Parce que oui Mozilla vous demande de donner pour payer le salaire exorbitant de sa CEO et tout le conseil d'administration (aucun d'entre eux n'est capable de développer du logiciel) :

https://donate.mozilla.org/

Mozilla, c'est de la fraude, une arnaque, une imposture, qui se cache derrière une pseudo-posture de chevalier blanc (alors que Mozilla est financé à plus de 90% par Google).

Et elle engage d'autres incompétentes comme elles pour diriger Mozilla :

- une bonne femme qui a inventé une machine à traire pour les femmes enceintes
- une autre bonne femme qui est spécialisée pour recruter des développeurs en Afrique et dans le tiers-monde

https://blog.mozilla.org/en/mozilla/expanding-mozillas-boards/

Mozilla, c'est devenu un mélange entre asile psychiatrique et un scam financier qui se cache derrière une "association à but non-lucratif".

Firefox ne ressemble plus à rien depuis qu'ils ont viré son fondateur originel, Brendan Eich, qui a depuis été créer Brave (et qui est au passage le créateur du langage JavaScript).

La CEO a aussi méthodiquement supprimé tout ce qui était potentiellement disruptif : Servo, Rust, WebAssembly. Cette nana est un agent du statu quo pour que Google continue sa domination du web. Et aussi pour éviter que Chrome ne soit démantelé de Google parce qu'en situation de monopole sur le marché des navigateurs. Bref, Firefox est le meilleur allié de Google en réalité.

Le 28 septembre 2021 à 18:31:26 :
Le blog de la CEO de Mozilla, Mitchell Baker :

https://blog.mozilla.org//en/author/mitchellmozillacom/

https://www.noelshack.com/2021-39-2-1632845416-5ff99c63bde805001980c088.jpeg

Elle parle du web et de Firefox ? Que nenni, ses sujets sont :

- Le racisme systémique
- Les migrants qui sont une chance pour les USA
- Il faut que les supporters de Trump ne puissent plus s'exprimer sur Internet
- Les femmes "empowered" dans la tech
- Les LGBT

Tu l'as lu le blog concretement? Ca ressemble a un blog typique de CEO. Ca annonce les changements de personnel au haut niveau de l'institution. Et ca clarifie la position de l'institution sur les questions de societe, en particulier sur celle qui ont directement a faire avec l'industrie de l'institution. Note qu'elle ecrit relativement peu sur son blog. Moins d'un post par mois dans la derniere annee.

Mais rien sur Firefox ! Forcément, elle n'est même pas capable d'afficher "Hello, World!" dans un terminal, elle n'a aucune compétence dans le web et la programmation.

Depuis quand les CEO doiventt etre des techies? En general, une fois la boite demarer, les CEO sont des manager.

Elle est payée 3 millions par année. C'est très lucratif pour une "association à but non-lucratif", non ?

C'est standard je pense pour diriger une institution de la taille et impact de mozilla.

Et elle engage d'autres incompétentes comme elles pour diriger Mozilla :

- une bonne femme qui a inventé une machine à traire pour les femmes enceintes
- une autre bonne femme qui est spécialisée pour recruter des développeurs en Afrique et dans le tiers-monde

https://blog.mozilla.org/en/mozilla/expanding-mozillas-boards/

Et pourquoi ces gens la sont incompetents? Trouver de nouveau developpeur m'a l'air relativement important a la mission de Mozilla. L'autre est un MBA dans les boites de techs, ce qui est exactement le genre de personne que tu veux dans un board.

Dans un board de directeur, il te faut un panel de gens qui peuvent fournir un avis a toutes questions questions qui vont demander l'avis du board. Probablement il y a un avocat pour repondre aux questions de legalite, probablement il y a un comptable. Regarde la composition du board, il ne manque pas de technologiste.

Le 28 septembre 2021 à 15:13:22 :

Le 28 septembre 2021 à 15:10:18 :
Je suis dev web aussi, mais çe ne me choque absolument pas perso.

https://www.noelshack.com/2021-39-2-1632834615-screenshot-from-2021-09-28-15-09-49.png

Proximity Principle in Visual Design

https://www.nngroup.com/articles/gestalt-proximity/

Tous les autres navigateurs et logiciels respectent ce principe, mais Firefox pense qu'il sait mieux que les autres.

heu... non...
Firefox a commencer a faire ca apres que google chrome et microsoft edge se soient mit a faire ca.

Ca a commencer quand microsoft a mis le tab comme faisant parti de la barre de titre de l'application. Ca faisait parti de la reforme "tabbed winform" de memoire.
Je ne sais pas si il y a des WM pour linux qui support ca.

Les non-technical founders sont pour moi des parasites et des imposteurs. C'est comme si j'allais faire coach de l'équipe de France de football sans avoir jamais shooté dans un ballon de ma vie.

Si tu prends la direction de Brave par exemple, les 2 co-fondateurs Eich/Bondy ont plus de 50 ans d'expérience combinée dans la programmation et le développement. Eich c'est Netscape, Firefox, et JavaScript. Bondy est en train d'amener IPFS et de préparer le web décentralisé. Ces deux fondateurs comprennent la technique ET le marché.

Le futur me donnera raison, tu verras, dans 2 ou 3 ans, Mozilla est dead à cause de son management de voyous incompétents, et Brave sera à 200 millions d'utilisateurs voire plus.

Regardez cette vidéo de Mitchell Baker qui parle du futur du web :

https://www.youtube.com/watch?v=_2VMjlJvwL8

Ce n'est même pas intelligible ce qu'elle dit, c'est vide de sens.

Mainteant, comparez avec Brendan Eich (le fondateur du Firefox originel qu'on aime tous) :

https://www.youtube.com/watch?v=krB0enBeSiE

Et je pose ça là aussi :

https://search.brave.com/

Enfin on a des acteurs qui vont essayer de bousculer Google.

Le 28 septembre 2021 à 18:23:56 :
Bof, je ne vois pas l'intérêt de Brave, à part pour les BATs. Je recommande plutôt d'utiliser Ungoogled Chromium ou Librewolf.

L'intérêt c'est principalement l'anti-pub intégré qui fait mieux que juste bloquer certaines url comme font ublock et consorts

Le 28 septembre 2021 à 20:21:22 :
Et je pose ça là aussi :

https://search.brave.com/

Enfin on a des acteurs qui vont essayer de bousculer Google.

Pas encore intégré à searx malheureusement

Les non-technical founders sont pour moi des parasites et des imposteurs.

Tu te rends compte qu'il y a differente phase dans la vie d'une entreprise. Il y a des cycles. Il y a des phases d'innovation, il y a des phases d'expansion de marche, et il y a des phases d'optimization de cout et de structure.

C'est quoi le but de la mozilla foundation?
"Our mission is to ensure the Internet is a global public resource, open and accessible to all. An Internet that truly puts people first, where individuals can shape their own experience and are empowered, safe and independent."

Faire un navigateur, ou un nouveau protocol c'est un outil, c'est pas un but. Bousculer Google ce n'est pas leur but.

Apres peut etre tu voudrais qu'ils fassent d'autre chose. Mais c'est pas a moi de leur dire comment utiliser leur temps.

Vivaldi est une bonne alternative mais il n'est pas Open Source, si jamais ça te gêne.

Manjaro, avec sa version Cinnamon, a d'ailleurs abandonné Firefox pour Vivaldi.

Le 28 septembre 2021 à 20:26:55 Monadent2
mieux que juste bloquer certaines url comme font ublock

ublock est très loin de ne bloquer que des urls... tu l'as déjà utilisé au moins ?