-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathART-Revue_de_presse2.html
317 lines (315 loc) · 11.8 KB
/
ART-Revue_de_presse2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<title>Dre Drey Le blog</title>
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&family=Walter+Turncoat&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div class="root-content">
<div class="header">
<div class="navigation">
<div class="titre">
<h1><a href="Projets.html">⦗Projets⦘</a></h1>
</div>
<div class="logo">
<a href="index.html">
<img
src="Pictures/Screen Shot 2022-12-08 at 13.53.42.png"
alt="logo
pinguin qui code"
margin="25px"
/>
<img class="mug" src="./Pictures/mug.png" />
</a>
</div>
<div class="blog">
<h1><a href="Blog.html">⦗Le blog ⦘</a></h1>
</div>
</div>
</div>
<h2>La revue de presse de la rentrée</h2>
<div class="infos">
<div class="date">17 octobre 2022</div>
<div class="hashtag">#revuedepresse #code</div>
</div>
<div class="chapeau">
<p>
<i
>Dans les lectures de cette rentrée, il y a beaucoup de choses
techniques, puisque j'ai enfin commencé ma formation. Je ne
détaillerai pas ici les innombrables ressources que j'ai ingérées
ces deux dernières semaines, car elles sont beaucoup trop nombreuses
et seront résumées dans un article "bac à sable : le bilan". Par
contre, je me suis mise au défi, en parallèle de ma rentrée, de
rendre ce blog responsive. J'adresse déjà mes excuses aux personnes
qui consultent cette page sur mobile : le work est encore in
progress, et comme d'habitude quand je me lance dans un challenge,
je me perds sur beaucoup d'autres choses en chemin. Voici donc une
sélection des ressources croisées au fil de ces recherches.</i
>
</p>
</div>
<hr />
<div class="article">
<p>
Préambule : la revue de presse est une sélection des lectures faites
sur un temps donné, classée par thématiques. Aucun jugement ni aucun
avis, certaines sont mieux que d'autres, certaines sont plus utiles.
</p>
<figure>
<img
src="Pictures/DALL·E 2022-10-21 15.09.44 - a fish typing a lot of text, surrounded by flowers, digital art.png"
alt="a fish typing a lot of text, surrounded by flowers, digital art"
/>
<figcaption>
Un poisson qui écrit, entouré de fleurs. Image générée par DallE, le
21 octobre 2022.
</figcaption>
</figure>
<div class="sous_titre">
<h3>Design et responsive</h3>
<p>
En mise en bouche : <i>media queeries</i>, patterns et hauteur de
ligne.
</p>
</div>
<div class="reference">
<p>
<a
target="_blank"
href="https://www.w3schools.com/css/css_rwd_intro.asp"
>Responsive web design - Introduction</a
>
</p>
</div>
<div class="info-reference"><p>W3School</p></div>
<div class="reference">
<p>
<a
target="_blank"
href="https://zellwk.com/blog/why-vertical-rhythms/"
>Why is vertical rythm an important typography practice ?</a
>
</p>
</div>
<div class="info-reference"><p>Zell - 24 février 2016</p></div>
<div class="citation">
<p>
<span class="guillemet"> ❝</span>One day, it struck me that I
haven’t had a clue why vertical rhythm was important. Two more
questions quickly arose following that thought: “How does Vertical
Rhythm improve the design of the site? What lessons can I draw from
Vertical Rhythm so I can improve my design? "
</p>
</div>
<div class="reference">
<p>
<a
target="_blank"
href="https://twitter.com/danqing_liu/status/1576997489529344001"
>10 practical tips for improving your text layout</a
>
</p>
</div>
<div class="info-reference">
<p>Dan Glow - tweet du 3 octobre 2022</p>
</div>
<div class="citation">
<p>
<span class="guillemet"> ❝</span>Design is hard. But I've
come to realize that laying out texts properly is 80% of what makes
something look clean, and is the easiest thing you can do to make
your design much nicer and more usable. "
</p>
</div>
<div class="reference">
<p>
<a
target="_blank"
href="https://web.dev/new-patterns-for-amazing-apps/?utm_source=tldrnewsletter"
>New patterns for amazing apps</a
>
</p>
</div>
<div class="info-reference">
<p>Thomas Steiner - 10 octobre 2022</p>
</div>
<div class="citation">
<p>
<span class="guillemet"> ❝</span>No matter what you build—be
it a next generation video editing app, an addictive word game, or a
future online social networking app—you will always find yourself in
need of a few basic building blocks. "
</p>
</div>
<figure>
<img
src="Pictures/DALL·E 2022-10-21 15.11.45 - computer scrap yard, digital art.png"
alt="computer scrap yard, digital art"
/>
<figcaption>
La casse des ordinateurs. Image générée par DallE, le 21 octobre
2022.
</figcaption>
</figure>
<div class="sous_titre">
<h3>De la prospective</h3>
<p>En plat principal : où va le web, l'open source, ma vie...</p>
</div>
<div class="reference">
<p>
<a
target="_blank"
href="https://www.epicweb.dev/the-webs-next-transition"
>The web's next transition</a
>
</p>
</div>
<div class="info-reference">
<p>Ken Dodds - 21 octobre 2022</p>
</div>
<div class="citation">
<p>
<span class="guillemet"> ❝</span>As the web has evolved, so
too has the architecture for the development of these applications.
There are many core architectures for building applications for the
web these days. The most popular architecture employed by web
developers today is the Single Page App (SPA), but
<i>we are transitioning</i> to a new and improved architecture for
building web applications. "
</p>
</div>
<div class="reference">
<p>
<a
target="_blank"
href="https://levelup.gitconnected.com/the-end-of-programming-6e3f7ff0d8b4"
>The End of Programming</a
>
</p>
</div>
<div class="info-reference">
<p>Matt Welsh - 5 octobre 2022</p>
</div>
<div class="citation">
<p>
<span class="guillemet"> ❝</span>I believe that the
conventional idea of “writing a program” is headed for extinction,
and indeed, for all but very specialized applications, most
software, as we know it, will be replaced by AI systems that are
<i>trained</i> rather than <i>programmed</i>. "
</p>
</div>
<div class="reference">
<p>
<a
target="_blank"
href="https://matt.life/writing/the-asymmetry-of-open-source?utm_source=tldrnewsletter"
>The Asymmetry of Open Source</a
>
</p>
</div>
<div class="info-reference">
<p>Matt Holt - 22 décembre 2021</p>
</div>
<div class="citation">
<p>
<span class="guillemet"> ❝</span
><i
>Users need open source projects, but open source projects do not
need users.</i
>
That asymmetry is, I believe, at the crux of the open source
sustainability problem. "
</p>
</div>
<figure>
<img
src="Pictures/DALL·E 2022-10-21 15.16.27 - superwoman listening to music digital art.png"
alt="superwoman listening to music digital art"
/>
<figcaption>
Superwoman écoutant sa playlist préférée. Image générée par DallE,
le 21 octobre 2022.
</figcaption>
</figure>
<div class="sous_titre">
<h3>En bonus</h3>
<p>
En dessert et pour la route quelques conseils et les multiples
possibilités artistiques des IA.
</p>
</div>
<div class="reference">
<p>
<a
target="_blank"
href="https://adamj.eu/tech/2022/06/17/mike-actons-expectations-of-professional-software-engineers/?utm_source=tldrnewsletter"
>Mike Acton's Expectations of Professional Software Engineers</a
>
</p>
</div>
<div class="info-reference">
<p>Adam Johnson - 17 juin 2022</p>
</div>
<div class="citation">
<p>
<span class="guillemet"> ❝</span>Games industry veteran Mike
Acton rattled off a sample of 50 things he expects of developers he
works with. "
</p>
</div>
<div class="reference">
<p>
<a
target="_blank"
href="https://www.letemps.ch/culture/images-grace-lia-architectes-creaient-vetements?utm_source=twitter&utm_medium=social&utm_campaign=article_traffic"
>En images grâce à l'IA : et si les architectes créaient des
vêtements...</a
>
</p>
</div>
<div class="info-reference">
<p>Rinny Gremaud - 21 octobre 2022</p>
</div>
<div class="citation">
<p>
<span class="guillemet"> ❝</span>Les logiciels de génération
d’images adossés à l’intelligence artificielle (IA) sont capables
d’inventer des objets en leur attribuant n’importe quel style. Nous
leur avons demandé de s’inspirer de grands noms de l’architecture et
du design pour imaginer ce vestiaire impossible."
</p>
</div>
<div class="reference">
<p>
<a
target="_blank"
href="https://twitter.com/shiropen2/status/1582949233887694848"
>Mubert AI : from text to music</a
>
</p>
</div>
<div class="info-reference">
<p>Mubert - tweet du 20 octobre 2022</p>
</div>
<div class="citation">
<p>
<span class="guillemet"> ❝</span>We’re glad to present you
our new Text-to-Music demo interface. Now as a Google Colab, and
soon we’ll add this feature as a simple form on our website. This
has already gone viral, so the community has questions about how
everything works. "
</p>
</div>
</div>
</div>
</body>
</html>