cross-browser-meetup-05-2018.md

Meetup Cross-Browser de Mai 2018

Chrome

• Démo d'utilisation d'un screenreader: https://www.webassoc.fr/agenda/accessibilite-180314/
• Lighthouse 3: http://bit.ly/lighthouse-3-details
• Chrome User Experience Report: http://bit.ly/chrome-ux-report

Edge

• Nouveautés Edge

  • Support de PWA dans Edge, intégration possible dans le Store Windows, indexation automatique par Bing: https://blogs.windows.com/msedgedev/2018/02/06/welcoming-progressive-web-apps-edge-windows-10/
  • Le nouveau protocol de (remote) debug: https://blogs.windows.com/msedgedev/2018/05/11/introducing-edge-devtools-protocol/
  • Nouvelle app Microsoft Edge DevTools Preview pour un F12 séparé de Edge utilisant ce nouveau protocole: https://blogs.windows.com/msedgedev/2018/04/25/introducing-the-microsoft-edge-devtools-preview-app/
  • Nouvelle WebView pour les apps .NET WinForms et WPF: https://blogs.windows.com/msedgedev/2018/05/09/modern-webview-winforms-wpf-apps/
  • PWA Builder: https://www.pwabuilder.com pour vous aider à transformer/configurer votre Web App vers une PWA (gestion du manifest, des icones, des services workers) jusqu'à la génération de l'APPX pour le Store Windows ou l'ajout d'API Windows 10: https://preview.pwabuilder.com
  • L'outil d'analyse et de conseil de votre site: Sonarwhal: https://sonarwhal.com/ avec toutes les explications ici: https://blogs.windows.com/msedgedev/2018/04/19/sonarwhal-v1-linting-tool-for-web/
  • PWA Builider utilise les super ressources de Mozilla: Services workers: https://serviceworke.rs/ :)

• WebVR

  • Article complet permettant de comprendre comment refaire le jeu à la fruit ninja: https://www.davrous.com/2017/12/22/babylon-js-vrexperiencehelper-create-fully-interactive-webvr-apps-in-2-lines-of-code/
  • Le lien vers le jeu WebVR PWA: https://aka.ms/applescrusher
  • Vidéo complémentaire de ma session à MS BUILD: https://channel9.msdn.com/events/Build/2018/BRK2436

Firefox

• Firefox DevTools
  • http://firefox-dev.tools/
  • https://docs.firefox-dev.tools/
  • https://github.com/devtools-html
• Article sur les nouveautés des outils pour développeur dans Firefox
  • https://hacks.mozilla.org/2018/02/forging-better-tools-for-the-web/
  • https://hacks.mozilla.org/2018/05/new-in-firefox-61-developer-edition/
  • https://www.marcozehe.de/2018/04/11/introducing-the-accessibility-inspector-in-the-firefox-developer-tools/
  • https://hacks.mozilla.org/2018/05/debugging-modern-web-applications/
• A propos des données de compatibilité de MDN
  • https://github.com/mdn/browser-compat-data/
  • https://addons.mozilla.org/fr/firefox/addon/compat-report/