Ét.Nadji.fr/

Du code, des mots, des livres.

Étiquette : CSS

🔓 All you need to know about hyphenation in CSS

http://clagnut.com/blog/2395

Permalien

2019-08-15

HTML can do that ?

https://dev.to/ananyaneogi/html-can-do-that-c0n

Permalien

2019-07-22

Au doigt et à l’œil

https://arthurperret.fr/2019/07/18/au-doigt-et-a-l-oeil/

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

🔓 Les CSS print

http://arts-numeriques.codedrops.net/-Les-CSS-print-

Permalien

2019-07-02

CSS : n'oubliez pas l'impression papier!

https://la-cascade.io/css-noubliez-pas-limpression-papier/

« Il est important d'optimiser nos pages web pour l'impression papier si nous souhaitons que nos sites soient le plus accessibles possible, quel que soit le medium. Nous ne devrions pas faire trop de suppositions quant à nos utilisateurs et à leur comportement. Les gens continuent d'imprimer les pages web. Pensez par exemple aux articles de journaux ou de blogs, aux recettes de cuisine, aux informations de contact, aux plans, aux sites immobiliers… Quelqu'un quelque part essaiera un jour d'imprimer une de vos pages. »
Sur Firefox, en console dev (Maj F2) : media emulate print

Permalien

Weasyprint

https://weasyprint.org/

Permalien

🔓 Quelques balises (HTML) peu utilisées

http://pingouindesalpes.com/hugo/post/balises/

Permalien

2019-04-20

Using CSS Grid the right way

https://vgpena.github.io/using-css-grid-the-right-way/

Permalien

2019-02-25

How A Screen Reader User Accesses The Web: A Smashing Video

https://www.smashingmagazine.com/2019/02/accessibility-webinar/

Permalien

Use the :lang pseudo-class over the lang attribute selector for language-specific styles

https://bitsofco.de/use-the-lang-pseudo-class-over-the-lang-attribute-for-language-specific-styles/

Permalien

2019-02-23

Du PDF avec les technologies du Web

https://www.quaternum.net/2018/05/04/du-pdf-avec-les-technologies-du-web/

Mouais, mais pour les documents vraiment structurés, XML > HTML

Permalien

2018-05-17

🔓 We Write CSS Like We Did in the 90s, and Yes, It’s Silly

http://alistapart.com/article/we-write-css-like-we-did-in-the-90s-and-yes-its-silly

Permalien

2018-03-17

🔓 Learning from Lego: A Step Forward in Modular Web Design

http://alistapart.com/article/learning-from-lego-a-step-forward-in-modular-web-design

Permalien

2016-12-27

🔓 Printing a Book with CSS: Boom!

http://alistapart.com/article/boom

« HTML and CSS, two of our favorite acronyms, are normally associated with web pages. And deservedly so: HTML is the dominant document format on the web and CSS is used to style most HTML pages. But, are they suitable for off-screen use? Can CSS be used for serious print jobs? To find out, we decided to take the ultimate challenge: to produce the next edition of our book directly from HTML and CSS files. In this article we sketch our solution and quote from the style sheet used. Towards the end we describe the book microformat (boom!) we developed in the process. »

Permalien

Designing For Print With CSS

https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/

Permalien

I totally forgot about print style sheets

https://uxdesign.cc/i-totally-forgot-about-print-style-sheets-f1e6604cfd6#.7dbbrhg5x

Permalien

🔓 Multicolonnage en HTML5 et CSS3

http://pingouindesalpes.com/index.php?article185/multicolonnage-en-html5-et-css3

Permalien

2016-11-23

The Blitz’ [ebook framework] introductory tutorial

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

Permalien

🔓 WTF, HTML and CSS?

http://wtfhtmlcss.com/

Permalien

2016-10-02

A CSS API for eBooks

https://medium.com/@jiminypan/a-css-api-for-ebooks-df469a347c0c

Permalien

2016-06-21

🔓 Pourquoi il n'aurait pas du arrêter d'utiliser CSS

http://www.glazman.org/weblog/dotclear/index.php?post/2016/06/18/Pourquoi-il-n-aurait-pas-du-arrêter-d-utiliser-CSS

Permalien

2016-06-21

🔓 Les citations dans des bulles

http://pingouindesalpes.com/index.php?article167/les-citations-dans-des-bulles

Permalien

2016-01-17

🔓 Can I use... Support tables for HTML5, CSS3, etc

http://caniuse.com/

Permalien

2015-05-02