HTML5 et design : 3 expériences par Geoffrey Dorne, designer - #FRANCEHTML5

Geoffrey Dorne
Geoffrey DorneDesigner et fondateur de Design & Human à L'Étape Design
bonjour :)




Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 1
+                         +

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 2
Présentation

         Geoffrey Dorne
         @GeoffreyDorne
          http://Graphism.fr




Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 3
Parcours
              Ensad - design graphique & multimédia
              début d’activité - designer indépendant, 2004
              blog - Graphism.fr
              création de société - yoocasa.com, 2008
              mémoire & diplôme - interfaces en ligne & Hacking Citoyen
              chercheur EnsadLab (identité numérique mobile), 2010
              Mozilla (Firefox )
              CEA (Commissariat à l’Énergie Atomique)
              Orange Vallée
              enseignement, conférences, workshops
              société de design, 2012



Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 4
Aujourd’hui
                                                                                     Graphisme.tv
                                                         Neen.fr




SoundCloud.com
 /Geoffreydorne

                                    Graphism.fr
                                                                                            Jaffiche.fr




                                                               Instadraw.net




      h4cker.net


                                    GeoffreyDorne.com
                                                                               SubLyn.com
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza                              p. 5
3 projets / 3 expériences




Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 6
Mozilla & Firefox 4 (!)




Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 7
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 8
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 9
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 10
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 11
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 12
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 13
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 14
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 15
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 16
Sublyn.com




Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 17
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 18
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 19
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 20
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 21
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 22
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 23
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 24
étapes à venir :
       - android & windows phone
       - mise à jour map
       - responsive webdesign
       - design graphique
       - autres grandes capitales
       - portail des plans / collaboratif

Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 25
ResponsiveMuseum.com


Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 26
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 27
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 28
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 29
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 30
Le site du Centre Pompidou
                                                                        par @vandyvincent
                                                                        • Site : http://www.centrepompidou.fr/
                                                                        • CSS user style : Les styles et images sur UserStyles




Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza                                               p. 31
Le musée aquarium de Nancy
                                                                        par Guillaume Demesy
                                                                        • Site : http://www.museumaquariumdenancy.eu
                                                                        • CSS user style : Les styles et images sur UserStyles




Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza                                               p. 32
Le Palais de Tokyo par
                                                                        Geoffrey Crofte
                                                                        • Site : http://www.palaisdetokyo.com
                                                                        • CSS user style : Les styles et images sur UserStyles.org




Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza                                               p. 33
Les musées de la ville de
                                                                        Strasbourg par Tom Brehm
                                                                        • Site : http://www.musees.strasbourg.eu/
                                                                        • CSS user style : http://userstyles.org/styles/76699/
                                                                        mus-es-de-strasbourg




Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza                                               p. 34
ResponsiveMuseum.tumblr.com


Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 35
Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 36
Conclusion(s)



Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 37
3 expériences / 3 leçons



Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 38
1                la pédagogie du code
                   (apprendre, partager
                   et expliquer)


Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 39
2                le plus simple pour
                   tous (less is more,
                   même dans le code)


Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 40
3                hacking & design
                   (bidouiller / détourner
                   et rendre accessible)


Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 41
merci :)



Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 42
Geoffrey Dorne
             @GeoffreyDorne
              http://Graphism.fr




Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza   p. 43
1 sur 43

Recommandé

Design Graphique, des tendances aux fondamentaux | Festival KIKK | Geoffrey D... par
Design Graphique, des tendances aux fondamentaux | Festival KIKK | Geoffrey D...Design Graphique, des tendances aux fondamentaux | Festival KIKK | Geoffrey D...
Design Graphique, des tendances aux fondamentaux | Festival KIKK | Geoffrey D...Geoffrey Dorne
3.2K vues64 diapositives
Conf mee strate_2013 par
Conf mee strate_2013Conf mee strate_2013
Conf mee strate_2013Geoffrey Dorne
965 vues130 diapositives
La démarche design, un outil pour renouveler les processus de l’urbanisme par
La démarche design, un outil pour renouveler les processus de l’urbanismeLa démarche design, un outil pour renouveler les processus de l’urbanisme
La démarche design, un outil pour renouveler les processus de l’urbanismeGeoffrey Dorne
4.4K vues32 diapositives
LES PUCES DE L'ILLUSTRATION 2016 par
LES PUCES DE L'ILLUSTRATION 2016LES PUCES DE L'ILLUSTRATION 2016
LES PUCES DE L'ILLUSTRATION 2016Geoffrey Dorne
2.6K vues4 diapositives
Petit design pour grande humanité | Geoffrey Dorne par
Petit design pour grande humanité | Geoffrey DornePetit design pour grande humanité | Geoffrey Dorne
Petit design pour grande humanité | Geoffrey DorneGeoffrey Dorne
3K vues63 diapositives
Un design graphique libre – par Étienne Ozeray par
Un design graphique libre – par Étienne Ozeray Un design graphique libre – par Étienne Ozeray
Un design graphique libre – par Étienne Ozeray Geoffrey Dorne
7.8K vues106 diapositives

Contenu connexe

En vedette

« Dans quelle mesure la relation entre client et designer graphique peut-elle... par
« Dans quelle mesure la relation entre client et designer graphique peut-elle...« Dans quelle mesure la relation entre client et designer graphique peut-elle...
« Dans quelle mesure la relation entre client et designer graphique peut-elle...Geoffrey Dorne
11.8K vues66 diapositives
Le financement participatif culturel par
Le financement participatif culturelLe financement participatif culturel
Le financement participatif culturelLa French Team
1.8K vues234 diapositives
Research review - the effects of font and formating on the readability of tex... par
Research review - the effects of font and formating on the readability of tex...Research review - the effects of font and formating on the readability of tex...
Research review - the effects of font and formating on the readability of tex...Geoffrey Dorne
8.6K vues7 diapositives
The fat manual_link_editions_2013 par
The fat manual_link_editions_2013The fat manual_link_editions_2013
The fat manual_link_editions_2013Geoffrey Dorne
16K vues224 diapositives
Design Sprint - DevFest Nantes 2016 par
Design Sprint - DevFest Nantes 2016Design Sprint - DevFest Nantes 2016
Design Sprint - DevFest Nantes 2016Matthieu Gioani
2.5K vues36 diapositives
Graphisme en France 22 par
Graphisme en France 22Graphisme en France 22
Graphisme en France 22Geoffrey Dorne
6.2K vues115 diapositives

En vedette(20)

« Dans quelle mesure la relation entre client et designer graphique peut-elle... par Geoffrey Dorne
« Dans quelle mesure la relation entre client et designer graphique peut-elle...« Dans quelle mesure la relation entre client et designer graphique peut-elle...
« Dans quelle mesure la relation entre client et designer graphique peut-elle...
Geoffrey Dorne11.8K vues
Le financement participatif culturel par La French Team
Le financement participatif culturelLe financement participatif culturel
Le financement participatif culturel
La French Team1.8K vues
Research review - the effects of font and formating on the readability of tex... par Geoffrey Dorne
Research review - the effects of font and formating on the readability of tex...Research review - the effects of font and formating on the readability of tex...
Research review - the effects of font and formating on the readability of tex...
Geoffrey Dorne8.6K vues
The fat manual_link_editions_2013 par Geoffrey Dorne
The fat manual_link_editions_2013The fat manual_link_editions_2013
The fat manual_link_editions_2013
Geoffrey Dorne16K vues
Design Sprint - DevFest Nantes 2016 par Matthieu Gioani
Design Sprint - DevFest Nantes 2016Design Sprint - DevFest Nantes 2016
Design Sprint - DevFest Nantes 2016
Matthieu Gioani2.5K vues
La place du designer - mémoire Juliette Mothe par Geoffrey Dorne
La place  du designer - mémoire Juliette MotheLa place  du designer - mémoire Juliette Mothe
La place du designer - mémoire Juliette Mothe
Geoffrey Dorne12K vues
Le design thinking en bibliothèque par Geoffrey Dorne
Le design thinking en bibliothèqueLe design thinking en bibliothèque
Le design thinking en bibliothèque
Geoffrey Dorne5.5K vues
L'impact du Design Thinking sur une démarche d'innovation de produit par Matthieu Jeunet
L'impact du Design Thinking sur une démarche d'innovation de produitL'impact du Design Thinking sur une démarche d'innovation de produit
L'impact du Design Thinking sur une démarche d'innovation de produit
Matthieu Jeunet16.5K vues
Feed mechanism by pratik solanki par pratik solanki
Feed mechanism by pratik solankiFeed mechanism by pratik solanki
Feed mechanism by pratik solanki
pratik solanki2.5K vues
[lecture] Faut-il mesurer la bande passante du design ? par Geoffrey Dorne
[lecture] Faut-il mesurer la bande passante du design ?[lecture] Faut-il mesurer la bande passante du design ?
[lecture] Faut-il mesurer la bande passante du design ?
Geoffrey Dorne1.4K vues
Le design thinking en bibliothèque par Geoffrey Dorne
Le design thinking en bibliothèqueLe design thinking en bibliothèque
Le design thinking en bibliothèque
Geoffrey Dorne7.1K vues
Le guide de la bonne relation entre annonceur et agence en design par Geoffrey Dorne
Le guide de la bonne relation entre annonceur et agence en designLe guide de la bonne relation entre annonceur et agence en design
Le guide de la bonne relation entre annonceur et agence en design
Geoffrey Dorne4.6K vues
Un grand signe pour un regard citoyen par Geoffrey Dorne
Un grand signe pour un regard citoyenUn grand signe pour un regard citoyen
Un grand signe pour un regard citoyen
Geoffrey Dorne2.2K vues
Atelier FrenchWeb Design Thinking - Creasenso par FrenchWeb.fr
Atelier FrenchWeb Design Thinking - CreasensoAtelier FrenchWeb Design Thinking - Creasenso
Atelier FrenchWeb Design Thinking - Creasenso
FrenchWeb.fr95.5K vues

Plus de Geoffrey Dorne

Rendre la critique créative. La démarche abductive et pragmatique du design E... par
Rendre la critique créative. La démarche abductive et pragmatique du design E...Rendre la critique créative. La démarche abductive et pragmatique du design E...
Rendre la critique créative. La démarche abductive et pragmatique du design E...Geoffrey Dorne
1.4K vues25 diapositives
A Clash of Concerns: Applying Design Thinking to Social Dilemmas par
A Clash of Concerns: Applying Design Thinking to Social Dilemmas A Clash of Concerns: Applying Design Thinking to Social Dilemmas
A Clash of Concerns: Applying Design Thinking to Social Dilemmas Geoffrey Dorne
2.4K vues11 diapositives
La pluie a midi par
La pluie a midiLa pluie a midi
La pluie a midiGeoffrey Dorne
2.1K vues8 diapositives
Graphisme & design Memphis - années 80 par
Graphisme & design Memphis - années 80Graphisme & design Memphis - années 80
Graphisme & design Memphis - années 80Geoffrey Dorne
10.8K vues131 diapositives
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou... par
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...Geoffrey Dorne
2.9K vues13 diapositives
152314 cnap graphisme-en-france_23_2017-fr par
152314 cnap graphisme-en-france_23_2017-fr152314 cnap graphisme-en-france_23_2017-fr
152314 cnap graphisme-en-france_23_2017-frGeoffrey Dorne
5.6K vues56 diapositives

Plus de Geoffrey Dorne(16)

Rendre la critique créative. La démarche abductive et pragmatique du design E... par Geoffrey Dorne
Rendre la critique créative. La démarche abductive et pragmatique du design E...Rendre la critique créative. La démarche abductive et pragmatique du design E...
Rendre la critique créative. La démarche abductive et pragmatique du design E...
Geoffrey Dorne1.4K vues
A Clash of Concerns: Applying Design Thinking to Social Dilemmas par Geoffrey Dorne
A Clash of Concerns: Applying Design Thinking to Social Dilemmas A Clash of Concerns: Applying Design Thinking to Social Dilemmas
A Clash of Concerns: Applying Design Thinking to Social Dilemmas
Geoffrey Dorne2.4K vues
Graphisme & design Memphis - années 80 par Geoffrey Dorne
Graphisme & design Memphis - années 80Graphisme & design Memphis - années 80
Graphisme & design Memphis - années 80
Geoffrey Dorne10.8K vues
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou... par Geoffrey Dorne
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...
Creating a New Language for Nutrition: McDonald’s Universal Icons for 109 Cou...
Geoffrey Dorne2.9K vues
152314 cnap graphisme-en-france_23_2017-fr par Geoffrey Dorne
152314 cnap graphisme-en-france_23_2017-fr152314 cnap graphisme-en-france_23_2017-fr
152314 cnap graphisme-en-france_23_2017-fr
Geoffrey Dorne5.6K vues
Résultats de l'enquête relative aux tendances typographiques par Geoffrey Dorne
Résultats de l'enquête relative aux tendances typographiquesRésultats de l'enquête relative aux tendances typographiques
Résultats de l'enquête relative aux tendances typographiques
Geoffrey Dorne14.9K vues
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire par Geoffrey Dorne
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? MémoireINNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
INNOVER EN FRANCE AVEC LE DESIGN THINKING ? Mémoire
Geoffrey Dorne337.1K vues
L'enjeu du design industriel en 1980 par Geoffrey Dorne
L'enjeu du design industriel en 1980L'enjeu du design industriel en 1980
L'enjeu du design industriel en 1980
Geoffrey Dorne2.4K vues
PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE par Geoffrey Dorne
PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUEPROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE
PROCESSUS DE SOLUTION EN DESIGN POUR UNE CRÉATIVITÉ ÉCOLOGIQUE
Geoffrey Dorne4.1K vues
Design, ergonomie et IHM : études complémentaires pour favoriser les activité... par Geoffrey Dorne
Design, ergonomie et IHM : études complémentaires pour favoriser les activité...Design, ergonomie et IHM : études complémentaires pour favoriser les activité...
Design, ergonomie et IHM : études complémentaires pour favoriser les activité...
Geoffrey Dorne2.3K vues
ecology by design METTRE L’INFORMATIQUE AU SERVICE DE LA TRANSFORMATION ÉCOLO... par Geoffrey Dorne
ecology by design METTRE L’INFORMATIQUE AU SERVICE DE LA TRANSFORMATION ÉCOLO...ecology by design METTRE L’INFORMATIQUE AU SERVICE DE LA TRANSFORMATION ÉCOLO...
ecology by design METTRE L’INFORMATIQUE AU SERVICE DE LA TRANSFORMATION ÉCOLO...
Geoffrey Dorne2.5K vues
DE L’HYPERTEXTE AU DESIGN MONOPAGE: UNE TRANSITION SÉMIOTIQUE par Geoffrey Dorne
DE L’HYPERTEXTE AU DESIGN MONOPAGE: UNE TRANSITION SÉMIOTIQUEDE L’HYPERTEXTE AU DESIGN MONOPAGE: UNE TRANSITION SÉMIOTIQUE
DE L’HYPERTEXTE AU DESIGN MONOPAGE: UNE TRANSITION SÉMIOTIQUE
Geoffrey Dorne4.3K vues
Entrepreneurs militants & design thinking ! par Geoffrey Dorne
Entrepreneurs militants & design thinking !Entrepreneurs militants & design thinking !
Entrepreneurs militants & design thinking !
Geoffrey Dorne2.3K vues
Quel design d’interaction pour le webdocumentaire ? par Geoffrey Dorne
Quel design d’interaction pour le webdocumentaire ?Quel design d’interaction pour le webdocumentaire ?
Quel design d’interaction pour le webdocumentaire ?
Geoffrey Dorne4.6K vues

HTML5 et design : 3 expériences par Geoffrey Dorne, designer - #FRANCEHTML5

  • 1. bonjour :) Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 1
  • 2. + + Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 2
  • 3. Présentation Geoffrey Dorne @GeoffreyDorne http://Graphism.fr Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 3
  • 4. Parcours Ensad - design graphique & multimédia début d’activité - designer indépendant, 2004 blog - Graphism.fr création de société - yoocasa.com, 2008 mémoire & diplôme - interfaces en ligne & Hacking Citoyen chercheur EnsadLab (identité numérique mobile), 2010 Mozilla (Firefox ) CEA (Commissariat à l’Énergie Atomique) Orange Vallée enseignement, conférences, workshops société de design, 2012 Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 4
  • 5. Aujourd’hui Graphisme.tv Neen.fr SoundCloud.com /Geoffreydorne Graphism.fr Jaffiche.fr Instadraw.net h4cker.net GeoffreyDorne.com SubLyn.com Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 5
  • 6. 3 projets / 3 expériences Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 6
  • 7. Mozilla & Firefox 4 (!) Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 7
  • 8. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 8
  • 9. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 9
  • 10. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 10
  • 11. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 11
  • 12. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 12
  • 13. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 13
  • 14. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 14
  • 15. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 15
  • 16. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 16
  • 17. Sublyn.com Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 17
  • 18. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 18
  • 19. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 19
  • 20. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 20
  • 21. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 21
  • 22. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 22
  • 23. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 23
  • 24. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 24
  • 25. étapes à venir : - android & windows phone - mise à jour map - responsive webdesign - design graphique - autres grandes capitales - portail des plans / collaboratif Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 25
  • 26. ResponsiveMuseum.com Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 26
  • 27. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 27
  • 28. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 28
  • 29. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 29
  • 30. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 30
  • 31. Le site du Centre Pompidou par @vandyvincent • Site : http://www.centrepompidou.fr/ • CSS user style : Les styles et images sur UserStyles Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 31
  • 32. Le musée aquarium de Nancy par Guillaume Demesy • Site : http://www.museumaquariumdenancy.eu • CSS user style : Les styles et images sur UserStyles Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 32
  • 33. Le Palais de Tokyo par Geoffrey Crofte • Site : http://www.palaisdetokyo.com • CSS user style : Les styles et images sur UserStyles.org Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 33
  • 34. Les musées de la ville de Strasbourg par Tom Brehm • Site : http://www.musees.strasbourg.eu/ • CSS user style : http://userstyles.org/styles/76699/ mus-es-de-strasbourg Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 34
  • 35. ResponsiveMuseum.tumblr.com Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 35
  • 36. Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 36
  • 37. Conclusion(s) Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 37
  • 38. 3 expériences / 3 leçons Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 38
  • 39. 1 la pédagogie du code (apprendre, partager et expliquer) Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 39
  • 40. 2 le plus simple pour tous (less is more, même dans le code) Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 40
  • 41. 3 hacking & design (bidouiller / détourner et rendre accessible) Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 41
  • 42. merci :) Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 42
  • 43. Geoffrey Dorne @GeoffreyDorne http://Graphism.fr Geoffrey Dorne | @GeoffreyDorne | Novembre 2012 | meetup HTML5, CSS3 & Pizza p. 43