Télécharger en tant que PDF, PPTX
![Automatiser les
tâches rébarbatives
Les applications
○ mixture [mixture.io] : Mac & Windows - Gratuit
○ prepros [prepros.io] : Linux, Mac & Windows - 29$
○ codekit [incident57.com/codekit] : Mac - 32$
Les outils en ligne de commande
○ grunt [gruntjs.com]
○ gulp [gulpjs.com]
○ brunch [brunch.io]](https://image.slidesharecdn.com/integrationweb-qualiteproductivite-150417084751-conversion-gate02/85/Integration-web-qualite-productivite-FTW-3-320.jpg)
![Emmet :
Éditer du code HTML & CSS
Plugin disponible pour 27 éditeurs de code dont
eclipse/aptana, brackets, dreamweaver, editplus,
komodo edit, notepad++, pspad, sublime text,
textmate, vim, webstorm …
!
[emmet.io/download]](https://image.slidesharecdn.com/integrationweb-qualiteproductivite-150417084751-conversion-gate02/85/Integration-web-qualite-productivite-FTW-4-320.jpg)
![CSSComb :
Uniformiser du code CSS
[csscomb.com]
plugin disponible pour grunt, brunch & sublime text](https://image.slidesharecdn.com/integrationweb-qualiteproductivite-150417084751-conversion-gate02/85/Integration-web-qualite-productivite-FTW-5-320.jpg)
![Autoprefixer :
Appliquer les préfixes vendeurs
[github.com/postcss/autoprefixer]
plugin disponible pour grunt, gulp, brunch & sublime text
!
/! Respecter la dernière syntaxe recommandée par le W3C /!](https://image.slidesharecdn.com/integrationweb-qualiteproductivite-150417084751-conversion-gate02/85/Integration-web-qualite-productivite-FTW-6-320.jpg)
![CSSLint :
Analyser la qualité du code CSS
[csslint.net]
plugin disponible pour grunt, gulp & sublime text](https://image.slidesharecdn.com/integrationweb-qualiteproductivite-150417084751-conversion-gate02/85/Integration-web-qualite-productivite-FTW-7-320.jpg)
![CSSCSS :
Identifier les règles redondantes
[zmoazeni.github.com/csscss/]
plugin disponible pour grunt & gulp](https://image.slidesharecdn.com/integrationweb-qualiteproductivite-150417084751-conversion-gate02/85/Integration-web-qualite-productivite-FTW-8-320.jpg)
![JSHint :
Détecter les erreurs JavaScript
[jshint.com]
plugin disponible pour grunt, gulp, brunch & sublime text](https://image.slidesharecdn.com/integrationweb-qualiteproductivite-150417084751-conversion-gate02/85/Integration-web-qualite-productivite-FTW-9-320.jpg)
![Ressources en ligne :
Trouver des infos fiables
○ caniuse [caniuse.com] : Tableau de compatibilité
○ wiki du W3C [w3.org/wiki/HTML & w3.org/wiki/CSS] :
Description des balises HTML & propriétés CSS
○ mdn [developer.mozilla.org] : Documentation collaborative
/!
ne JAMAIS utiliser W3Schools comme ressource](https://image.slidesharecdn.com/integrationweb-qualiteproductivite-150417084751-conversion-gate02/85/Integration-web-qualite-productivite-FTW-10-320.jpg)
Téléchargé parCorinne Schillinger
Integration web : qualite & productivite FTW
Le document présente divers outils et ressources pour automatiser les tâches de développement web, y compris des applications comme Mixture, Prepros, et CodeKit. Il évoque également des plugins pour l'édition de code HTML/CSS et des outils d'analyse de qualité du code comme CSSLint et JSHint. Enfin, il recommande des ressources en ligne fiables pour approfondir les connaissances en développement web.
Integration web : qualite & productivite FTW
- 1. Corinne Schillinger MIX-IT 2015 Intégrationweb qualité & productivité FTW
- 2.
- 3. Automatiser les tâchesrébarbatives Les applications ○ mixture [mixture.io] : Mac & Windows - Gratuit ○ prepros [prepros.io] : Linux, Mac & Windows - 29$ ○ codekit [incident57.com/codekit] : Mac - 32$ Les outils en ligne de commande ○ grunt [gruntjs.com] ○ gulp [gulpjs.com] ○ brunch [brunch.io]
- 4. Emmet : Éditer ducode HTML & CSS Plugin disponible pour 27 éditeurs de code dont eclipse/aptana, brackets, dreamweaver, editplus, komodo edit, notepad++, pspad, sublime text, textmate, vim, webstorm … ! [emmet.io/download]
- 5. CSSComb : Uniformiser ducode CSS [csscomb.com] plugin disponible pour grunt, brunch & sublime text
- 6. Autoprefixer : Appliquer lespréfixes vendeurs [github.com/postcss/autoprefixer] plugin disponible pour grunt, gulp, brunch & sublime text ! /! Respecter la dernière syntaxe recommandée par le W3C /!
- 7. CSSLint : Analyser laqualité du code CSS [csslint.net] plugin disponible pour grunt, gulp & sublime text
- 8. CSSCSS : Identifier lesrègles redondantes [zmoazeni.github.com/csscss/] plugin disponible pour grunt & gulp
- 9. JSHint : Détecter leserreurs JavaScript [jshint.com] plugin disponible pour grunt, gulp, brunch & sublime text
- 10. Ressources en ligne: Trouver des infos fiables ○ caniuse [caniuse.com] : Tableau de compatibilité ○ wiki du W3C [w3.org/wiki/HTML & w3.org/wiki/CSS] : Description des balises HTML & propriétés CSS ○ mdn [developer.mozilla.org] : Documentation collaborative /! ne JAMAIS utiliser W3Schools comme ressource
- 11. Merci ! des questions? Corinne Schillinger @schillinger MIX-IT 2015