Commit 33274266 authored by colm's avatar colm

encore du README

avec des rajoutes des notes OSP et l'annonce du Workshop
parent 8f10247c
......@@ -3,6 +3,22 @@
Explorations des possibilités HTML2print durant une semaine de workshop
10 au 13 mars 2015
## à 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
remettre le contenu en avant, a sa place
d abord visser les articulations du texte avant de le deplier sur tel ou tel format
À quels paramètres peut s'accrocher le metteur en page papier sur le web,
quelle part de lâcher prise ?
Jusqu'où peut-on ajuster les réglages typographiques a partir d un langage balisé
Un même contenu est-il adaptable à différents formats papiers?
L'atelier propose d'approcher la mise en forme d'un texte de manière liquide, de débrancher les réflexes de blocs
À 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
<https://github.com/osp/osp.tools.html2print>
......@@ -32,3 +48,28 @@ 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,
http://www.chrstph.com/files/gimgs/25_journal-mural1.jpg
### Responsive design
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://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
- http://stephaniehobson.ca/2012/03/14/print-styles-responsive-design/
- Et le texte flux: http://litteraturing.tumblr.com/page/2#82974741045
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment