Ét.Nadji.fr/

Du code, des mots, des livres.

Étiquette : Conception

Computers and Creativity

https://www.mollymielke.com/cc

Via Arthur Perret.

🔗 Permalien

On the design of text editors

https://arxiv.org/abs/2008.06030

Via Arthur Perret / Inachevé d’imprimer.

🔗 Permalien

Future of Text

https://www.arthurperret.fr/veille/future-of-text.html

Le livre (DOI).
Si vous voulez lire au format numérique, prenez plutôt l’EPUB, le PDF étant plutôt fatigant à lire.
Les contributions sont listées dans la TDM par leurs auteurs, ce qui se défend, mais que je ne trouve pas simple à picorer.
Bref, je râle, mais c’est intéressant.

🔗 Permalien

Système de conception de l’État [français]

https://systeme-de-design.gouv.fr/

🔗 Permalien

Le guide de la fabrication

https://pyramyd-editions.com/collections/nouveautes/products/offre-de-souscription-le-guide-de-la-fabrication

Il a l’air beau, bien et cher – m’enfin c’est habituel pour Pyramyd.

🔗 Permalien

Dracula, un thème de couleurs

https://draculatheme.com/gtk

Assez joli, même si je reste sur du Solarized.

🔗 Permalien

User power, not power users: htop and its design philosophy

https://hisham.hm/2020/12/18/user-power-not-power-users-htop-and-its-design-philosophy/

Un beau billet sur la conception d’un logiciel, et du rapport au savoir de ses utilisateurs. Pour une fois, le concepteur / programmeur du logiciel ne répond pas à une énième question de manière condescendante et élitistee – alors que c’est la gangrène du logiciel libre.

🔗 Permalien

Looking for Marinelli [le créateur du générique de Thalassa, notamment]

https://strabic.fr/Gerard-Marinelli-FR3-Thalassa-television

Flux 🔗 Permalien

Why Is CSS So Weird ?

https://www.youtube.com/watch?v=aHUtMbJw8iA

🔗 Permalien

Comment sont construites les pages d’accueil des sites d’actualité

https://www.observatoiredesmedias.com/2020/11/30/comment-sont-construites-les-pages-daccueil-des-sites-dactualite/

🔗 Permalien

Don't design for mobile

https://mattanddesign.com/dont-design-for-mobile/

🔗 Permalien

Libre Graphics Meeting 2020 : 27-29 mai

https://libregraphicsmeeting.org/2020/fr/index.html

🔗 Permalien

Rubrication Design Examples

https://www.gwern.net/Red

🔗 Permalien

Au doigt et à l’œil

https://www.arthurperret.fr/au-doigt-et-a-l-oeil.html

Billet qui répond à celui-ci, également dans mon agrégateur.
« Tiens, justement : lecteur ou lectrice de ce blog, je vous invite à regarder ce que devient un appel de notes comme celui-ciDont le contenu est à caractère purement démonstratif.lorsque vous visitez cette page sur votre téléphone—ou bien en réduisant la fenêtre de votre navigateur au point d’en simuler les dimensions. La note de marge ne s’affiche plus spontanément, il faut cliquer sur le petit appel chiffré : merveille de la CSS Tufte, le texte s’entrouvre alors comme si vous écartiez discrètement les persiennes pour jeter un coup d’œil à ce qui se cache derrière… »
Quoi que le style Tufte soit effectivement acceptable (les goûts, les couleurs…) sur écrans, il y a deux petits problèmes en ce qui concerne l’emploi du texte.
  1. Le premier concerne le copier-coller. Ce qui apparaît en gras dans la citation ci-dessus correspond à la note marginale, appelée dans le paragraphe ; étant dans un span et non un bloc séparé, la note marginale est copiée avec, ce qui n’est pas forcément ce qu’on souhaite.
  2. Le second concerne la référence, non au texte, mais à ses notes. Comment puis-je renvoyer à la note 2 de cet article ? La numérotation de la note est basée sur des compteurs CSS et la règle :before — ce qui est une façon de faire comme une autre. Et qui gagnerait à être conjuguée à une ancre HTML classique.
    Les références bibliographiques ont leurs propres ancres, pourquoi les notes n’en-ont-elles pas ?

🔗 Permalien

Gnome : le poids des icônes

https://aris.papatheodorou.net/gnome-le-poids-des-icones

🔗 Permalien

What UX Designers Can Learn from Video Games' Obsession with UI

https://www.uxbooth.com/articles/what-ux-designers-can-learn-from-video-games-obsession-with-ui/

🔗 Permalien

Joe Schmoe – An illustrated avatar collection

https://joeschmoe.io/

🔗 Permalien

Medium is a poor choice for blogging

https://medium.com/@nikitonsky/medium-is-a-poor-choice-for-blogging-bb0048d19133

« Sure, Medium editor is nice. Typography is good (for English, other languages are not supported). Publishing is free. So the ones who pay for all that are your readers. Basically, you’re selling readers to aggressive Medium self-advertising so that Medium could make laughably small money from a miserable fraction of them. And annoy the hell out of everyone else. »

🔗 Permalien

Pleasing Color Palettes

https://css-tricks.com/re-pleasing-color-palettes/

Outils (malheureusement pas hors-ligne) pour tester des palettes de couleurs, leur contraste, etc.

🔗 Permalien

🔓 An Editor’s View of Digital Publishing

http://blogs.getty.edu/iris/an-editors-view-of-digital-publishing/

🔗 Permalien

Publier des livres avec un générateur de site statique

https://jamstatic.fr/2017/01/23/produire-des-livres-avec-le-statique/

🔗 Permalien

vim-loremipsum: A dummy text generator

https://github.com/vim-scripts/loremipsum

🔗 Permalien

Designing For The Elderly: Ways Older People Use Digital Technology Differently

https://www.smashingmagazine.com/2015/02/designing-digital-technology-for-the-elderly/

« If you work in the tech industry, it’s easy to forget that older people exist. »
Ouch.

🔗 Permalien

In Defense of Font Size Widgets

https://medium.com/alistapart/in-defense-of-font-size-widgets-d9828f9fea92#.a2k8e742o

🔗 Permalien

Du papier millimétré pratique à imprimer

https://yeuxdelibad.net/Blog/?d=2016/12/02/08/35/13-du-papier-millimetre-pratique-a-imprimer

🔗 Permalien

If Satan was a web designer…

https://uxdesign.cc/if-satan-was-a-web-designer-dc5cdf06dff9

🔗 Permalien

The Blitz’ [ebook framework] introductory tutorial

https://medium.com/@jiminypan/blitzintrotutorial-270da9f853c0

🔗 Permalien

Let’s talk about eBook performance

https://medium.com/@jiminypan/lets-talk-about-ebook-performance-801b83745ea4#.tl7owxmj1

🔗 Permalien

2016-09-02

Now for the fun part. – Mozilla Open Design

https://blog.mozilla.org/opendesign/now-for-the-fun-part/

🔗 Permalien

🔓 FontAwesome: ajouter une police d'icônes pour votre site web

http://blog.niqnutn.com/index.php?article18/fontawesome

🔗 Permalien

Bilan de l'#EpubSummit : “L'EPUB au-delà du monde du livre”

https://www.actualitte.com/article/lecture-numerique/bilan-de-l-epubsummit-l-epub-au-dela-du-monde-du-livre/64430

🔗 Permalien

🔓 La mouvance statique - Frank Taillandier

http://frank.taillandier.me/2016/03/08/les-gestionnaires-de-contenu-statique/

🔗 Permalien

🔓 The Fontichist #1

http://jiminy.chapalpanoz.com/fontichist-1/

🔗 Permalien

Des livres sans lettres : points, virgules et tirets, la ponctuation reste

https://www.actualitte.com/article/monde-edition/des-livres-sans-lettres-points-virgules-et-tirets-la-ponctuation-reste/63378

🔗 Permalien

🔓 Malaise du design moderne

http://jiminy.chapalpanoz.com/malaise-animations/

🔗 Permalien

🔓 The Website Obesity Crisis

http://idlewords.com/talks/website_obesity.htm

🔗 Permalien

🔓 La linguistique comme outil de design

http://jiminy.chapalpanoz.com/linguistique-design/

« En allant plus loin, je perçois suffisamment de ponts entre linguistique et design pour envisager la première comme un outil du second. Aussi, je rapprocherais :

la langue écrite au texte (des interfaces), ce qui me semble évident ;
idéogrammes — pensez au chinois ou au japonais — et pictogrammes aux icônes des interfaces ;
l’étude du mot et de la phrase aux éléments conceptuels et graphiques ;
la syntaxe et la sémantique aux principes des langages de conception ;
la cohérence linguistique à la cohérence logicielle ;
les canaux de communication aux nouvelles interfaces (assistants vocaux, intelligence artificielle, etc.).

Il me semble que pour construire un langage et le faire évoluer, pour comprendre comment ses utilisateurs se l’approprient et concevoir en conséquence, la linguistique deviendrait presque un passage obligé. »

🔗 Permalien

This Is What the Internet Looked Like From the ’80s to the Early ’00s

https://upvoted.com/2015/10/17/this-is-what-the-internet-was-like-in-the-80s-to-early-00s/

🔗 Permalien

🔓 Ce que le smartphone change au design eBook

http://jiminy.chapalpanoz.com/smartphone-design-ebook/

Il reste que l’ordinateur est plus polyvalent qu’un mini-ordinateur castré avec une fonction téléphone (bah oui, c’est pas un téléphone intelligent (smartphone), c’est un ordinateur qui téléphone…).

🔗 Permalien

CTAN : Package tex4ebook

https://www.ctan.org/pkg/tex4ebook

🔗 Permalien

La mécanique du texte, un texte d’une rare intelligence par @crouzet

https://tcrouzet.com/la-mecanique-du-texte/

🔗 Permalien

Tu écris, alors questionne tes outils

https://tcrouzet.com/2015/06/30/tu-ecris-alors-questionne-tes-outils/

🔗 Permalien

🔓 Inspiration design : Medium & Pocket

http://jiminy.chapalpanoz.com/inspiration-design-medium-pocket/

🔗 Permalien

PyLaTeX

https://github.com/JelteF/PyLaTeX

Librairie Python pour produire des documents LaTeX. Impressionnant, il faut dire.

🔗 Permalien

🔓 "Brainstorming" vol. 2 : des concepts eBook supplémentaires

http://jiminy.chapalpanoz.com/concepts-ebook-2/

Je peux pas blairer "brainstorming". Déjà parce que c’est chiant à dire. Ensuite parce que ça se remplace bien par « réflexion collective ». Et enfin, parce que les séances de "brainstorming" sont réputées pour ne servir à rien; les bonnes idées nécessitent peut-être parfois du hasard et du chaos − en tout cas, elles demandent du temps, du temps incompressible.

🔗 Permalien

PIXLS.US

https://pixls.us/

🔗 Permalien

🔓 L’icône hamburger

http://www.gnomelibre.fr/2015/05/licone-hamburger/

🔗 Permalien

🔓 Découvrez et téléchargez 13 typographies à hipsters

http://www.aetherconcept.fr/telecharger-13-typographies-hipsters/

🔗 Permalien

🔓 Sous le coude: Vos problèmes de création eBook ?

http://jiminy.chapalpanoz.com/problemes-de-creation-ebook/

🔗 Permalien

🔓 Essentiels : des livres, films et séries pour les designers

http://jiminy.chapalpanoz.com/essentiels-livres-films-series-pour-designers/

🔗 Permalien

🔓 Jan V. White design books

http://www.janvwhite.org/

🔗 Permalien