Dans les #CSS Text Level 4, il y a l’alignement vertical (dans des tableaux) selon un caractère (la virgule ou le point des nombres décimaux par exemple):
▻https://www.w3.org/TR/css-text-4/#character-alignment
text-align: "." center
Dans les #CSS Text Level 4, il y a l’alignement vertical (dans des tableaux) selon un caractère (la virgule ou le point des nombres décimaux par exemple):
▻https://www.w3.org/TR/css-text-4/#character-alignment
text-align: "." center
HTML Sectioning Elements : ARIA Landmarks Example
▻https://www.w3.org/TR/wai-aria-practices/examples/landmarks/HTML5.html
Correspondance des attributs HTML « role » avec les balises de sectionnement (main, nav, header, footer, aside)
Je pense que je vais jouer avec A-Frame :
►https://aframe.io
Et donc @fil l’année dernière :
▻https://seenthis.net/messages/778672
RDF — Interesting & useful tools
▻https://www.w3.org/RDF/#All_relevant_tools #rdf #tools
« FRED from STLab of ISTC-CNR is a web service that automatically extracts rich and highly connected linked data from a text: events, participants, roles, relations, taxonomies, entailments, linking to DBpedia, WordNet, VerbNet, schema.org, as well as NIF- and Earmark-compatible text span annotations. »
▻https://www.w3.org/2001/sw/wiki/FRED #knowledge #graph #text #extraction
A refresher: « N-Triples RDF Format »
▻https://www.w3.org/TR/rdf-testcases/#ntriples #rdf #notation
A refresher: « Primer — Getting into RDF & Semantic Web using N3 »
▻https://www.w3.org/2000/10/swap/Primer.html #n3 #rdf #notation
Chrome, Safari et d’autres navigateurs ne vont plus permettre de désactiver l’audit de lien, qui permet de suivre les clics sur les liens de sites
▻https://www.developpez.com/actu/255113/Chrome-Safari-et-d-autres-navigateurs-ne-vont-plus-permettre-de-desactiv
L’article original : ▻https://lapcatsoftware.com/articles/Safari-link-tracking.html
L’audit de lien dont il est question ici est l’attribut « ping » des balises « a » (= lien hypertexte) qui entraîne un POST tout à fait irrespectueux de la vie privée sur l’URL donnée dans la valeur de l’attribut : cf la doc de cet attribut sur MDN : ▻https://developer.mozilla.org/fr/docs/Web/HTML/Element/a#attr-ping qui précise bien :
Cet attribut est généralement utilisé pour tracer un utilisateur.
Cet attribut a été introduit par la version 5.3 de HTML5 : cf ▻https://www.w3.org/TR/html53/links.html#sec-hyperlink-auditing
A noter un début de discussion remettant en cause la pertinence technique du mécanisme utilisé qui pose clairement ses enjeux pour le W3C :
Hyperlink auditing is important because advertising and referral-based user tracking are two of the primary means of generating revenue via Web sites. However, by its very nature, such tracking must be comprehensive, accurate, and unavoidable by a typical user or it simply won’t be relied upon by site owners and advertisers.
(cf le premier message de ▻https://lists.w3.org/Archives/Public/public-html/2009Dec/thread.html#msg183)
...ce qui donne un exemple typique des intérêts et de la partialité du W3C dans la fabrication des standards du web !
#navigateur #vie_privée #ping #hyperlink-auditing #html5 #w3c #standard #lobby
Guide to Web Authentication
▻https://webauthn.guide
The Web Authentication API (also known as WebAuthn) is a specification written by the W3C and FIDO, with the participation of Google, Mozilla, Microsoft, Yubico, and others. The API allows servers to register and authenticate users using public key cryptography instead of a password.
Système d’authentification basé sur une clé publique/privée et non plus sur un mot de passe (enfin !). Reste quand même le problème du stockage de la clé privée et son transfert entre les différents terminaux d’un utilisateur...
Prévu pour permettre la fédération d’identité côté utilisateur, c’est potentiellement le futur pour l’authentification web (?) Reste à savoir si les grandes plate-forme et les utilisateurs vont s’en emparer ou si ça ne sera qu’une tentative de plus (comme le moribond OpenID par ex)...
Voir aussi :
– la doc de l’API sur MDN (en anglais) : ▻https://developer.mozilla.org/en-US/docs/Web/API/Web_Authentication_API
– une démo jouable (POC) avec code source et débogueur : ▻https://webauthn.org
– une implémentation javascript + node.js : ▻https://github.com/fido-alliance/webauthn-demo avec un explication détaillée : ▻https://slides.com/fidoalliance/jan-2018-fido-seminar-webauthn-tutorial#/25
– la recommandation du W3C : ▻https://www.w3.org/TR/webauthn
– la compatibilité des navigateurs : ▻https://www.caniuse.com/#feat=webauthn
#WebAuthn #authentification #API #openid #SPIP #web_dev #auth
Introduction – SVG 1.1 (Second Edition)
▻https://www.w3.org/TR/SVG/intro.html#MIMEType
mime-type pour les SVG et autres spécifications
et un outil pour tester l’en-tête envoyé par un serveur : ▻http://planetsvg.com/tools/mime.php
The original proposal of the WWW
▻https://www.w3.org/History/1989/proposal.html
"This document was an attempt to persuade CERN management that a global hypertext system was in CERN’s interests. Note that the only name I had for it at this time was “Mesh” — I decided on “World Wide Web” when writing the code in 1990."
#www_Web_WorldWideWeb_TimBernersLee_origin_history_clevermarks
Le Web est mort, et sa grand-mère aussi - Libération
▻http://www.liberation.fr/debats/2018/01/26/le-web-est-mort-et-sa-grand-mere-aussi_1625174
Mary Lee Berners-Lee, #pionnière de l’informatique et mère de Tim Berners-Lee, s’est éteinte fin 2017. Au même moment étaient enterrées les promesses d’un Web pensé à l’origine pour être avant tout un « commun ».
29 Novembre 2017. Aujourd’hui, grand-mère est morte.
Elle avait 93 ans et était née Mary Lee Woods. Son histoire est peu connue et mériterait de l’être bien davantage. Pionnière de la programmation informatique, #militante osant réclamer – et obtenir ! – auprès de son employeur le même salaire pour les femmes que pour les hommes vingt ans avant que la loi sur l’égalité salariale soit votée au Royaume-Uni.
#historicisation #femme
#Mary_Lee_Berners-Lee
#internet
►https://www.theguardian.com/technology/2018/jan/23/mary-lee-berners-lee-obituary
Web History Primer
▻https://www.w3.org/2012/08/history-of-the-web/origins.htm
6.1 Introduction
In 1948, Manchester University invented the stored program computer, the Baby. This was followed by the Manchester Mark 1 in 1949 and a commercial version of that was produced as the Ferranti Mark 1. Mary Lee and Conway Berners-Lee both worked on developing the Ferranti Mark 1 and in 1955 Tim Berners-Lee was born. Figure 6.1 shows Conway in 1999 (second from right) with some others who worked on the early Ferranti machines. The first Ferranti machine went to Manchester University in 1951 with Mary setting it up, probably making her the first commercial programmer. Nine systems were sold.
Conway Berners-Lee
Ferranti Mark 1
Webmention
▻https://www.w3.org/TR/webmention
“Webmention is a simple way to notify any URL when you mention it on your site. From the receiver’s perspective, it’s a way to request notifications when other sites mention it.”
URLs are UI
▻https://www.hanselman.com/blog/URLsAreUI.aspx
“Make it a priority that your website supports shareable URLs.”
Les instincts d’hier deviennent les bonnes pratiques de demain. Dommage de devoir en passer par là.
Ce sont de bonnes pratiques depuis déjà longtemps, en fait. Typiquement, le Cool URIs don’t change de Tim Berners Lee en 1998 : ▻https://www.w3.org/Provider/Style/URI
Je suis retombé sur un document synthétique de google à ce sujet
►https://developers.google.com/web/progressive-web-apps
@booz ▻https://seenthis.net/messages/523608
@klaus ▻https://seenthis.net/messages/523013
Dommage qu’ils n’aient pas mis le caractère « linkable » des PWA dans cette page d’intro.
C’est heureusement dans la checklist : ▻https://developers.google.com/web/progressive-web-apps/checklist#each-page-has-a-url
#wai-ARIA Authoring Practices 1.1
▻https://www.w3.org/TR/wai-aria-practices-1.1
#aria #accessibilité #a11y #html
Annotation is now a web standard – Hypothesis
▻https://hypothes.is/blog/annotation-is-now-a-web-standard
The W3C architecture provides for a model where annotations live separately from documents and are reunited and reanchored in real-time whenever the relevant document is present.
Nick Stenning, whose open source, AnnotatorJS, became the most widely adopted early implementation of a client server annotation architecture.
Ça inspire @seenthis ? Y’a des similitudes tout de même.
@sandburg héhé, j’ai hésité à le noter dans mon post :p, mais oui, pas mal de choses m’ont fait penser à #seenthis :
Individuals or special-interest communities can even host their own annotation services.
[...]
Web annotations are ideally seen in the context of their target content, but annotation services can offer a view of each annotation alone or in a collection or stream (as with services like Reddit, Twitter, or Facebook). Readers can do faceted searches that span multiple annotated sites, for specific topics or hashtags, for content from a particular person, or more tasks that would be difficult with siloed site-specific comment systems.
[...]
When someone finds an annotation that they like (or dislike), they can share it with others, by sharing the annotation’s unique permalink, republishing the annotation, or annotating the annotation with their own content; even “up-voting” or tagging an annotation is an act of annotation and sharing.
@b_b
Avec le temps, je commence à sentir les limites de seenthis, alors ce type d’article montre un peu la voie :
- Pas de serveur distribué (donc personne ne peut héberger son Seenthis, relié au reste)
- Pas de compatibilité forte avec *Diaspora (lier les 2 réseaux, c’est à dire en gros, les intriquer et laisser la différence sur les apparences : skin+réglages seenthis ou skin+réglages diaspora)
- Pas de rattachement aux standards en cours ou en devenir (comme l’article cité les présente)
- Super outil, mais personne n’en parle…
Le gros gros PLUS de seenthis, c’est quand même de ne pas avoir de zone privée. Car cela entraîne un truc vachement à contre courant : ça oblige les utilisateurs à aller voir ailleurs pour plus de confidentialité.
Ça éduque à la protection de l’information.
Bon après, qu’on soit une majorité de radicaux d’extrême gauche, je ne sais pas si c’est un plus, car ce n’est pas le fait de l’outil.
En gros, imaginez si l’année prochaine Seenthis était présenté au FOSDEM. À quoi ressemblerait la présentation ? Quelles seraient les premières questions ?
Mais justement Seenthis, avant d’être tel outil technique, est avant tout un réseau social précis avec tels gens précis dedans (ce qui ne veut pas dire qu’il n’est que ça, mais c’est en premier lieu ça)
CSS Grid Layout arrive, préparez-vous ! – La Tête dans le Flux
▻https://blog.goetter.fr/2016/11/30/css-grid-layout-arrive-preparez-vous/comment-page-1/#comment-616
En résumé :
Grid Layout est un module de positionnement parfait pour construire ses templates et ses grilles, bref l’architecture globale de la page
Flexbox est parfait pour les composants qui constituent l’intérieur de nos gabarits : navigations, sliders, fiches produits, etc.
L’idée serait de pouvoir se passer de bootstrap pour gérer les grilles dans les pages HTML...
Voir aussi :
– comparatif de toutes les possibilités pour des grilles en CSS : float, inline-block, table-cell, columns, flexbox, grid ▻https://blog.goetter.fr/2014/10/27/le-point-sur-les-grilles-en-css
Grid layout :
– le positionnement par grid layout : ▻http://www.alsacreations.com/article/lire/1388-css3-grid-layout.html
– le site de référence pour grid layout, page des exemples : ►http://gridbyexample.com/examples
– des exemples avancés d’utilisation de grid layout : ▻https://blog.goetter.fr/2016/01/02/grid-layout-vers-la-grille-parfaite
– une sélection de références par le gourou d’Alsacréation : ▻https://www.alsacreations.com/astuce/lire/1739-CSS-Grid-Layout-les-ressources-indispensables-pour-apprendre.htm
– plein d’exemples de layout basés sur grid : ►https://gridbyexample.com/examples
– l’outil de développement de Firefox spécialisé pour l’inspection des grilles : ►https://www.mozilla.org/en-US/developer/css-grid
Flexbox :
– revue exhaustive des caractéristiques de flex : ▻https://chriswrightdesign.com/experiments/flexbox-adventures
– une présentation complète et progressive de flexbox : ▻https://la-cascade.io/flexbox-guide-complet
– exploration des possibilités de CSS flexbox (flex, flex-item, order...) : ►http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
– un générateur de code pour les propriétés flex : ▻http://the-echoplex.net/flexyboxes
– des exemples de grilles en flex : ►https://philipwalton.github.io/solved-by-flexbox
Et pour la norme :
– Flexible box : ▻https://www.w3.org/TR/css-flexbox-1
– Grid layout : ▻https://www.w3.org/TR/css-grid-1
#css, #flex, #flexbox, #grid, #grid_layout, #grille #bootstrap
Common idioms without dedicated HTML elements
▻https://www.w3.org/TR/html5/common-idioms.html#common-idioms
#breadcrumb_tagscloud_discussion_footnotes_clevermarks
Ah oui, je suis toujours emmerdée pour les sous-titres et les dialogues !
#html #tag #web_design
Accessible UI Components List – Frameworks, Snippets, Themes, and Widgets for a Better Web
▻https://www.w3.org/blog/wai-components-gallery
“The World Wide Web Consortium (#W3C) convened its first workshop on #blockchains on 29–30 June 2016 at the MIT Media Lab in Cambridge, Massachusetts, sponsored by NTT and Blockstream, with additional funding from other W3C Members.
This workshop was an initial investigation into the technology around blockchains (or decentralized ledgers), to explore whether any aspects of blockchains were ripe for #standardization. The workshop focused on aspects not related to payments, a topic belonging to W3C’s existing Web Payments activity, but instead on basic infrastructure for enabling and benefiting from blockchains in a Web-facing context.
If you’re interested in participating in blockchain incubation and discussion at W3C, you can join the W3C Blockchain Community Group. If you’d like to continue the conversation about this or future W3C blockchain workshops, you can subscribe to the public-blockchain-workshop mailing list.”