Angular 5 [ep11] Les préfixes CSS avec Autoprefixer & Browserslist
Besoins d'aide ? Posez vos questions sur le Slack : https://goo.gl/U88tW6
Angular est un framewok tendance et très largement utilisé par les développeurs. Je suis là pour vous montrer comment créer un projet Angular avec Angular CLI et comment mettre en place les bonnes pratiques de développement. Cette vidéo est parfaite pour vous si vous souhaitez découvrir ou re-découvrir Angular.
Dans l’épisodes précédent, nous avons vu ensemble comment configurer sur notre application, la célèbre librairie bootstrap 4 avec notre préprocesseur CSS Sass. Si vous n’avez pas encore vu les vidéos sur Sass et que vous n’êtes pas familiarisé avec les préprocesseurs CSS, je vous recommande de les visionner avant de continuer cette vidéo afin de ne pas être perdu sur ce sujet.
Aujourd’hui et toujours dans le cadre des best practices et des feuilles de styles de l’application DashingJS2 que nous réalisation ensemble, nous allons aborder l’épineux sujet de la compatibilité des navigateurs et la solution développé par PostCSS, Autoprefixer !
Cette outils étant nativement installé sur Angular CLI et le potentiel de cet outil, mérite amplement de s’y attardé quelques minutes. Je vous invite donc à découvrir l'écosystème des préfixes CSS car c’est un sujet essentiel lorsque l’on travail sur un projets web. Allez Installez-vous, on démarre tout de suite !
----------------------------------------------------
Liens utiles :
Browserslist : https://github.com/ai/browserslist
Browserslist interactif : http://browserl.ist
Autoprefixer : https://github.com/postcss/autoprefixer
Autoprefixer interactif : https://autoprefixer.github.io/
Can i Use : https://caniuse.com
Angular CLI, Autoprefixer : https://github.com/angular/angular-cl...
----------------------------------------------------
Autres épisodes :
Angular 5 [ep1] Environnement de développement
• Angular 5 [ep1] Environnement de développe...
Angular 5 [ep2] Le Git flow
• Video
Angular 5 [ep3] Le cycle d’intégration continue
• Angular 5 [ep3] Le cycle d’intégration con...
Angular 5 [ep4] Le code coverage
• Angular 5 [ep4] Le code coverage avec Cove...
Angular 5 [ep5] Le code review
• Angular 5 [ep5] La revue de qualité de cod...
Angular 5 [ep6] Le code review
• Angular 5 [ep6] Les tests de vulnérabilité...
Angular 5 [ep7] Le déploiement sur Github pages avec Travis
• Angular5 [ep7] Déploiement sur Github page...
Angular 5 [ep8] Le préprocesseur CSS avec Sass
• Angular 5 [ep8] Le préprocesseur CSS avec ...
Angular 5 [ep9] Etendre Sass avec Bourbon
• Angular 5 [ep9] Etendre Sass avec Bourbon
Angular 5 [ep10] Etendre Sass et le responsive avec Bootstrap
• Angular 5 [ep10] Etendre Sass et le respon...
Angular 5 [ep11] Les préfixes CSS avec Autoprefixer & Browserslist
• Angular 5 [ep11] Les préfixes CSS avec Aut...
Angular 5 [ep12] Les polices d'écriture et d'icones avec Font awesome, Flaticon et google fonts
• Angular 5 [ep12] Les polices d'écriture et...
Angular 5 [ep13] Formater son code automatiquement avec Prettier et Pretty quick
• Angular 5 [ep13] Formater son code automat...
----------------------------------------------------
Comme toujours, ce tutoriel est gratuit.
Chaque tutoriel sur ma chaîne est gratuit, fait avec ❤ et beaucoup de travail, donc n'oubliez pas de laisser un Like .. :)
----------------------------------------------------
Rejoignez-moi sur les réseaux sociaux.
Linkedin: https://goo.gl/MTaQxr
Github: https://goo.gl/waH8K7
Chaîne YouTube: https://goo.gl/JHzcEX
----------------------------------------------------
Pour me contacter, écrivez-moi:
[email protected]
----------------------------------------------------
Merci d'avoir regardé cette vidéo, abonnez-vous à la chaîne pour rester informé des prochains tutos !