PUBLIC MARKS from decembre with tags interface & firefox

You need to install the Test Pilot extension and the Firefox Color experiment to get started. You may do so in Firefox Stable or any other version of the browser that is supported by Mozilla. Color opens a special interface after installation which you interact with to create the theme and save or share it. The Firefox Color website displays several interactive elements on the page that depict browser UI elements.

FirefoxCSS

'about:config' tweaks (To revert changes right-click entry and select 'reset'): - Tab audio icon browser.tabs.showAudioPlayingIcon - Insert related tab after current tab (suggestion: enable / set to 'true') browser.tabs.insertRelatedAfterCurrent - Titlebar browser.tabs.drawInTitlebar - Searchbar: open search results in new tab browser.search.openintab - Reader mode reader.parse-on-load.enabled - Geolocation (suggestion: disable / set to 'false') geo.enabled - Pocket (suggestion: disable / set to 'false') extensions.pocket.enabled - Anti fingerprinting (Caution: browser might behave in unforseen ways!) privacy.resistFingerprinting read: Fingerprinting info at Mozilla Wiki tweaks ***** Suggested ui tweaks ***** - Toolbar modes (suggestion: compact mode) Customize mode > Density > Compact / Normal / Touch - Titlebar modes (suggestion: Firefox titlebar ['application/hamburger button in titlebar' only works in Firefox titlebar]) Customize mode > Title Bar > uncheck checkbox Drag space above tabs toolbar (suggestion: disable drag space ['application/hamburger button in titlebar' works best without drag space]) Customize mode > Drag Space > uncheck checkbox Bookmarks menu button on bookmarks toolbar Customize mode > Toolbars > Bookmarks Toolbar Customize mode > move 'bookmarks menu' button to bookmark toolbars end Downloads button always visible Customize mode > downloads button > click on button and uncheck 'Auto-hide' Searchbar (suggestion: placed after location bar) Customize mode > Search(bar) > move to navigation toolbar Flexible spaces (suggestion: remove spaces after and before location bar) Customize mode > grab and drag flexible space into palette

userChrome.css is a style sheet with special importance to Firefox. The rules in userChrome.css are applied to the user interface, and can override nearly every built-in style rule. Unfortunately, you cannot use userChrome.css to change the functional operation of Firefox; that's what extensions are for. Creating a userChrome.css file and adding style rules allows you to make changes to fonts and colors, hide unnecessary items, adjust spacing, and make other changes to the appearance of Firefox. The following examples illustrate the wide range of effects you can create, either by creating your own style recipes, or building on the work of CSS wizards sharing their talents on the web.

If you are using Firefox Nightly right now, you may have noticed that the latest update of the web browser disabled all legacy add-ons. Firefox Nightly is the first version of the Firefox web browser that hit version 57, the version of Firefox that drops support for so-called legacy add-ons in favor of WebExtensions.

listing of bookmarks folder icon user styles _ /* = NO Folders Icons BOOKMARKS - No bookmarks bar icons by xd_1771 = */ /* ==== NO Folders Icons BOOKMARKS - No bookmarks bar icons by xd_1771 - UP - TWEAK === */ toolbarbutton.bookmark-item > .toolbarbutton-icon { display: none !important; }

you can use Firefox menu->Developer->BrowserToolbox to examine UI elements and play with CSS. After you open it, click OK in the main browser window, wait a few seconds for the toolbox to initiliaze, then use the first button in its toolbar to pick an element (bookmarks button in your case).

When editing userChrome.css, you must add CSS selectors based on the element names and IDs/classes of the XUL user interface. There is no comprehensive listing of every single possible selector to use when styling the user interface (just as it would be silly to create such a comprehensive list for a web page), but a few of the more common and interesting selectors are listed below. The best way to discover how to select an element in the user interface is to use the DOM Inspector.

You can inspect the Firefox user interface directly with DOM Inspector. (Which is not the same Inspector as in the Web Developer menu.) [addons.mozilla.org] https://addons.mozilla.org/en-US/firefox/addon/dom-inspector-6622/Click the icon in the upper-left corner of DOMi, the one with a pointer on it, then click anywhere in the browser to select an element; that element will be highlighted in the left column. Right-click the highlighted entry to display a context menu: "Copy Selector" suggests selectors for the element, "Set Pseudo-classes..." lets you switch on :hover. Notice that the browser itself is a document with its own URI, chrome://browser/content/browser.xul, Most of the browser chrome is XUL, but some, such as the Stylish editor, is HTML embedded in XUL. https://developer.mozilla.org/en-US/docs/XUL

Ajouter le texte sélectionné à l'URL de votre site préféré vous permettant de soumettre une requête à n'importe quel site Web. . Par exemple - mettre en évidence un toponyme / code postal et ouvrir en utilisant Google Maps . beaucoup plus facile et rapide à utiliser que d'ajouter des moteurs de recherche à la recherche de cadre Instructions: Sélectionnez un texte, faites un clic droit et choisissez une adresse URL que vous avez définis pour l'ouvrir. Disponible en: cs-CZ/de-DE/en-GB/en-US/es-ES/fr-FR/nl-NL/pl-PL/pt-BR BabelZillians Merci;)

Il y a eu récemment beaucoup de très bonnes idées d'interfaces-utilisateurs et des suggestions pour travailler sur les microformats. Cette page sert à rassembler et documenter de façon à ce que nous puissions être inspirés et informés sur les travaux des autres.

Last updated Jun 05 2008 10 installs this week, 415 total. Greatly condenses the Bookmarks Toolbar. Removes padding, making the toolbar very small and minimal. Excellent style for those who want to conserve screen real-estate. Works on Firefox2 AND Firefox3 !!

Both the Loading New Tab AND the About:blank's background image will be animated. When you open a new tab, it will display this animated image until something from that site is able to be displayed. Features: + Appears when opening new tabs + Appears when loading new tabs content + Appears within loading page contents (a loading div control containing a frame of another site) + Appears when a page transitions to external or new domain + Works in Firefox 3! + Clean and very appropriate animated default image, included with style (Firefox logo Spinning) + Makes your browser look great, and adds that "wow" factor. Additional Information: *NOTE: Please Clear your Cache and Restart your browser after installing or changing this style, your custom image will need to be cached in order for it to be displayed. * You may have to disable the following two styles for this to work: - Custom About:Blank logo - Custom New Tab Loading Image

Last updated Jun 23 2008 Only displays the "Apply" button when you make a change to Mr Tech's Toolkit (Formerly Mr. Tech's Local Install) Browser Versions: - Works on Firefox 3 - Works on Firefox 2

The uTorrent WebUI can be used to access uTorrent from an external computer. This also opens the possibility to handle your torrents from your browser window. We’ve discovered a Firefox extension that makes using the WebUI a lot easier.

Rajoute une “contact list” à coté du champ “To”.

Manage a lot of things through the Firefox sidebar, create new toolbars, etc.

Greased Lightbox is a Greasemonkey user script designed to enhance browsing on websites that link to images such as Google Image Search, Flickr, Gmail, and Facebook.

Rearrange or remove menuitems from the main context menu (right-click menu) and main menubar (File, Edit, View, etc.).

SEO allows you to sort and delete search engines that are in the search bar.

del.icio.us direc.tor implemented as a Greasemonkey script instead of a bookmarklet. NOTE: To get this script to work properly, under “Manage User Scripts” change the site to: <a class="linkification-ext" href="http://del.icio.us/yourusername" title="