MICROSOFTMICROSOFT
TECHDAYS 2015TECHDAYS 2015
MAUVAISES PRATIQUES D'INTÉGRATION :MAUVAISES PRATIQUES D'INTÉGRATION :
COMME...
DOCUMENTATIONDOCUMENTATION
Préparer un terreau fertilePréparer un terreau fertile
•• Expression des besoinsExpression des ...
ARBORESCENCEARBORESCENCE
Dégrossir la hiérarchie de fichiersDégrossir la hiérarchie de fichiers
•• Groupement logiqueGroup...
RÈGLES DE NOMMAGERÈGLES DE NOMMAGE
Aplanir les usagesAplanir les usages
•• Langue : anglaisLangue : anglais ouou françaisf...
CSS & PRÉPROCESSEURCSS & PRÉPROCESSEUR
Éviter les plantes vénéneusesÉviter les plantes vénéneuses
•• Modification des sour...
JAVASCRIPTJAVASCRIPT
Élaguer le superfluÉlaguer le superflu
•• Analyse des scripts tiers invasifsAnalyse des scripts tiers...
HTMLHTML
Sélectionner de belles plantesSélectionner de belles plantes
•• Choix judicieux des élements HTML5Choix judicieux...
ET APRÈS ?ET APRÈS ?
Prendre plaisir à jardinerPrendre plaisir à jardiner
•• Travail progressifTravail progressif
•• Docum...
MERCI :)MERCI :)
DES QUESTIONS ?DES QUESTIONS ?
,
et ,
Corinne Schillinger INSEO
Jérémie Patonnier Clever Age
Prochain SlideShare
Chargement dans…5
×

Mauvaises pratiques d'intégration CSS : comment éradiquer le chiendent ou ce n'est pas parce que l'on fait du web que l'on doit faire n'importe quoi

661 vues

Publié le

Il vous est certainement déjà arrivé d'éprouver un profond découragement en ouvrant un fichier sur lequel vous aviez à travailler. Absence de commentaires, de formatage, de hiérarchisation ou de logique organisationnelle, les raisons qui peuvent vous faire haïr l'auteur du document (et le web) sont nombreuses...
Une fois passé le stade du désarroi initial, vous avez la charge de transformer le bourbier innommable sur lequel on vous demande d'intervenir en un fichier compréhensible, fonctionnel et surtout maintenable. Et comme il n'est souvent ni souhaitable, ni envisageable de repartir de zéro, laissons le Roundup® de côté pour voir ensemble quels leviers vous pouvez actionner pour travailler dans de bonnes conditions et fournir à votre client un livrable qui ne vous fasse pas profondément honte et ne provoque pas l'ire de vos collègues ou successeurs.

Publié dans : Technologie
1 commentaire
0 j’aime
Statistiques
Remarques
  • Le repo. https://github.com/JeremiePat/mstd-2015 contient la présentation au format HTML ainsi que les notes qui nous ont servis de fil conducteur pendant la présentation.
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
661
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
2
Commentaires
1
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Mauvaises pratiques d'intégration CSS : comment éradiquer le chiendent ou ce n'est pas parce que l'on fait du web que l'on doit faire n'importe quoi

  1. 1. MICROSOFTMICROSOFT TECHDAYS 2015TECHDAYS 2015 MAUVAISES PRATIQUES D'INTÉGRATION :MAUVAISES PRATIQUES D'INTÉGRATION : COMMENT ÉRADIQUER LE CHIENDENTCOMMENT ÉRADIQUER LE CHIENDENT Par , et , Corinne Schillinger INSEO Jérémie Patonnier Clever Age
  2. 2. DOCUMENTATIONDOCUMENTATION Préparer un terreau fertilePréparer un terreau fertile •• Expression des besoinsExpression des besoins •• Cahier des chargesCahier des charges •• Spécification fonctionnelleSpécification fonctionnelle •• Spécification techniqueSpécification technique •• Document d'architectureDocument d'architecture © Stéfan
  3. 3. ARBORESCENCEARBORESCENCE Dégrossir la hiérarchie de fichiersDégrossir la hiérarchie de fichiers •• Groupement logiqueGroupement logique •• Organisation en dossiers et sous-dossiersOrganisation en dossiers et sous-dossiers •• Intitulés cohérentsIntitulés cohérents © Luke Jones
  4. 4. RÈGLES DE NOMMAGERÈGLES DE NOMMAGE Aplanir les usagesAplanir les usages •• Langue : anglaisLangue : anglais ouou françaisfrançais •• Casse : minusculeCasse : minuscule ouou majusculemajuscule •• Format : « - »Format : « - » ouou « _ »« _ » ouou camelCasecamelCase •• Abandon des accents et espacesAbandon des accents et espaces © Lizzy
  5. 5. CSS & PRÉPROCESSEURCSS & PRÉPROCESSEUR Éviter les plantes vénéneusesÉviter les plantes vénéneuses •• Modification des sources (pas des CSS générées)Modification des sources (pas des CSS générées) •• Création de mixins clairs et concisCréation de mixins clairs et concis •• Usage parcimonieux deUsage parcimonieux de !important!important © FluffyLtd
  6. 6. JAVASCRIPTJAVASCRIPT Élaguer le superfluÉlaguer le superflu •• Analyse des scripts tiers invasifsAnalyse des scripts tiers invasifs •• Traque des bibliothèques muti versionsTraque des bibliothèques muti versions •• Fractionnement des fichiers monolithiquesFractionnement des fichiers monolithiques © ap.
  7. 7. HTMLHTML Sélectionner de belles plantesSélectionner de belles plantes •• Choix judicieux des élements HTML5Choix judicieux des élements HTML5 •• Déclaration de l'encodage & et des entités HTMLDéclaration de l'encodage & et des entités HTML © Earthworm
  8. 8. ET APRÈS ?ET APRÈS ? Prendre plaisir à jardinerPrendre plaisir à jardiner •• Travail progressifTravail progressif •• Documentation régulièreDocumentation régulière •• Pre-commit et intégration continuePre-commit et intégration continue © Ken and Nyetta
  9. 9. MERCI :)MERCI :) DES QUESTIONS ?DES QUESTIONS ? , et , Corinne Schillinger INSEO Jérémie Patonnier Clever Age

×