PUBLIC MARKS from decembre with tags dev & javascript

jPlayer 2.9.2 Developer Guide_ If you are new to jPlayer, check out the Quick Start Guide.

WebPJS - Google's new image format WebP for not supported browsers (with alpha-channel)

A showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett.

I think there are many developers who don’t realize that most of the jQuery methods they use have native equivalents that require the same or only a slighter larger amount of code to use. Below are a series of code samples showing some popular jQuery functions along with their native counterparts.

SDK Qt + fbx: Qml est un langage. Il permet de mélanger une scène déclarative (penser HTML) et du Javascript pour réaliser l'interactivité. QtQuick est la bibliothèque standard fournie par Qt avec ce langage (objets visuels, images, timers, etc.). QtQuick fournit une interface avec le monde extérieur à travers l'API XMLHttpRequest. Qt est une bibliothèque pour développer des applications graphiques portables. QtDeclarative est la partie de Qt qui fournit le support de QML et QtQuick. Freebox ajoute une bibliothèque fbx

Pinterest has a great tool for manually creating the widgets but it was a bit unclear on how to do it programatically, and how to do it for video.

There are several ways to declare a function. All valid, but there are differences on how they're handled in the background.

To compress your code into a single-line as is required by bookmarklets, you could use this tool:

Utilité de -prefix-free ? -prefix-free est un petit fichier JavaScript qui ajoute à la volée le bon préfixe propriétaire selon le navigateur affichant la page. Plus besoin, donc, d'ajouter dans la feuille de style les différentes propriétés propriétaires ! -prefix-free adapte la propriété CSS3 au navigateur.

Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla's Popcorn project.

La fonction .load() est disponible depuis la version 1.0 de jQuery. Sa fonction première, que vous avez peut être déjà utilisée, est de charger du contenu HTML ou autres, sur une page de votre site. Dans ce tutoriel, nous allons voir les autres capacités de cette fonction.

The focus of this article will be to show you ways of doing things commonly reserved for innerHTML with only DOM methods. In each example, the innerHTML method will be shown, followed by its DOM based alternative

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.

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

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).

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.

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

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.

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

A Complete List Of Firefox Extensions For Web Developers January 7th, 2009 in Tools

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.

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.

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.