public marks

PUBLIC MARKS from decembre with tags firefox & code

This year

ADDON - MyBrowserAddon - Community for Open-source Projects ::

MyBrowserAddon is a community for open-source projects. It houses the documentation, tutorial, code related to open-source projects and is dedicated to developers who are interested in learning about and contributing to these projects. Here, you can explore different ways we serve the open-source community and also help us to make these open-source projects even more awesome! Open-source development promotes not only innovation but also accelerates progress in all aspects of software development. Currently we are focused on supporting non-commercial browser-based projects (addon, plug-in) within communities. But, in future we will branch-out to other areas including health and education!

2017

FIR 57 - ARIS - SCROLLBAR - GitHub - Aris-t2/Scrollbars: Custom Scrollbars

Custom Scrollbars for Firefox 57+ : Method 1 - files for Firefox profile folder only M1 is based on this project by nuchi: https://github.com/nuchi/firefox-quantum-userchromejs M1 will stop working when Mozilla drops XBL support. From this projects method 1 : folder copy userChrome folder and userChrome.css file to PROFILENAME chrome or add code from userChrome.css file to an existing userChrome.css file. Method 2 - files for Firefox folder and to Firefox profile folder M2 is based on this project by ardiman: https://github.com/ardiman/userChrome.js From this projects method 2profile folder copy userChrome folder and userChrome.js file to PROFILENAME chrome . From this projects method 2firefox folder copy defaults folder and config.js file to Firefox main directory (where the Firefox executable is). Script/startup cache must be deleted after every change! Where to fine startupCache folder? about:profiles > Local Directory > Open Folder, close Firefox and delete all files in startupCache folder. Location on WINDOWS: C:Users NAME AppDataLocalMozillaFirefoxProfiles PROFILE startupCache Location on LINUX location: home NAME .cachemozillafirefox PROFILE startupCache This is not the same profile folder custom scripts and styles are stored! More info about startup cache removal (in German): https://github.com/ardiman/userChrome.js/wiki/Skriptcache More info about startup cache removal (in English )

FIR- DEV - Firefox DevTools (@FirefoxDevTools) | Twitter

The official Firefox DevTools account. Follow us here to see the very latest experiments, milestones and help us build the best Firefox.

FIR - DEV - Éxaminer et modifier le code HTML - Outils de développement | MDN

Recherche: À partir de Firefox 45, la boite de recherche de l'Inspecteur trouve les correspondances dans tout le markup du document ouvert, ainsi que dans toutes les frames. Pour commencer une recherche, il suffit de cliquer sur la boîte de recherche pour l'agrandir ou bien d'utiliser les raccourcis clavier Ctrl + F , ou Cmd + F sous Mac. Lors de la saisie, une pop-up d'autocomplétion affiche toutes les classes ou ID qui correspondent à la recherche en cours :

2014

BLOC NOTE - Astuce - data:text/html, <html contenteditable> - Transformer votre navigateur en bloc-note sans installer d'applications tierces | Geekologie.me

astuce qui va vous permettre de prendre des notes directement dans le navigateur, et tout cela sans installer d'extension ou de logiciel. L'astuce marche avec Google Chrome et Mozilla Firefox, pour IE ça ne marche pas et pour les autres, il faut essayer. Je pense que pour Safari et Opera, il ne devrait pas y avoir de problème. Donc pour prendre rapidement une note, tapez ce code dans la barre d'adresse de votre navigateur: Ensuite tapez sur la touche Entrée. Ce qui va avoir pour effet de vous ouvrir une page blanche et éditable dans l'onglet du navigateur.

2013

CSS - USERSTYLES - Code for various Firefox elements? - forum.userstyles.org

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

DEV CSS - Tutoriel vidéo HTML-CSS : Firebug, L’extension pour les développeurs Web | Grafikart.fr

Firebug est une extension firefox incontournable pour tous les intégrateurs et développeurs web. Elle permet entre autre de voir comment le navigateur interprète les différents languages et permet aussi d’interagir en temps réel avec le code source. Plutôt que des longues explication une petite vidéo vous aidera à mieux comprendre comment firebug peux changer votre façon de débugger vos pages web

2010

2009

Web Developer fr-FR - Traduction française

by 1 other
Traduction française de l'extension Web Developer de Chris Pederick (http://chrispederick.com/work/web-developer/). Cette magnifique extension propose plein d'outils facilitant le développement de site web.

JavaScript Deobfuscator - Show you what JavaScript gets to run on a web page,

This add-on will show you what JavaScript gets to run on a web page, even if it is obfuscated and generated on the fly. Simply open JavaScript Deobfuscator from the Tools menu and watch the scripts being compiled/executed.

Projet Bespin - Mozilla Labs lance un éditeur de code online

Le projet Bespin rejoint les laboratoires de développement de la fondation Mozilla. Bespin est un éditeur de code open source avancé (sous licence MPL) comprenant toutes les fonctions habituellement présentes dans ce type d’outil: coloration syntaxique, gestion des projets, édition des fichiers de grande taille, etc. Bespin se différencie de ses concurrents par son mode de fonctionnement. De fait, il s’agit d’une application web. Cet outil sera donc particulièrement adapté aux applications en ligne, exécutées côté serveur ou côté client. Il met également l’accent sur l’aspect collaboratif.

X-Ray - Extension Firefox - Révèle en clair dans la page les balises (X)HTML utilisées pour chaque bloc.

révèle en clair dans la page les balises (X)HTML utilisées pour chaque bloc. Utile pour diagnostiquer un site, son DOM et sa structure sémantique

searchplugins.net - Créer Plugin Recherche (ne marche que pour URL en "clair" : c.à.d. où le terme de la recherche apparait dons la barre d'adresse

searchplugins.net is a repository for OpenSearch based plugins which are compatible with IE7+, Firefox2+ and Google Chrome. You can create search plugins and they will be stored on the site in a publically viewable list. If you register on the site then you can create, edit and delete plugins you create (you can even upload search plugins you may have created yourself), as well as make them viewable only by you. OpenSearch is an XML format developed by A9.com to make it easier to access and / or syndicate search engine results.

Gmail-Greasemonkey - Google Code

by 3 others
Ce site répertorie différents scripts Greasemonkey permettant d’enrichier et améliorer l’interface de GMail. Ces scripts ne fonctionne que sous Firefox, et bien sur, nécessite l’installation de l’extension Greasemonkey.

2008

Tamper Data - TamperData is an extension to track and modify http/https requests - Recherche Google

Permet de voir toutes les requêtes HTTP/HTTPS envoyées par votre navigateur (y compris par les plugins comme Flash)__How to hack a final price and pay what you want for a product __To view and modify HTTP/HTTPS headers and post parameters. Trace and time http response/requests___How do you use tamper data on AW surveys without getting flagged?__To hack flash game scores Video on AOL Video - This is a video tutorial explaining how to__Observing Live Response Headers with TamperData.

Gagnez en productivité grâce à ces 2 outils performants : Firebug Lite & ReCSS

Firebug. Certainement le meilleur plugin Firefox d’aide au développement. Un seul problème, et de taille : sa compatibilité. Firebug n’est malheureusement pas compatible avec Internet Explorer, et l’Internet Explorer Developer Toolbar ne fait pas le poids. Une alternative existe avec Firebug Lite : Seule restriction : les fonctionnalités sont limitées à l’exploration du contenu (”Inspect“). FireBug Lite peut aussi être utilisé comme bookmarklet sur n’importe quel site. Pour utiliser FireBug Lite comme bookmarklet, ajoutez à vos favoris le lien suivant : FireBug Lite Bookmarklet Une alternative existe avec Firebug Lite. Une simple ligne de code JavaScript à intégrer dans vos pages et vous retrouverez sous Internet Explorer, Opera ou Safari votre panneau Firebug !

Firefox Web Developer Toolbar | Webmaster Tips

Web Developer Toolbar is one of the most useful tools you can have for web design. This is a short introduction that will show you some ways that you can use it when making web sites.

Create the Ultimate Firefox Web Development Profile :: the How-To Geek

by 1 other
Firefox configured with a separate profile just for web development, let's take a look at the extensions we can use to make Firefox into the ultimate web development tool. Must-Have Web Dev Extensions : These are all extensions that I use on a regular basis for web development. Firebug Web Developer Extension Aardvark Extension Colorzilla View Source With

Convert POST to GET in forms firefox - Recherche Google

Je cherche à savoir quelle données passent en post après le submit d'un form.. Y'a t'il une extension de firefox qui permette de visualiser les données en post ? - - WebDevelopper Ensuite sur la page de ton formulaire, Forms>Convert Form Method> Posts To Gets ... Et ça convertit les formulaires post en get ( surprenant non ;) ) et ainsi tu pourras voir les variables passées dans l'url!

JavaScript DOM__tableau interactif des fonctions disponibles

by 7 others
This API (Application Programming Interface) document has pages corresponding to the items in the navigation bar, described as follows.

Anthony Lieuallen's Greasemonkey Compiler___Better Flickr is a compilation of work done by several Greasemonkey scripters

Creates a full fledged Firefox XPI (extension) from a greasemonkey script._I modified the output of the compiler to include multiple scripts with the ability to enable and disable individual features.

Mozile (Mozilla Inline Editor)___Editer directement dans le navigateur votre page en XHTML/CSS - Recherche Google

Mozile (Mozilla Inline Editor) est un éditeur de pages XHTML, directement depuis votre navigateur. Outils d'édition courants (copier-coller, mettre en gras, changer la casse, mise en page, etc.) et insertion de liens etc ...