public marks

PUBLIC MARKS from decembre with tag javascript

February 2011

WebGL Earth : Globe 3D & planisphère gratuit et open source

Magnifique création que ce globe en 3 dimensions : WebGL Earth. Construit à partir de WebGL – une spécification d’affichage 3D permettant de tirer partie du standard OpenGL depuis du JavaScript – comme vous auriez pu vous en douter compte tenu de son nom, le projet offre la possibilité de parcourir la Terre depuis son ordinateur ou un appareil mobile telle qu’une tablette. En partant de la vision globale d’un continent ou d’un pays, WebGL Earth offre une précision incroyable allant jusqu’au nom de rue (à Strasbourg !) en passant par les régions, départements et villes. A noter qu’il est possible d’activer une vue mappemonde.

August 2010

data: URI Generator - Convert Online Tool for Icon, image to import it in greasemonkey Script - dopiaza.org

data: URI Generator The data: URI scheme allows you to build URLs that embed small data objects. data: URIs are supported by most modern browsers except for Internet Explorer. The lack of IE support is holding back widespread adoption of data: URIs, but they are still very useful in a couple of specific areas such as embedding graphics and other data items in Greasemonkey scripts. You can read more about data: URIs and see some examples of their use, or use the generator below to create your own. data: URIs are defined in RFC 2397.

March 2010

Sécurité des navigateurs (Panopticlick ou comment une technique simple peut bousiller tout votre anonymat) - Wiki de l'internet libre - Korben

Des chercheurs en sécurité sont en train de travailler sur une technique pour dé-anonymiser les internautes. Il partent du principe que chaque personne possède un navigateur différent, des plugins différents, avec des versions différentes, des polices différentes, un fuseau horaire différent…etc. Et toutes ces petites différences, misent bout à bout, permettent au final de créer une empreinte unique du navigateur (donc de la machine utilisée pour aller sur le net). Ça, c’est ce que l’EFF a appelé Panopticlick et que vous pouvez tester en allant ici. Mais une nouvelle technique exploite les réseaux sociaux. En effet, en exploitant l’historique de votre navigateur, un attaquant (ou un espion ou une société privée) peut savoir sur quels sites vous avez été. il devient possible de clairement vous identifier en tant que personne lors de votre surf quotidien et ce même si vous passez par un VPN…

Beatbox ! - The man in blue

Vraiment impressionnant, The man in blue nous propose une véritable boite à rythmes en ligne conçue en javascript :

Online-HTML-Editor.org - Un puissant editeur en ligne WYSIWYG - (InnovaStudio WYSIWYG Editor)

Pour faciliter l' intégration dans vos applications Web personnalisées ou de gestion de contenu web (prend en charge: ASP, PHP, ASP.NET). * Chargement rapide * Mode plein écran * Barre d'outils Entièrement configurable * Advanced table editing * Stylesheet-formatage * Facile de choisir entre deux formats / tous les éléments HTML * Features a new tabbed toolbar - familiar to Office 2007 users. - providing convenient access to your most-used tools. * It's easy to select any HTML elements (text, paragraphs, images, etc) with a built-in Tag Selector. * Fullscreen editing mode (doesn't open a new window). * Floating dialogs for special editing (changes can be seen immediately). * Realtime toolbar status. * Dropdowns with formatting preview. * View HTML source with code formatting & coloring. It is a cross-browser, requires only a few lines of code to include in your web page

unsafeWindow - Injecting JS functions into the page from a Greasemonkey script on Chrome - Stack Overflow

I have a Greasemonkey script that works just fine in Firefox and Opera. I struggle with getting it to work in Chrome, however. The problem is injecting a function into the page that can be invoked by code from the page. Here's what I'm doing so far: First, I get a helper reference to the unsafeWindow for Firefox. This allows me to have the same code for FF and Opera (and Chrome, I thought).

Folders4Gmail - Greasemonkey for Gmail - Organize labels into subfolder like hierarchy.

You can organize labels into subfolder like hierarchy. Create a parent label like Home and then create sublabels like Home\Bills, Home\Receipts, etc. I thought I never needed folders but this makes using labels so easy to use with the new colors!

Greasefire - Automatically find Greasemonkey scripts on Userscripts.org - when you visit a web site, how do you know if there are better ways to view it?

by 1 other
a Firefox add-on that will tell you if there are any user scripts for the page you're visiting. When you have Greasefire and Greasemonkey installed a little monkey will show up in the bottom right corner of your Firefox status bar. If there are scripts available for the site you're viewing, the monkey's background color will change to red. And when you right click on the icon you'll see the number of available scripts. Click on that number and a window will open telling you more about those scripts.

User Script Compiler - Easily convert Greasemonkey scripts into Firefox extensions

First, you'll need to track down your installed scripts. They're in your Firefox profile, under the "gm_scripts" sub-folder. Or, if you'd prefer, you can skip the search and download any script from the online script repository. Next, you need to change the file extension from .js (Javascript) to .txt (plain text). After you've changed the extension, double-click the file to view the code. Copy and paste the code into the User Script Compiler and hit "Generate." Voila! Your new Firefox extension (.xpi) is complete. To install in Firefox, simply drag the new extension onto the Firefox interface and follow the prompts.

amf | blog » Flickr group admin hack - a javascript that changes the url of the promote button

Do you know how to interact through all the HTML a tags of the document.body and replace the text in each href attribute using javascrit? No? So this page is not for you. Use it at your own risk. It's basicaly a javascript that changes the url of the promote button so you can click no a user on members tab and that user go to moderators tab instead of admins tab.

January 2010

Jetpack : les extensions de Firefox simplifées - Permet à n'importe qui capable de coder une page web

Nouvelle interface de programmation afin de faciliter davantage le développement de nouvelles extensions. Baptisé Jetpack, permet à n'importe qui capable de coder une page web de moduler le navigateur. Oubliez les redémarrages du logiciel, il suffira de cliquer sur un simple lien pour installer l'addon de son choix et de recharger la page en cours de consultation. « Nous voulons permettre à plus de gens de participer à la création des fonctionnalités du navigateur », explique Aza Raskin, en charge du département de l'expérience utilisateur chez Mozilla. Il précise que n'importe quel développeur web familier avec le HTML, le CSS ou le JavaScript peut se lancer dans l'aventure.

December 2009

Advanced Greasemonkeying — Yoan Blanc’s weblog

Jouant occasionnellement avec Greasemonkey, j’ai fait face a des problèmes récurrent liés à l’architecture de l’extention elle-même. * Comment réutiliser une bibliothèque déjà présente dans la page, * comment traiter un résultat XML * ou qu’est-ce qui fait que je n’arrive pas à mettre une Yahoo!/Google maps dynamiquement. Réutiliser une librairie(, fonction, variable) existante

October 2009

Pieds de poulet... Ou ChickenFoot en anglais est une extension pour Firefox qui permet d'ajouter un environnement de programmation Javascript à Firefox. - KORBEN

C'est réservé aux bidouilleurs mais en gros le principe c'est d'utiliser javascript sur les sites que vous visitez afin de réaliser des choses sympathique comme automatiser certaines parties d'un site ou changer le comportement d'un script...etc C'est un peu comme GreaseMonkey mais en plus simple (pour peu que vous connaissiez Javascript) Mais là ou ça devient interressante, c'est que coupler à Firebug, qui est une extension Firefox pour débugger le javascript des sites web (avec point d'arrêt and co), il devient relativement simple de faire faire au site ce que vous voulez.

September 2009

Development resources - MozillaZine Knowledge Base

Development resources From MozillaZine Knowledge Base Websites that are useful for Mozilla development. This knowledge base also has a few articles on extension development.

Xulfr.org - Découvrez et apprenez à développer des applications XUL, des extensions pour Firefox ou tout autre logiciels basés sur Firefox !

Ce site est consacré à toutes les technologies disponibles sur la plate-forme Mozilla®, utilisée par le navigateur Mozilla Firefox™, le client mail Mozilla Thunderbird™ et les autres produits de la fondation Mozilla®. La plate-forme Mozilla® permet de développer des applications desktop ou web, fonctionnant nativement sur la plupart des systèmes d'exploitations. C'est aussi la première plate-forme vous permettant de réaliser des clients riches ou d'utiliser Firefox en tant que client riche. En effet, de l'interface graphique utilisateur reposant sur un format XML, XUL™, aux composants XPCOM réutilisables et multi plate-forme, Mozilla offre tout un ensemble de technologies, pour la plupart standardisées et relativement aisé à mettre en oeuvre : XBL, EcmaScript (Javascript 1.8), CSS, XHTML/HTML 5, SVG, XForms, MATHML, RDF, DOM, XML-RPC ... Vous pouvez commencer par une présentation de XUL.

DOM Inspector (also known as DOMi) - developer tool - MDC

The DOM Inspector (also known as DOMi) is a developer tool used to inspect, browse, and edit the Document Object Model of documents - usually web pages or XUL windows. The DOM hierarchy can be navigated using a two-paned window that allows for a variety of different views on the document and all nodes within.

UserScript Writing 101 – Manuel of Things to learn - Userscripts.org

The Order of Things to Learn Look to the "Resources" section for places to learn about these. 1. HTML. Hypertext Markup Language. Not the same "language" as JavaScript. This is a markup language, meaning it's a bunch of text that is meant to represent some type of structure, in this case, a web page. 2. XML. Extensible Markup Language. In case you didn't realize, HTML itself is a type of "XML". Learning XML is important because many popular websites (YouTube, Facebook, Last.fm) use XML to interact with data. Since you already know HTML by this point, understanding XML should be cake. 3. CSS. Cascading Style Sheets. This is the way HTML (should be) stylized. You'll want to learn this. 4. JavaScript. Learn all the basics: data types, functions, JavaScript's native functions like prompt, alert, etc. 5. The Greasemonkey Extras. Like I said, Greasmonkey == JavaScript, with a lot of extras. A specific page listing the API's can be found here.

DOM events - Wikipedia, the free encyclopedia

by 1 other
DOM (Document Object Model) events allow event-driven programming languages like JavaScript, JScript, ECMAScript, VBScript and Java to register various event handlers/listeners on the element nodes inside a DOM tree, e.g. HTML, XHTML, XUL and SVG documents. Historically, like DOM, the event models used by various web browsers had some significant differences. This caused compatibility problems. To combat this, the event model was standardized by the W3C in DOM Level 2.

August 2009

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.

July 2009

Phoenix :: Add-ons for Firefox

An editor with real time syntax highlighting which allows edit, run and test CSS, HTML and JavaScript code. Phoenix will tell you how many CSS and JS files are loaded into a page, how big these are,...