Merge branch 'master' of git.constantvzw.org:osp.workshop.strasbourg-html2print

HugoOsp.tools.html2print-master/.gitignore

-*.autosave
-*.swp
-

README.md

 # HTML_sauce-cocktail-workshop-OSP
 
-Explorations des possibilités HTML2print durant une semaine de workshop
-10 au 13 mars 2015
+Explorations des possibilités HTML2print durant une semaine de workshop du 10 au 13 mars 2015.
 
-## à propos du workshop
+Intervenants : Stéphanie Vilayphiou, Colm O’Neill et Ludi.
+Avec les étudiants en communication graphique : So-Hyun Bae, Laura Burucoa, Charlotte Chowdurry, Victor Donati, Montasser Drissi, Angéline Girard, Romain Goetz, Manon Hachad, Quentin Juhel, Théophile Martin, Arman Mohtadji, Clara Neumann, Lisa Pagès, Benjamin Riollet, Lena Robin, Hugo Serraz, Caroline Sorin.
+
+## À propos du workshop
 
 Une fondue de mise en page web et papier (en hiver) ou un cocktail de class pour été.
-Par ses contraintes de tailles d'écrans - multiple devices - la mise en page web se doit d'être adaptative, quelque part consciente de l'environnement dans lequel elle s'installe. De ce point de vue elle s'oppose au design imprimé où la plupart des interfaces traditionelles tiennent nos mains sur les blocs durs de Gutemberg.
-Approche structurelle / approche visuelle
+Par ses contraintes de tailles d'écrans - multiple devices - la mise en page web se doit d'être adaptative, quelque part consciente de l'environnement dans lequel elle s'installe. De ce point de vue elle s'oppose au design imprimé où la plupart des interfaces traditionelles tiennent nos mains sur les blocs durs de Gutenberg.
 
 remettre le contenu en avant, a sa place 
 d abord visser les articulations du texte avant de le deplier sur tel ou tel format 
@@ -19,7 +20,7 @@ L'atelier propose d'approcher la mise en forme d'un texte de manière liquide, d
 À partir d'un contenu html texte et image, riche de plusieurs niveaux hiérarchiques, nous proposons de travailler sur une/des mise/s en forme vers le papier en constituant des équipes, chacune travaillant sur un format de sortie différent (basées sur une liste de formats arbitraires, par exemple les formats proposés par les services d'impression à la demande de type Lulu ou Blurb ou une liste de formats représentatifs des différents mouvement de l'histoire imprimée)
 En définissant un ensemble de *media queries* les étudiants construisent ensemble une feuille de style commune mais posent chacun les conditions qui vont identifier / typographier leur format.
 
-## à propos d'HTML 2 print
+## À propos d'HTML 2 print
 
 <https://github.com/osp/osp.tools.html2print>
 
@@ -38,34 +39,26 @@ The second strong reason why we set this up is that because the design is made
 with code/text, it means we can use collaborative text editors such as
 Etherpad to design with several people at the same time.
 
-### Why use this instead of libraries such as the PHP library tcpdf which transforms html to a PDF for print?
-
-Because CSS specifications for print are all settled, we are just waiting for
-browsers vendors to implement them *well*. Meanwhile, it's already
-possible to send to an offset printer a file generated from a webpage. So why
-use a third party engine if you want to print HTML?
 
 ![alt](Snapshots/1.png)
 ![alt](Snapshots/2.png)
 
 ## Références
 ### Formats
-Mai 68, http://www.galerie123.com/en/original-vintage-poster/1873/mai-68-journal-mural-2-la-lutte-continue
-Grapus, Allo ! Allo !  Ivry ! Journal mural d’informations municipales.  Renseignements, tel. 670 15 71. Juillet 1977. N°2.Vive le 14 juillet !, 
 
-http://www.aubervilliers.fr/IMG/jpg/vie087.jpg
-Christophe Le Gall, 
+- Mai 68, http://www.galerie123.com/en/original-vintage-poster/1873/mai-68-journal-mural-2-la-lutte-continue
+- Grapus, "Allo ! Allo !  Ivry ! Journal mural d’informations municipales.", http://www.aubervilliers.fr/IMG/jpg/vie087.jpg
+- Christophe Le Gall, http://www.chrstph.com/files/gimgs/25_journal-mural1.jpg
 
-http://www.chrstph.com/files/gimgs/25_journal-mural1.jpg
 ### Responsive design
-http://louisedrulhe.fr/designfluide/#sommaire → http://louisedrulhe.fr/designfluide/#espace-internet
+
+- http://louisedrulhe.fr/designfluide/#sommaire → http://louisedrulhe.fr/designfluide/#espace-internet
 - http://bureau347.com/
 - http://whitney.org/
 - http://blog.froont.com/9-basic-principles-of-responsive-web-design/
 - http://www.fastcodesign.com/3036091/the-next-big-thing-in-responsive-design
 - http://responsiveicons.co.uk/
-
-http://a.fastcompany.net/multisite_files/fastcompany/inline/2014/09/3036091-inline-s-0-the-next-big-thing-in-responsive-design.png
+- http://a.fastcompany.net/multisite_files/fastcompany/inline/2014/09/3036091-inline-s-0-the-next-big-thing-in-responsive-design.png
 - http://stackoverflow.com/questions/20862563/responsive-printing
 - http://colm.be/blog/index.php/posts/lessons-web-type
 - http://www.fastcolabs.com/3020038/designing-software-and-hardware-at-once