Guillaume Démésy magsout

Problème

Créer des applications partagées pérennes qui peuvent être déployées à grande échelle.

Partagées signifie que différents utilisateurs vont pouvoir interagir et "travailler" ensemble sur l'application

Grande échelle, en 2013, signifie que des dizaines à des millions de personnes peuvent utiliser l'application. Une majorité de plateforme doit être accessibles (ordis de bureaux, portables, tablettes, téléphones mobiles) de préférence à moindre coût et donc sans avoir à tout refaire pour chaque appareil. Vivant dans un monde régit par certaines lois physiques, il sera raisonnable de supposer que le réseau de communication est au pire ouvert. La sécurité de l'application ne devra pas supposer le contrôle du réseau, même dans si l'environnement de déploiement est considéré contrôlé.

Pérennes signifie que l'arrivée de nouveaux appareils sur le marché ne remet pas en cause plus de 1% du temps de développement. Personne ne peut prévoir le futur ; il conviendra de garder un œil ouvert sur les ten

More details here: https://developer.mozilla.org/en/docs/Simple_Firefox_build

Hacking Firefox

Get Firefox' source code:

git clone https://github.com/mozilla/gecko-dev.git
git checkout fx-team

Install dependencies:

Commit Message Conventions

These rules are adopted from the AngularJS commit conventions.

Goals
Generating CHANGELOG.md
- Recognizing unimportant commits
- Provide more information when browsing the history
Format of the commit message
Subject line

PROJECT BLAH BLAH

Requirements

For development, you will only need Node.js installed on your environement. And please use the appropriate Editorconfig plugin for your Editor (not mandatory).

Node

Node is really easy to install & now include NPM.

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

	///
	var pkg = require("./package.json")
	, rimraf = require("rimraf")
	, gulp = require("gulp")
	, gutil = require("gulp-util")
	, filter = require("gulp-filter")
	, plumber = require("gulp-plumber")
	, concat = require("gulp-concat")

	gulp.task("clean", function() {

	// Concatenate your partials and append them to index.html
	gulp.task('templates', function() {

	var stream = streamqueue({objectMode: true});

	stream.queue(gulp.src([
	'./src/layout/header.html',
	'./src/layout/body.html'
	]));
	stream.queue(gulp.src('./src/partials/*/.html').pipe(partials()));

	<script type="text/javascript">
	(function () {
	"use strict";
	// once cached, the css file is stored on the client forever unless
	// the URL below is changed. Any change will invalidate the cache
	var css_href = './index_files/web-fonts.css';
	// a simple event handler wrapper
	function on(el, ev, callback) {
	if (el.addEventListener) {
	el.addEventListener(ev, callback, false);

	a { font-size: calc(calc(calc(1rem * 0.75) * 1.5) - 1px); }

	a { color: color(rebeccapurple a(-10%)); }

	a { color: hwb(0, 10%, 20%); }

	a { color: color(color(red a(+10%)));}

	a { color: color(color(rebeccapurple a(-10%)) a(-10%)); }

	{
	"AF": "93",
	"AL": "355",
	"DZ": "213",
	"AD": "376",
	"AO": "244",
	"AQ": "672",
	"AR": "54",
	"AM": "374",
	"AW": "297",