ERG::flexstructureprint - Historique des versions

Dorian : /* Installation */

2019-05-12T16:06:47Z

Installation

Dorian : /* Thèmes CSS */

2019-05-12T16:01:35Z

Thèmes CSS

Dorian : /* Flex Structure Print */

2019-05-12T15:55:49Z

Flex Structure Print

Dorian : /* Design en CSS */

2019-05-12T15:29:03Z

Design en CSS

Dorian : /* Design de l'impression */

2019-05-12T15:10:07Z

Design de l'impression

Dorian : /* Flexbox */

2019-05-12T15:06:48Z

Flexbox

Dorian : /* Flexbox */

2019-05-12T15:03:29Z

Flexbox

Dorian : /* Flexbox */

2019-05-12T15:03:00Z

Flexbox

Dorian : /* Flexbox */

2019-05-12T15:01:10Z

Flexbox

Dorian : /* Arbre dossiers/fichiers en arbre HTML */

2019-05-12T14:54:22Z

Arbre dossiers/fichiers en arbre HTML

@@ Ligne 117 : / Ligne 117 : @@
 [[Fichier: desktop_astro_little.jpg]]
-==Installation==
+==Suite du projet==
-être a une table, la personne donne sa clé et on rend l'impression.
+* Faire un total de 5,6 thèmes. Idées: forêt, papier, nuage, minimal ?
-Difficulté: forcé le css a imprimer le contenu en 1 seule page
-difficultées technique: ...
+* Difficulté: certain éléments (comme la typo: 'pt' ou les éléments relatif à la typo: 'em') ne semble pas pouvoir être réduit en dessous d'une certaine taille... Comment s'assurer que le poster se met bien en page pour un A3? Peut-être utiliser du javascript qui re-scale l'entièreté du document?

@@ Ligne 104 : / Ligne 104 : @@
 Exemples de thèmes:
 [[Fichier: Maxmax_brick_little.jpg]]
 [[Fichier: Maxmax_water_little.jpg]]
 ==Installation==

@@ Ligne 76 : / Ligne 76 : @@
 De plus, l'outil parle de nouveau de lui-même et m'évite de devoir faire moi-même de 'réels choix' quand à la représentation de cette structure.
-==Design en CSS==
+==Thèmes CSS==
 On a donc des boites imbriqués les unes dans les autres visuellement, agencé sur la page par Flexbox, et représentant la structure dossier-fichiers de la clé usb.
@@ Ligne 102 : / Ligne 102 : @@
 D'un côté la structure d'arborescence parle du comment l'utilisateur_trice agence ses données, s'organise et de son utilisation quotidienne de son objet clé usb.
 De l'autre l’esthétique choisie se veut comme une pseudo-cosmogonie, un imaginaire, une astrologie, de comment cette utilisateur_trice se représente cette structure.
 ==Installation==

@@ Ligne 78 : / Ligne 78 : @@
 ==Design en CSS==
-On a donc des boites imbriqués les unes dans les autres visuellement, représentant la structure dossier-fichiers de la clé usb.
+On a donc des boites imbriqués les unes dans les autres visuellement, agencé sur la page par Flexbox, et représentant la structure dossier-fichiers de la clé usb.
 Ces boites peuvent toujours prendre l'apparence qu'on souhaite en changeant le code CSS de notre page.
-Pour forcer une cohérence de présentation et refléter au maximum la structure pré-existante on se limite à seulement deux classes CSS: .folder et .files.
+J'ai ensuite décidé de créer plusieurs thèmes .CSS possibles pour ces deux classes, m'échappant de cette notion d'automatisme et devenant quelque chose de beaucoup plus sensible.Si le passage de l'arbre de dossier-fichier à une structure visuel bidimensionnel est direct, l'esthétique de cette structure est sujet à interprétation.
-Le nom des fichier est utiliser
+Ces thèmes sont à l'image des thèmes custom/amateurs des vieux sites web: des couleurs vives, s'inspirant de choses connues ou de palette naturelle mais simplifiées, essayant de provoquer une forte impression graphique tout en étant minimal dans l'utilisation de procédés.
-différent thèmes sont construit (fichier css différents) afin de jouer sur la façon dont on se représente nos données.
+Cela crée un jeu sur la façon dont on se représente nos données mentalement.
-Entre la cosmogonie et les thèmes kitsch des vieux sites web
+C'est à l'utilisateur_trice de la clé usb de choisir le thème parmis les possibilité pour l'impression de son poster final.
 ==Installation==

@@ Ligne 76 : / Ligne 76 : @@
 De plus, l'outil parle de nouveau de lui-même et m'évite de devoir faire moi-même de 'réels choix' quand à la représentation de cette structure.
-==Design de l'impression==
+==Design en CSS==
-l'apparence de cette page hmtl peut changer via le css
+On a donc des boites imbriqués les unes dans les autres visuellement, représentant la structure dossier-fichiers de la clé usb.
-pour forcer une cohérence de présentation et refleter au maximum la structure pré-existante on se limite a deux classes css: .folder et .files.
+Ces boites peuvent toujours prendre l'apparence qu'on souhaite en changeant le code CSS de notre page.
 Le nom des fichier est utiliser

@@ Ligne 63 : / Ligne 63 : @@
 En html et css, il existe de nombreuse possibilités différentes pour agencer les éléments sur la page: en définissant des marges, en magnétisant des éléments ou non, en changeant leurs formes de displays, etc.
-En continuant sur cette idée d'automatisme, je me suis intéressé au flexbox.
+En continuant sur cette idée d'automatisme, et je me suis intéressé au flexbox.
 Flexbox est une option de display pour un élément html, spécifiquement conçue pour un contenus dynamique, dont on ne connait pas forcément la taille, ou pour s'adapter à une taille limite particulière.
@@ Ligne 72 : / Ligne 72 : @@
 ''The main idea behind the flex layout is to give the container the ability to alter its items' width/height (and order) to best fill the available space (mostly to accommodate to all kind of display devices and screen sizes). A flex container expands items to fill available free space, or shrinks them to prevent overflow."''
 ==Design de l'impression==

@@ Ligne 69 : / Ligne 69 : @@
 Comme précisé sur ce [https://css-tricks.com/snippets/css/a-guide-to-flexbox/ guide d'utilisation des flexbox]:
-''"The Flexbox Layout module aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word "flex").
+''"The Flexbox Layout module aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word "flex").''
-The main idea behind the flex layout is to give the container the ability to alter its items' width/height (and order) to best fill the available space (mostly to accommodate to all kind of display devices and screen sizes). A flex container expands items to fill available free space, or shrinks them to prevent overflow."''
+''The main idea behind the flex layout is to give the container the ability to alter its items' width/height (and order) to best fill the available space (mostly to accommodate to all kind of display devices and screen sizes). A flex container expands items to fill available free space, or shrinks them to prevent overflow."''
 ==Design de l'impression==

@@ Ligne 62 : / Ligne 62 : @@
 == Flexbox ==
-comment les agencers dans l'espace d'une page html ?
+En html et css, il existe de nombreuse possibilités différentes pour agencer les éléments sur la page: en définissant des marges, en magnétisant des éléments ou non, en changeant leurs formes de displays, etc.
 ==Design de l'impression==

@@ Ligne 57 : / Ligne 57 : @@
      ?>
 </syntaxhighlight>
 == Flexbox ==

ERG::flexstructureprint - Historique des versions

Dorian : /* Installation */

Dorian : /* Thèmes CSS */

Dorian : /* Flex Structure Print */

Dorian : /* Design en CSS */

Dorian : /* Design de l'impression */

Dorian : /* Flexbox */

Dorian : /* Flexbox */

Dorian : /* Flexbox */

Dorian : /* Flexbox */

Dorian : /* Arbre dossiers/fichiers en arbre HTML */

Dorian : /* Installation */

Dorian : /* Thèmes CSS */

Dorian : /* Flex Structure Print */

Dorian : /* Design en CSS */

Dorian : /* Design de l'impression */

Dorian : /* Flexbox */

Dorian : /* Flexbox */

Dorian : /* Flexbox */

Dorian : /* Flexbox */

Dorian : /* Arbre dossiers/fichiers en arbre HTML */