Développer une application Chrome avec AngularJs (Google Développers Group Sa...DEFO KUATE Landry
La présentation que j'ai donné lors des GDG Salé 2014.
J'introduits l'importance des développements sur la plateforme Chrome.
Ensuite j'explique pourquoi selon moi c'est mieux d'utiliser AngularJs pour réaliser es types d'application.
Je termine en montrant sur l'exemple gContacts (https://github.com/defus/gcontacts) comment faire !
Comment créer des Chrome Apps ou Packaged Chrome AppsBruno Soufo
Depuis septembre 2013, google à rendu la création d'application d'un nouveau genre. Il s'agit des applications HTML/CSS/Javascript qui bénéficient des même avantages que les applications natives de bureaux (accès au système de fichier ...)
Les Meilleurs Extensions: Top 10 google chrome extensionsAbderrahim Sibari
Les extensions nous facilitent la navigation sur internet et permettent une aisance remarquable. Il existe une centaine d’extensions mais nous avons fait une sélection pour vous . Découvrons le Les Meilleurs Extensions: Top 10 google chrome extensions !!
Développer une application Chrome avec AngularJs (Google Développers Group Sa...DEFO KUATE Landry
La présentation que j'ai donné lors des GDG Salé 2014.
J'introduits l'importance des développements sur la plateforme Chrome.
Ensuite j'explique pourquoi selon moi c'est mieux d'utiliser AngularJs pour réaliser es types d'application.
Je termine en montrant sur l'exemple gContacts (https://github.com/defus/gcontacts) comment faire !
Comment créer des Chrome Apps ou Packaged Chrome AppsBruno Soufo
Depuis septembre 2013, google à rendu la création d'application d'un nouveau genre. Il s'agit des applications HTML/CSS/Javascript qui bénéficient des même avantages que les applications natives de bureaux (accès au système de fichier ...)
Les Meilleurs Extensions: Top 10 google chrome extensionsAbderrahim Sibari
Les extensions nous facilitent la navigation sur internet et permettent une aisance remarquable. Il existe une centaine d’extensions mais nous avons fait une sélection pour vous . Découvrons le Les Meilleurs Extensions: Top 10 google chrome extensions !!
Ceci est la première leçon d'un petit cours en cinq leçons destiné à initier les participants aux notions relatives à la technologie flash.
Cette leçon aborde les multiples aspects liés à la technologie et les différentes facettes du concept "Flash".
Préparée et présentée avec Marie Alhomme (http://www.pouipouidesign.net) pour Paris Web 2009. http://www.paris-web.fr/2009/
Téléchargez le PDF pour profiter de tous les liens inclus dans la présentation (sur les captures d'écran ou le nom des outils).
Gestion des dépendances dans un projet PHP - RMLL 2012Jean-Marc Fontaine
Que ce soit un framework, des modules ou des libraires spécialisées, la plupart des application web modernes utilisent du code tiers. Ce code a son propre cycle de développement. Il faut donc pouvoir intégrer régulièrement les nouvelles versions sans pour autant perdre la maîtrise de son propre cycle. La tâche n’est pas aisée si elle n’a pas été été prévue dès la conception de l’application.
Nous verrons différentes approches pour gérer les dépendances dont les gestionnaires de paquet du système d’exploitation, les liens externes dans les dépôts de code, les fichiers PHAR, l’installateur PEAR et le tout récent Composer.
Présentation au logiciel Eclipse et les outils de collaborations dont SVN. La deuxième partie est consacrée à la barre de développeur pour le
navigateur Firefox, on y retrouve les outils les plus utiles.
Initiez-vous au Linux Bash Shell sous Windows 10 avec le sous-système Linux sous forme d'une démo pour bénéficier du meilleur des deux mondes de la ligne de commande (PowerShell & Bash).
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...Claude BUENO
Conférence à l'Atelier du Web Tourangeau le jeudi 24 Novembre 2008 ayant pour sujet "Créer et gérer facilement votre site Internet avec Joomla!" présentée par Claude BUENO.
WordPress - Du blogging au business modelMehdi Reghai
WordPress est une solution gratuite et libre pour la création de blogs et de sites web. Découvrez toute l'étendue des possibilités offertes par cet outil unique !
40 cfr 261.4(b)(6) The RCRA Exclusion From Hazardous Waste for Trivalent Chro...Daniels Training Services
The Trivalent Chromium Wastes Exclusion from Regulation as a Hazardous Waste
40 CFR 261.4(b)(6) excludes Trivalent Chromium Waste, a solid waste, from regulation as a hazardous waste if the requirements of the regulations are met. This presentation briefly summarizes the requirements of this RCRA exclusion from regulation.
Those in the leather tanning industry, leather product manufacturing industry, shoe manufacturing industry, and titanium dioxide manufacturing industry should be aware of this RCRA exclusion and its possible impact on their operations.
A SHORT REVIEW ON ALUMINIUM ANODIZING: AN ECO-FRIENDLY METAL FINISHING PROCESSJournal For Research
Protection of aluminium alloys is most commonly done by forming anodic films. Anodic films can also be formed on metals like titanium, zinc, magnesium, niobium, and tantalum. Aluminium alloy parts are anodized to greatly increase the thickness of the natural oxide layer for corrosion resistance. A thin aluminium oxide film, that seals the aluminium from further oxidation when it is exposed to air. The anodizing process increases the thickness of the oxidized surface. Anodizing is accomplished by immersing the aluminium into an acid electrolyte bath and passing an electric current through the medium. In an anodizing cell, the aluminium work piece is made the anode by connecting it to the positive terminal of a dc power supply and the cathode is connected to the negative terminal of the dc source. Sealing is needed to seal the pores in oxide layer to prevent further corrosion. Oxide layer on the anodized aluminium has a highly ordered, porous structure that allows for secondary processes such as dyeing, printing and sealing. Nanowires and nanotubes can be made by using the pores in the oxide layer as templates.
Protection des métaux contre la corrosionCHTAOU Karim
Cette présentation présentent tout d’abord les principaux types de la corrosion et il présente une description détaillée des trois grandes méthodes, préventives et curatives, utilisées en anticorrosion.
This lecture describes the process of anodic oxidation of aluminium, which is one of the most unique and commonly used surface treatment techniques for aluminium; it illustrates the weathering behaviour of anodized surfaces. Some familiarity with the subject matter covered in TALAT This lectures 5101- 5104 is assumed.
Ceci est la première leçon d'un petit cours en cinq leçons destiné à initier les participants aux notions relatives à la technologie flash.
Cette leçon aborde les multiples aspects liés à la technologie et les différentes facettes du concept "Flash".
Préparée et présentée avec Marie Alhomme (http://www.pouipouidesign.net) pour Paris Web 2009. http://www.paris-web.fr/2009/
Téléchargez le PDF pour profiter de tous les liens inclus dans la présentation (sur les captures d'écran ou le nom des outils).
Gestion des dépendances dans un projet PHP - RMLL 2012Jean-Marc Fontaine
Que ce soit un framework, des modules ou des libraires spécialisées, la plupart des application web modernes utilisent du code tiers. Ce code a son propre cycle de développement. Il faut donc pouvoir intégrer régulièrement les nouvelles versions sans pour autant perdre la maîtrise de son propre cycle. La tâche n’est pas aisée si elle n’a pas été été prévue dès la conception de l’application.
Nous verrons différentes approches pour gérer les dépendances dont les gestionnaires de paquet du système d’exploitation, les liens externes dans les dépôts de code, les fichiers PHAR, l’installateur PEAR et le tout récent Composer.
Présentation au logiciel Eclipse et les outils de collaborations dont SVN. La deuxième partie est consacrée à la barre de développeur pour le
navigateur Firefox, on y retrouve les outils les plus utiles.
Initiez-vous au Linux Bash Shell sous Windows 10 avec le sous-système Linux sous forme d'une démo pour bénéficier du meilleur des deux mondes de la ligne de commande (PowerShell & Bash).
Creer un site internet avec Joomla - Atelier du Web Tourangeau - Conférence N...Claude BUENO
Conférence à l'Atelier du Web Tourangeau le jeudi 24 Novembre 2008 ayant pour sujet "Créer et gérer facilement votre site Internet avec Joomla!" présentée par Claude BUENO.
WordPress - Du blogging au business modelMehdi Reghai
WordPress est une solution gratuite et libre pour la création de blogs et de sites web. Découvrez toute l'étendue des possibilités offertes par cet outil unique !
40 cfr 261.4(b)(6) The RCRA Exclusion From Hazardous Waste for Trivalent Chro...Daniels Training Services
The Trivalent Chromium Wastes Exclusion from Regulation as a Hazardous Waste
40 CFR 261.4(b)(6) excludes Trivalent Chromium Waste, a solid waste, from regulation as a hazardous waste if the requirements of the regulations are met. This presentation briefly summarizes the requirements of this RCRA exclusion from regulation.
Those in the leather tanning industry, leather product manufacturing industry, shoe manufacturing industry, and titanium dioxide manufacturing industry should be aware of this RCRA exclusion and its possible impact on their operations.
A SHORT REVIEW ON ALUMINIUM ANODIZING: AN ECO-FRIENDLY METAL FINISHING PROCESSJournal For Research
Protection of aluminium alloys is most commonly done by forming anodic films. Anodic films can also be formed on metals like titanium, zinc, magnesium, niobium, and tantalum. Aluminium alloy parts are anodized to greatly increase the thickness of the natural oxide layer for corrosion resistance. A thin aluminium oxide film, that seals the aluminium from further oxidation when it is exposed to air. The anodizing process increases the thickness of the oxidized surface. Anodizing is accomplished by immersing the aluminium into an acid electrolyte bath and passing an electric current through the medium. In an anodizing cell, the aluminium work piece is made the anode by connecting it to the positive terminal of a dc power supply and the cathode is connected to the negative terminal of the dc source. Sealing is needed to seal the pores in oxide layer to prevent further corrosion. Oxide layer on the anodized aluminium has a highly ordered, porous structure that allows for secondary processes such as dyeing, printing and sealing. Nanowires and nanotubes can be made by using the pores in the oxide layer as templates.
Protection des métaux contre la corrosionCHTAOU Karim
Cette présentation présentent tout d’abord les principaux types de la corrosion et il présente une description détaillée des trois grandes méthodes, préventives et curatives, utilisées en anticorrosion.
This lecture describes the process of anodic oxidation of aluminium, which is one of the most unique and commonly used surface treatment techniques for aluminium; it illustrates the weathering behaviour of anodized surfaces. Some familiarity with the subject matter covered in TALAT This lectures 5101- 5104 is assumed.
TripleHard - Trivalent Based Hard Chrome - Case TecnocromSavroc Ltd
A case example of integration of TripleHard trivalent based hard chromium coating technology into Tecnocrom Industrial's existing electroless nickel plating line. TripleHard allows cost-efficient manufacturing of hard and wear-resistant coatings for demanding conditions without the carcinogenic chromic acid used in traditional hexavalent based hard chromium.
Read more information and contact Savroc to get a license to use TripleHard method at: www.savroc.com
Présentation de la plate-forme d'éco-conception CORINEBrice Kosinski
Eurocopter, leader mondial de la filière hélicoptère, a pris l’initiative du projet CORINE pour réduire l’impact environnemental sur la chaîne d’approvisionnement de ses produits civils.
Planifié sur trois ans, CORINE a pour objectif de fournir aux PME un outil d’éco-conception collaboratif entre donneurs d’ordre et fournisseurs. Il permettra d’identifier et d’intégrer de nouveaux matériaux et procédés tout au long du cycle de vie de l’hélicoptère.
CORINE est un outil collaboratif d'éco-conception unique en son genre. Les points clés innovants de l’outil d’éco-conception :
- Interface collaborative entre donneurs d’ordre et fournisseurs permettant de faire des choix en matière d’éco-conception
- Outil simple d’utilisation pour sélectionner les matériaux et procédés améliorant la performance environnementale
- Outil conçu pour la filière aéronautique et adaptable à des secteurs similaires
Chromium is a metal that exists in several oxidation
• Chromium is a metal that exists in several oxidation or valence states, ranging from chromium (-II) to chromium (+VI).
• Chromium compounds are very stable in the trivalent state and occur naturally in this state in ores such as ferrochromite, or chromite ore.
• Chrome III is an essential nutrient for maintaining blood glucose levels
• The hexavalent, Cr(VI) or chromate, is the second most stable state. It rarely occurs naturally.
10 major industrial applications of sulfuric acidrita martin
sulfuric acid commonly known as king of chemicals and also as oil of vitriol find its applications across many industries like lubricants, drugs, rayon, metal processing, batteries, chemical manufacturing and more
L'histoire d'html5 pour les développeurs windows phone 8davrous
Dans cette session, nous parcourons ensemble l'histoire HTML5 pour les développeurs Windows Phone 8. Nous verrons d'abord comment utiliser des morceaux d'HTML5 dans certaines applications natives, ce qui peut s'avérer dans certains cas exceptionnels être assez pratique. Ensuite, grâce aux possibilités d'IE10, nous verrons qu'il est également possible de créer de vraies applications vivant uniquement dans le navigateur. Pour finir, nous jetterons un oeil aux possibilités d'intégration dans l'OS grâce au template de projet HTML5 de Visual Studio 2012 ou grâce à des frameworks comme PhoneGap ou Sencha Touch 2.
Jouée pendant les MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=2d81322e-6ab2-4840-a4b1-568f1bd370f4
Une courte présentation à WebAssembly, des avantages et cas d'usages associés, des concepts techniques derrière (cf. AOT vs JIT), de l'état actuel du marché et de l'avenir de cette tendance / technologie
Les apports d'HTML5 pour l'interopérabilité des applications géospatialesGaëtan LAVENU
Cette présentation (réalisées dans le cadre des Rencontres Decryptagéo 2014) parcours les évolutions proposées par HTML 5 et ce quelles apportent en terme d'interopérabilité pour les applications géospatiales. A travers des illustrations concrètes exploitant notamment les technologies HTML5/JavaScript ArcGIS d'Esri.
Introduction au développement windows 8 modern ui avec html5 et javascriptdavrous
Nous verrons durant cette heure de session comment développer une application pour le Windows Store grâce aux technologies HTML5, JS & CSS3. Nous verrons ainsi comment construire depuis 0 un petit lecteur de flux RSS. Cela sera notre excuse pour découvrir l'usage de WinJS, le framework JavaScript de Microsoft pour Windows 8, ainsi que de l'outillage Visual Studio 2012 et Blend 5. Pour finir, nous verrons à travers un petit exemple d'usage de la camera comment fonctionne l'accès à WinRT depuis JS, le nouveau jeu d'API dédiés aux applications modernes.
Session jouée lors des MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=60738dd2-6d50-4360-a285-ed988e49d850
Retrouvez les tutoriaux associés sur mon blog: http://blogs.msdn.com/b/davrous/archive/2012/09/05/tutorial-series-using-winjs-amp-winrt-to-build-a-fun-html5-camera-application.aspx & http://blogs.msdn.com/b/davrous/archive/2012/06/04/comment-cr-233-er-un-petit-lecteur-de-flux-rss-pour-windows-8-metro-en-html5-et-en-30-min-partie-1-2.aspx
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptMicrosoft
Nous verrons durant cette heure de session comment développer une application pour le Windows Store grâce aux technologies HTML5, JS & CSS3. Nous verrons ainsi comment construire depuis 0 un petit lecteur de flux RSS. Cela sera notre excuse pour découvrir l’usage de WinJS, le framework JavaScript de Microsoft pour Windows 8, ainsi que de l’outillage Visual Studio 2012 et Blend 5. Pour finir, nous verrons à travers un petit exemple d’usage de la camera comment fonctionne l’accès à WinRT depuis JS, le nouveau jeu d’API dédiés aux applications modernes.
Construire une PWA connectée à WordPressBenjamin LUPU
Support des ateliers donnés à l'occasion du WordCamp Paris 2018 et du WPTech Lyon 2018.
Description de l'atelier : Depuis deux ans, un nouvel acteur du monde mobile est arrivé : les progressive web apps (PWA). Ces applications mettent à profit les dernières évolutions des navigateurs internet (local storage, service workers, notifications web, JavaScript avancé…) pour proposer une expérience utilisateur qui se rapproche des applications mobiles (rapidité, mode hors ligne, animations, notifications…). Durant cet atelier, nous vous proposons d’explorer comment créer une PWA qui a WordPress comme back office. L’atelier s’appuiera sur une PWA réelle et des démonstrations de code. Ça sera l’occasion de peser le pour et le contre des PWA et d’échanger sur des cas d’utilisation. L’atelier est plutôt destiné aux développeurs ayant une bonne connaissance de WordPress et de JavaScript.
Les défis d’une application mobile multi-périphériques avec HTML5davrous
Aujourd’hui, on peut s’approcher de plus en plus des capacités des applications dites « natives » grâce à HTML5. Il y a 2 manières pour atteindre ce but. Utiliser les capacités intrinsèques d’HTML5 en faisant un site web moderne ou étendre ses capacités avec des frameworks comme PhoneGap. Mais ce n’est pas tout. Il y a ensuite de nombreux défis à relever : gestion du tactile, identité visuelle de chacune des plateformes, performances très différentes du desktop, etc. Nous verrons comme adresser certains de ces points via des exemples parfois issus du monde du jeu vidéo pour égayer cette présentation !
http://conf2013.web-5.org/speaker/david-rousset-les-defis-dune-application-mobile-multi-peripheriques-avec-html5/
Présentation pour le barcamp à Dijon. Voici les slides de l'atelier "navigateurs" (Opera, FF, IE, Safari) : n'hésitez surtout pas à venir me causer si vous désirez approfondir le sujet :p
Développement d'applications mobiles hybrides avec IONIC 2 et Angular 2. Depuis l'installation jusqu'à l'utilisation de plugins natifs tels que stockage de données, géolocalisation, liaison serveur API Rest...
2. Quisuis-je?
Florent Dupont
Expert TechniqueWeb & Mobilité
florent-dupont.blogspot.fr
+FlorentDUPONT
Cette présentation a été donnée en Novembre 2014 dans le cadre d’une
session Tech Study Group, une session de partage et de veille à SQLI Nantes.
Cette présentation de Chrome Apps est mise à disposition
selon les termes de la licence Creative Commons by-nc-sa.
6. Chrome–lescanauxdedéveloppement
Canary
Run side-by-side
Profile dédié
Release daily as it’s build
Pas testé
Report & statisticsto Google
Très proche de dev channel
Dev channel
Release 1 to 2 /Week
Bêta channel
Release Weekly
1 month before Stable
Chromium builds
Open-sourceproject
Sources
Continuousbuild
Working copy
Can be build from source
Stablechannel
Fully tested
Updated every 2-3 weeks
Major update 6 months
Release public
Earlyaccess StableSources
7. WebAppsvsChromeExtensionsvsChromeApps
Web Apps
Hébergée
Distant
WEB/JS/CSS
Online
Execution dans navigateur
Service en ligne
API : API Web Chrome *
ChromeExtensions
Packagé en CRX (zip-like)
Local
WEB/JS/CSS
Offline
Execution dans navigateur
Fonctionnalité du navigateur
API : API Web Chrome *, API
extensions (bookmarks, cookies,
devtools, downloads, history, …)
ChromeApps
Packagée en CRX (zip-like)
Local
WEB/JS/CSS
Offline
Execution hors navigateur
Application native
API :API Web Chrome *, API apps
(bluetooth, serial, fileSystem,
runtime, …)
11. Permissions
Définir les accèsautoriséspar l’application.
URL
http://*/* : toutes les URL qui matchent le protocole http.
Par exemple : http://www.google.com/
file:///foo* : tous les accès aux fichiers locaux dont les fichiers commencent par foo*
<all_urls> : matche toutesles URL
API
serial, storage, videoCapture, …
Disponible sur la documentationdes API.
16. QuellesAPI?
Les API Web standards : JS standardWeb (document, window, etc), librairiesJS
tierces(jQuery, Angular), XHR.
Les API Web non-standardiséesimplémentéespar Chrome : audio, geolocalisation,
canvas, mais égalementWeb Speech,getUserMedia,Web Animations,…
Les API Webkit : CSS webkit-* (webkit-transform, webkit-transition, … )
API V8 : JSON
Les API ChromeApps
pas les API Chrome Extensions
26. ContentSecurityPolicy
Idée: se prémunir des faillesCross-SiteScripting (XSS)
Impacts:
• Pas d’utilisationd’inline scriptingdans le HTML : les balises <script>,les events
handlers (i.e onclick())bloqués
• Pas de référencementà des resourcesexternes: img, frame, font, media, style
(exceptaudio et video).
• Les fonction« string-to-JS» nesont pas autorisées(eval(), Function(), …)
27. Intégrationavecl’existant
index.html
main.js
index.html
Refused to evaluate a string as JavaScript
because 'unsafe-eval' is not an allowed
source of script in the following Content
Security Policy directive: "default-src
'self'". Note that 'script-src' was not
explicitly set, so 'default-src' is used as
a fallback.
28. IntégrationavecAngular
Mode de compatibilitéCSP : DirectivengCsp
Impacts:
• Evaluationdes expressions30% plus lent.
• Inclusionangular-csp.css manuellement
• Ajoutde la directiveng-csp.
<!doctype html>
<html ng-app ng-csp>
33. ChromeDevEditor (developer preview)
Outil unifié pour les développementJS/Dart
CompatibleWeb Apps & ChromeApps
IntégrationBower
Déploiement sur Mobile
PublicationPlayStore
Clone depuis Github
Polymer Designer
+ …
40. BasésurApacheCordova(Adobe PhoneGap)
ApplicationsHybride = ApplicationWeb dans un conteneurnatifvia WebView.
Google contributeur
Plugin Cordova pour ChromeApps
Objectif:
Proposerles API clés de Chrome pour une utilisationavec iOS etAndroid.
41. HistoriquedesWebviews
IOS : UIWebControl
Android < 4.4 : moteur de rendu du BrowserAndroid (basé sur Webkit, limité)
Android 4.4 : moteur Chromium M30 (V8, quelques standards).
Android 5 : moteurChromium M37 (WebRTC,WebAudio, WebGL, WebComponents,…)
Updatabledepuis Google Play !
42. Limitationsergonomiques
Layout en orientationportrait privilégierlesmedia-queries CSS.
Taillesde fenêtreindiquées par chrome.app.windowignorées.Appli en plein-
écran par défaut !
Petitsboutons/iconesen mode tactile prévoir> 44px.
Elements en survol de souris : comportementsincertains A éviter
Tap-delayde 300ms Utiliserlibrairiestiercesou Chrome>M32.
43. Compatibilités
CertainesfonctionnalitésWeb
désactivées,mais portéespar
Cordova.
En cours de portage…
Android IOS
Alarmes
Système de Fichier
Internationalisation
Identité
Veille (idle)
Notifications
Power
Push Messaging
Socket TCP/UDP
Stockage
API syncFileSystem
Paiements
Bluetooth
Commandes
Menus contextuels
Galerie médias
Permissions
Port Série
Info Système
Synthèse vocale
types
USB
Webstore
Balise <webview>
Client Natif (NaCl)
49. Plusd’exemplesetoutils
What are Chrome Apps : https://developer.chrome.com/apps
Les vidéosde Google I/O 2014 : Chrome Apps : State of the Union et Chrome Apps on
Android
Les examples de chaque API : https://github.com/GoogleChrome/chrome-app-samples
Les fonctionnalitésdispo dans Chrome : https://www.chromestatus.com/features
Notes de l'éditeur
Si le device peut exécuter Chrome, alors il peut exécuter les Applications Chrome également
Pour les différentes versions par OS :
http://www.chromium.org/getting-involved/dev-channel
Différence entre Chromium et Chrome : tout l’aspect légal : codecs vidéo et audio ne sont pas dispo sur Chromium. Chrome dispose de la surcouche Google : rapport de crash et d’utilisatoin, update auto, pdf viewer, etc. Autre point : Chromium est public : les sources sont dispo sous licences BSD. Chrome est privé (ces sources ne sont pas disponibles).
Pour connaitre les API implémentées et les versions en cours : https://www.chromestatus.com/features.
Par exemple en ce moment : 41, 40, 39, 38
*non standardisées ou en cours de standardisation.
A savoir qu’il faudra également prévoir des images complémentaires pour la mise à dispo sur le store (notamment des screenshots)
La liste complète des permissions est disponible ici : https://developer.chrome.com/apps/declare_permissions
Le format CRX est un format ouvert : on peut même carrément créer son propre script dans le langage de son choix pour le créer.
Par exemple, Web Speech API et getUserMedia sont en cours de standardisation mais pas implémentées par tous les navigateurs. Typiquement, le webspeech API est dispo sur Chrome, mais pas sur Firefox.
utiliser caniuse.com pour savoir si on peut utiliser une API ou pas selon le navigateur.
Certaines API ne sont pas encore spécifiées et sont encore à l'état de bouillon (DRAFT), mais sont déjà implémentées dans Chrome. Par exemple : http://w3c.github.io/web-animations/
Comment savoir si une fonctionnalité est implémnetées ?
On peut regarder sur le site de Mozilla pour connaitre l'implémentation de certaines Web API.
https://developer.mozilla.org/en-US/docs/Web/API/
Sinon, plus spécifiquement à Chrome :
https://www.chromestatus.com/features
Inspiré de http://arduino.cc/en/Tutorial/Blink
Plus d’info sur https://developer.chrome.com/apps/contentSecurityPolicy
AngularJS uses Function(string) generated functions as a speed optimization. Applying the ngCsp directive will cause Angular to use CSP compatibility mode. When this mode is on AngularJS will evaluate all expressions up to 30% slower than in non-CSP mode, but no security violations will be raised.
CSP forbids JavaScript to inline stylesheet rules. In non CSP mode Angular automatically includes some CSS rules (e.g. ngCloak). To make those directives work in CSP mode, include the angular-csp.css manually.
Plus d’info : https://docs.angularjs.org/api/ng/directive/ngCsp
Crosswalk embed une webview Chromium. Permet d’exécuter des appli chrome sur des device qui n’avais pas encore Chrome.
Jusquà Android ICS.
Crosswalk embed une webview Chromium. Permet d’exécuter des appli chrome sur des device qui n’avais pas encore Chrome.
Jusquà Android ICS.
tap-delay. Sur les browser-mobiles, il y’a toujours un délai de 300ms entre l’appui et le moment ou le « click » est considéré. UX dégradée ! L’histoire du tap-delay est expliquée ici : http://updates.html5rocks.com/2013/12/300ms-tap-delay-gone-away
Les alarmes ne se déclenchent que si l’application est au premier plan Les méthodes JS (chrome.i18n) sont fonctionnelles mais pas les instructions CSS. Qualité Bêta Local storage only. Le sync storage fonctionne en mode dégradé (comme storage.local) Qualité Alpha
A surveiller sur : https://github.com/MobileChromeApps/mobile-chrome-apps/blob/master/docs/APIStatus.md
Crosswalk embed une webview Chromium. Permet d’exécuter des appli chrome sur des device qui n’avais pas encore Chrome.
Jusquà Android ICS.
Par exemple, le Manifest Android (Manifest.xml nécessaire à la constitution de l’APK) : le champ android:versionName est déduit de la version de l’application renseignée dans le manifest.json et le champ android:versionCode est déduit du fichier manifest.mobile.json
Crosswalk embed une webview Chromium. Permet d’exécuter des appli chrome sur des device qui n’avais pas encore Chrome.
Jusquà Android ICS.
Ephemeral Apps : applications « One-time ». Processus d’installation/désinstallation simplifié.
App_shell : mode d’exécution sans tirer tout le runtime Chrome.
2 use cases : les applications Kiosks, les exécutions sur environnements à ressources limitées.