SlideShare una empresa de Scribd logo
1 de 7
Descargar para leer sin conexión
L'intégration
 sortie des
   dogmes

 Nicolas Hoffmann
 T : @Nico3333fr
 Paris-Web 2012
CSS IS AWESOME   maiiiiiis...
THOU SHALT NOT DIVITIS
NOT CLASSITIS NON PLUS
ED FILI ED CLASSUM
   SEMANTICUM
EVOLUER, c'est bien !
  (© DARWIN C.)
Repenser l'intégration pratique
●
    Penser beaucoup plus réutilisable
●
    Simple et léger
●
    Pour des gens qui n'ont pas tous le même
    niveau
●
    Modifier le moins possible la CSS
●
    Etc.
●
    Laisser tomber les querelles de chapelles
●
    Et écouter ceux dont c'est le métier !
L'intégration sortie des dogmes

●
    http://www.css-maintenables.fr/ (@Kaelig)
●
    http://blog.goetter.fr/post/31193037773/css-la-grande-
    remise-en-question
●
    http://www.knacss.com/ (@goetter)
●
    http://rocssti.nicolas-hoffmann.net/ @nico3333fr
●
    http://romy.tetue.net/methode-daisy @tetue
●
    http://csslint.net/
●
    https://github.com/stubbornella/oocss/wiki @stubbornella
●
    Etc.

Más contenido relacionado

Destacado

Livre Blanc sur la « santé connectée » de l’Ordre National des médecins 03.02.15
Livre Blanc sur la « santé connectée » de l’Ordre National des médecins 03.02.15Livre Blanc sur la « santé connectée » de l’Ordre National des médecins 03.02.15
Livre Blanc sur la « santé connectée » de l’Ordre National des médecins 03.02.15yann le gigan
 
Observatoire des marchés des communications électroniques en France - Arcep ...
Observatoire des marchés des communications électroniques en France - Arcep  ...Observatoire des marchés des communications électroniques en France - Arcep  ...
Observatoire des marchés des communications électroniques en France - Arcep ...yann le gigan
 
3ème édition du Baromètre Mappy/BVA du web-to-store - oct 2015
3ème édition du Baromètre Mappy/BVA du web-to-store - oct 20153ème édition du Baromètre Mappy/BVA du web-to-store - oct 2015
3ème édition du Baromètre Mappy/BVA du web-to-store - oct 2015yann le gigan
 
Los cuadros perdidos
Los cuadros perdidosLos cuadros perdidos
Los cuadros perdidosdiegobe_
 
Intranet ce
Intranet ceIntranet ce
Intranet ceAnakriss
 
Mode d'emploi batteur électrique PR021A Studio by Riviera et Bar
Mode d'emploi batteur électrique PR021A Studio by Riviera et BarMode d'emploi batteur électrique PR021A Studio by Riviera et Bar
Mode d'emploi batteur électrique PR021A Studio by Riviera et Barhabiague
 
“Les Français et les Campagnes «Santé»” Enquête Future Thinking / FNAIM - Fév...
“Les Français et les Campagnes «Santé»” Enquête Future Thinking / FNAIM - Fév...“Les Français et les Campagnes «Santé»” Enquête Future Thinking / FNAIM - Fév...
“Les Français et les Campagnes «Santé»” Enquête Future Thinking / FNAIM - Fév...yann le gigan
 
JWT Brussels "La publicite s invite chez vous"
JWT Brussels "La publicite s invite chez vous"JWT Brussels "La publicite s invite chez vous"
JWT Brussels "La publicite s invite chez vous"Eric Dubois d'Enghien
 
Entertainment graphs
Entertainment graphsEntertainment graphs
Entertainment graphslucy horobin
 
Trabajo ecopetrol
Trabajo ecopetrolTrabajo ecopetrol
Trabajo ecopetrolsindyfl
 
Generaciones de computdoras
Generaciones de computdorasGeneraciones de computdoras
Generaciones de computdorasFacuSastre
 
Patrimoine caméléon ana belén adrián andrés lidia felipe maría valiente
Patrimoine caméléon ana belén adrián andrés lidia felipe maría valientePatrimoine caméléon ana belén adrián andrés lidia felipe maría valiente
Patrimoine caméléon ana belén adrián andrés lidia felipe maría valienteMagdalena Madajczyk-Głowacka
 
Orthophonistes 2
Orthophonistes  2Orthophonistes  2
Orthophonistes 2licop
 

Destacado (20)

Tecnología educativa 3.2 alberto guishca
Tecnología educativa 3.2 alberto guishcaTecnología educativa 3.2 alberto guishca
Tecnología educativa 3.2 alberto guishca
 
Livre Blanc sur la « santé connectée » de l’Ordre National des médecins 03.02.15
Livre Blanc sur la « santé connectée » de l’Ordre National des médecins 03.02.15Livre Blanc sur la « santé connectée » de l’Ordre National des médecins 03.02.15
Livre Blanc sur la « santé connectée » de l’Ordre National des médecins 03.02.15
 
Perle d’azote
Perle d’azotePerle d’azote
Perle d’azote
 
Observatoire des marchés des communications électroniques en France - Arcep ...
Observatoire des marchés des communications électroniques en France - Arcep  ...Observatoire des marchés des communications électroniques en France - Arcep  ...
Observatoire des marchés des communications électroniques en France - Arcep ...
 
3ème édition du Baromètre Mappy/BVA du web-to-store - oct 2015
3ème édition du Baromètre Mappy/BVA du web-to-store - oct 20153ème édition du Baromètre Mappy/BVA du web-to-store - oct 2015
3ème édition du Baromètre Mappy/BVA du web-to-store - oct 2015
 
Los cuadros perdidos
Los cuadros perdidosLos cuadros perdidos
Los cuadros perdidos
 
Microbacterias. 2013
Microbacterias. 2013Microbacterias. 2013
Microbacterias. 2013
 
Intranet ce
Intranet ceIntranet ce
Intranet ce
 
Mode d'emploi batteur électrique PR021A Studio by Riviera et Bar
Mode d'emploi batteur électrique PR021A Studio by Riviera et BarMode d'emploi batteur électrique PR021A Studio by Riviera et Bar
Mode d'emploi batteur électrique PR021A Studio by Riviera et Bar
 
“Les Français et les Campagnes «Santé»” Enquête Future Thinking / FNAIM - Fév...
“Les Français et les Campagnes «Santé»” Enquête Future Thinking / FNAIM - Fév...“Les Français et les Campagnes «Santé»” Enquête Future Thinking / FNAIM - Fév...
“Les Français et les Campagnes «Santé»” Enquête Future Thinking / FNAIM - Fév...
 
JWT Brussels "La publicite s invite chez vous"
JWT Brussels "La publicite s invite chez vous"JWT Brussels "La publicite s invite chez vous"
JWT Brussels "La publicite s invite chez vous"
 
7. farmac..
7. farmac..7. farmac..
7. farmac..
 
Entertainment graphs
Entertainment graphsEntertainment graphs
Entertainment graphs
 
Proyecto de vida
Proyecto de vidaProyecto de vida
Proyecto de vida
 
Tutoifttt
TutoiftttTutoifttt
Tutoifttt
 
Trabajo ecopetrol
Trabajo ecopetrolTrabajo ecopetrol
Trabajo ecopetrol
 
Generaciones de computdoras
Generaciones de computdorasGeneraciones de computdoras
Generaciones de computdoras
 
Patrimoine caméléon ana belén adrián andrés lidia felipe maría valiente
Patrimoine caméléon ana belén adrián andrés lidia felipe maría valientePatrimoine caméléon ana belén adrián andrés lidia felipe maría valiente
Patrimoine caméléon ana belén adrián andrés lidia felipe maría valiente
 
Orthophonistes 2
Orthophonistes  2Orthophonistes  2
Orthophonistes 2
 
Loisir
LoisirLoisir
Loisir
 

Similar a L'intégration CSS sortie des dogmes

Créez votre propre fond de plan à partir de données OSM en utilisant TileMill
Créez votre propre fond de plan à partir de données OSM en utilisant TileMillCréez votre propre fond de plan à partir de données OSM en utilisant TileMill
Créez votre propre fond de plan à partir de données OSM en utilisant TileMillMakina Corpus
 
Mieux travailler le css avec sass compass
Mieux travailler le css avec sass compassMieux travailler le css avec sass compass
Mieux travailler le css avec sass compassInnobec
 
Transition agile chez emploitic.com , les 10 commandements Au Devoxx morroco
Transition agile chez emploitic.com , les 10 commandements Au Devoxx morroco Transition agile chez emploitic.com , les 10 commandements Au Devoxx morroco
Transition agile chez emploitic.com , les 10 commandements Au Devoxx morroco Abdeslam Menacere
 
Le Domain Driven Design, comment bien démarrer ?
Le Domain Driven Design, comment bien démarrer ?Le Domain Driven Design, comment bien démarrer ?
Le Domain Driven Design, comment bien démarrer ?Maxime Sanglan-Charlier
 
De la communication print à la communication multicanal, quelles passerelles ...
De la communication print à la communication multicanal, quelles passerelles ...De la communication print à la communication multicanal, quelles passerelles ...
De la communication print à la communication multicanal, quelles passerelles ...P2i
 
Beautiful CSS : Structurer, documenter, maintenir
Beautiful CSS : Structurer, documenter, maintenirBeautiful CSS : Structurer, documenter, maintenir
Beautiful CSS : Structurer, documenter, maintenirYves Van Goethem
 
Soyez revolutionnaire, utilisez CSS2 !
Soyez revolutionnaire, utilisez CSS2 !Soyez revolutionnaire, utilisez CSS2 !
Soyez revolutionnaire, utilisez CSS2 !Raphaël Goetter
 
Case study migration SEO : oui.sncf (seocampus 2018)
Case study migration SEO : oui.sncf (seocampus 2018)Case study migration SEO : oui.sncf (seocampus 2018)
Case study migration SEO : oui.sncf (seocampus 2018)RESONEO
 
SEO Campus 2018 : La migration Voyages-sncf.com > OUI.sncf côté SEO
SEO Campus 2018 : La migration Voyages-sncf.com > OUI.sncf côté SEOSEO Campus 2018 : La migration Voyages-sncf.com > OUI.sncf côté SEO
SEO Campus 2018 : La migration Voyages-sncf.com > OUI.sncf côté SEOPlantelin Nicolas
 
Des conférences à voir et à revoir
Des conférences à voir et à revoirDes conférences à voir et à revoir
Des conférences à voir et à revoirAnthony Maison
 
Nouveautes Joomla! 3.8 - JUG ALSACE
Nouveautes Joomla! 3.8 - JUG ALSACENouveautes Joomla! 3.8 - JUG ALSACE
Nouveautes Joomla! 3.8 - JUG ALSACEced1870
 

Similar a L'intégration CSS sortie des dogmes (13)

Créez votre propre fond de plan à partir de données OSM en utilisant TileMill
Créez votre propre fond de plan à partir de données OSM en utilisant TileMillCréez votre propre fond de plan à partir de données OSM en utilisant TileMill
Créez votre propre fond de plan à partir de données OSM en utilisant TileMill
 
REMERCIEMENT.docx
REMERCIEMENT.docxREMERCIEMENT.docx
REMERCIEMENT.docx
 
Mieux travailler le css avec sass compass
Mieux travailler le css avec sass compassMieux travailler le css avec sass compass
Mieux travailler le css avec sass compass
 
Transition agile chez emploitic.com , les 10 commandements Au Devoxx morroco
Transition agile chez emploitic.com , les 10 commandements Au Devoxx morroco Transition agile chez emploitic.com , les 10 commandements Au Devoxx morroco
Transition agile chez emploitic.com , les 10 commandements Au Devoxx morroco
 
Le Domain Driven Design, comment bien démarrer ?
Le Domain Driven Design, comment bien démarrer ?Le Domain Driven Design, comment bien démarrer ?
Le Domain Driven Design, comment bien démarrer ?
 
De la communication print à la communication multicanal, quelles passerelles ...
De la communication print à la communication multicanal, quelles passerelles ...De la communication print à la communication multicanal, quelles passerelles ...
De la communication print à la communication multicanal, quelles passerelles ...
 
Beautiful CSS : Structurer, documenter, maintenir
Beautiful CSS : Structurer, documenter, maintenirBeautiful CSS : Structurer, documenter, maintenir
Beautiful CSS : Structurer, documenter, maintenir
 
Soyez revolutionnaire, utilisez CSS2 !
Soyez revolutionnaire, utilisez CSS2 !Soyez revolutionnaire, utilisez CSS2 !
Soyez revolutionnaire, utilisez CSS2 !
 
Case study migration SEO : oui.sncf (seocampus 2018)
Case study migration SEO : oui.sncf (seocampus 2018)Case study migration SEO : oui.sncf (seocampus 2018)
Case study migration SEO : oui.sncf (seocampus 2018)
 
SEO Campus 2018 : La migration Voyages-sncf.com > OUI.sncf côté SEO
SEO Campus 2018 : La migration Voyages-sncf.com > OUI.sncf côté SEOSEO Campus 2018 : La migration Voyages-sncf.com > OUI.sncf côté SEO
SEO Campus 2018 : La migration Voyages-sncf.com > OUI.sncf côté SEO
 
Des conférences à voir et à revoir
Des conférences à voir et à revoirDes conférences à voir et à revoir
Des conférences à voir et à revoir
 
Les performances Web mobile
Les performances Web mobileLes performances Web mobile
Les performances Web mobile
 
Nouveautes Joomla! 3.8 - JUG ALSACE
Nouveautes Joomla! 3.8 - JUG ALSACENouveautes Joomla! 3.8 - JUG ALSACE
Nouveautes Joomla! 3.8 - JUG ALSACE
 

L'intégration CSS sortie des dogmes

  • 1. L'intégration sortie des dogmes Nicolas Hoffmann T : @Nico3333fr Paris-Web 2012
  • 2. CSS IS AWESOME maiiiiiis...
  • 3. THOU SHALT NOT DIVITIS NOT CLASSITIS NON PLUS
  • 4. ED FILI ED CLASSUM SEMANTICUM
  • 5. EVOLUER, c'est bien ! (© DARWIN C.)
  • 6. Repenser l'intégration pratique ● Penser beaucoup plus réutilisable ● Simple et léger ● Pour des gens qui n'ont pas tous le même niveau ● Modifier le moins possible la CSS ● Etc. ● Laisser tomber les querelles de chapelles ● Et écouter ceux dont c'est le métier !
  • 7. L'intégration sortie des dogmes ● http://www.css-maintenables.fr/ (@Kaelig) ● http://blog.goetter.fr/post/31193037773/css-la-grande- remise-en-question ● http://www.knacss.com/ (@goetter) ● http://rocssti.nicolas-hoffmann.net/ @nico3333fr ● http://romy.tetue.net/methode-daisy @tetue ● http://csslint.net/ ● https://github.com/stubbornella/oocss/wiki @stubbornella ● Etc.