Hackathon WebExtensions

Hackathon WebExtensions « thèmes et vie privée »

Liens

• Raccourci vers cette page : bit.ly/hackathonWE
• Sur Meetup Firefox France User Group (Paris, France) :
  • WebExtensions : thème et chiffrement le 6
  • Hackathon WebExtensions le 7
• Annonce sur le blog communautaire

Où et quand ?

Les 6 et 7 avril 2018
Mozilla Paris
Se rendre à Mozilla Paris

Mot-dièse/hashtag : #WEParis

Intervenants

• Christophe Villeneuve “Hellosct1” (organisateur) : Mozillien, contributeur aux WebExtensions
• Tim Nguyen :ntim, hacker Mozilla sur les thèmes dynamiques de Firefox
• Andreï Sambra de Qwant
• Levent Demir de Qwant

Canaux de discussion et d'information

IRC et la communauté Mozilla francophone

Génériques

• La liste de diffusion communautaire pour tout savoir sur les diverses activités en cours ou à venir de Mozilla francophone.
• Le canal IRC Mozilla francophone général #frenchmoz
• Le canal IRC Mozilla francophone de travail #mozfr

WebExtensions

• Le canal IRC Mozilla francophone sur #

MDN web docs

• WebExtensions sur MDN
• La liste de diffusion MDN (anglophone)
• Le canal IRC mdn #dev-mdc

Comptes Mozilla de réseaux sociaux

Comptes Mozilla francophone

Comptes communautaires génériques :

• Twitter : @mozilla_fr
• Mastodon : @Mozilla@mamot.fr
• Facebook : frmozilla
• YouTube
• Flickr : compte et groupe mozfr pour verser vos photos du week-end

Bonus : Twitter @MozillaZineFr pour toute l'actualité en français du projet Mozilla

Compte technique :

• Twitter MDN en français (@MDNfr)

Comptes Mozilla anglophone

Twitter : @mozilla, @firefox…
Facebook : Mozilla, Firefox
Instagram : Mozilla (@mozilla)

Photos

Vous pouvez indiquer à Christophe le lien vers vos photos en ligne ou les lui confier pour les verser sur le compte Flickr communautaire à vos conditions. Si vous avez un compte Flickr vous pouvez ajouter vos photos sur le groupe mozfr.

Album de Mozinet sur la soirée du 6

Album de hellosct1 Le 6 et 7

Informations aux participants

Ressources

• 1re extension : Manifest.json
• 2e extension : Action du navigateur
• 3e extension : Anatomie d'une extension
• WebExtensions exemples
• Idées pour des WebExtensions

Challenge :

Firefox Quantum Extensions Challenge du 15 mars au 15 avril

• Article de démonstration

Réalisations

Les projets (en gras les extensions publiées) :

• promouvoir la culture shiba / sakura pour éclairer le monde…
  • github : wawhamou
  • extension publiée : https://addons.mozilla.org/en-US/firefox/addon/shibanation
  • nom de l’extension : shibanation
• Détection du live pour une seule chaîne Twitch grâce à une icône. Si c'est le cas, celle-ci est rouge et le clic renvoie vers la chaîne twitch au click. Sinon par défaut, renvoie vers la chaîne Youtube.
  • github : vyrtualsynthese , yihohu , nolanrigo , diuNguyen
  • github publié : https://github.com/vyrtualsynthese/ashuvidz-firefox-addon/
  • extension chrome existante : ashuvidz-chrome-extension
  • extension publiée https://addons.mozilla.org/fr/firefox/addon/ashuvidz-addon/
  • nom de l’extension : ashuvidz addon
• Changement de la couleur de l'icône en fonction du contenu de la page
  • github : SebastienParis
• Détection de site porno et suppression dans l'historique de leurs URL's
  • github : darcosion
  • github publié : https://github.com/darcosion/pornprotection
  • extension publiée : https://addons.mozilla.org/en-US/firefox/addon/pornprotection
  • nom de l’extension : pornprotection
• Détection des liens morts des onglets ouverts
  • github : darcosion
  • github publié : https://github.com/darcosion/checker
  • extension publiée : https://addons.mozilla.org/en-US/firefox/addon/bookmarkchecker
  • nom de l'extention : BookmarkChecker
• Affichage d'une image pour chaque saison grâce à la date (par exemple, détection de l'hiver si on est entre le 21/12 et le 20/03).
  • github : wawhamou , ericg22
  • github publié : https://github.com/ericg22/themeteo
  • extension publiée : https://addons.mozilla.org/en-US/firefox/addon/themeteo
  • nom de l’extension : Themeteo
• Coloriser l'onglet suivant l'environnement de l'application (basé sur un matching d'url). Par exemple, prod.app.com affiche en rouge, dev.app.com affiche en bleu. L'utilisateur définit ses environnements et leur couleur au travers d'une popup selon ses goûts et pour être productif.
  • github : etiennewan , ylecuyer
  • github publié : https://github.com/ylecuyer/envify
  • extension publiée : https://addons.mozilla.org/en-US/firefox/addon/envify
  • nom de l’extension : Envify
• Permettre de retrouver dans quel répertoire des bookmarks se trouve le bookmark courant. L'intérêt est lorsque l'on fait une recherche de bookmark, on sait où celui-ci est classé.
  • github : benoitrolland
  • github publié : https://github.com/benoitrolland/wereusedbookmarks
  • nom de l’extension : WereUsedBookmarks
• Permettre une recherche sur les répertoires contenant les bookmarks et pas seulement les bookmarks eux-mêmes.
  • github : benoitrolland
  • nom de l’extension : SearchBookmarksFolders

Publications

• Site des extensions
• Ajouter le tag #mozactivate18
• Annoncer votre réalisation : -> Phrase exemple : I made an add-on using @MozWebExt for @mozamo! Check it out here: #MozActivate