#CSS : place-content
▻https://developer.mozilla.org/en-US/docs/Web/CSS/place-content
The place-content CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the align-content and justify-content properties) in a relevant layout system such as Grid or Flexbox.
Ne rigole pas, je découvre donc seulement maintenant cette ligne qui va changer ma vie :
place-content: center
image-orientation - CSS : Cascading Style Sheets | MDN
▻https://developer.mozilla.org/en-US/docs/Web/CSS/image-orientation
propriété CSS 3 pour permettre l’affichage d’une image selon son EXIF ou pas
#image-orientation #EXIF #image #CSS #SPIP
TIL about the optional chaining operator.
The optional chaining operator (?), allows you to read the value of a property located deep in a chain of connected objects without having to check every single reference in the chain.
▻https://blog.gogrow.dev/say-bye-bye-to-bad-javascript-practices-5971688ba80a
« MDN › Hoisting »
▻https://developer.mozilla.org/en-US/docs/Glossary/Hoisting
Les subtilités des déclarations qui sont hoisted (déclarations var et de fonctions) ou non (let, const) durant la phase de compilation.
Using ffmpeg to compress, convert, and resize videos - DEV
▻https://dev.to/benjaminblack/use-ffmpeg-to-compress-and-convert-videos-458l
Réglages de compression mp4 ou webm avec FFMPEG.
Voir aussi :
– discussion sur les différentes options : ▻https://gist.github.com/lukehedger/277d136f68b028e22bed
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
TouchEvent | MDN
▻https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent
La documentation de l’API TouchEvent pour gérer les évènements de type « touch » dans une application web
#TouchEvent #html5 #api #mdn #documentation
Browser detection using the user agent
▻https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent
“When considering using the user agent string to detect which browser is being used, your first step is to try to avoid it if possible. Start by trying to identify why you want to do it.”
Si je ne trompe pas, @seenthis n’envoie pas de notifications quand il y a de nouvelles publications dans la page. C’est un mécanisme utilisé par Twitter, Slack, Mastodon, Riot, etc. et qui sert pas mal dans des applications comme Rambox par exemple. Vous croyez que c’est faisable ? Facile ? Utile ?
Il y a tout de même beaucoup d’options dans le profil. Laquelle manque-t-il ?
M’expédier un courrier électronique quand...
– nouveaux billets / un nouveau billet est posté par un auteur que je suis
– réponses à mes billets / quelqu’un répond à un de mes billets
– réponses à un partage / quelqu’un répond à un billet que j’ai partagé
– partage / quelqu’un a partagé un de mes billets
– conversations / quelqu’un répond à un billet auquel j’ai moi-même répondu
– nolife / un auteur que je suis répond à n’importe quel billet
– un ami qui vous veut du bien / quelqu’un me suit
– mes billets / recevoir une copie de mes propres messages
Je me suis mal exprimé. Je parle de montrer dans le titre le nombre de messages non lus, genre : « Seenthis (4) ».
Je ne sais pas du tout comment ils le font, mais ce n’est pas dans le HTML, peut être avec ▻https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API.
Je n’ai pas l’impression que ça soit standard, mais peut être que la solution serait un service que les clients consomment. Voir js_unread dans ▻https://github.com/saenzramiro/rambox/blob/master/app/model/Readme.md
url() - A simple, lightweight url parser for JavaScript ▻http://www.websanova.com
▻https://github.com/websanova/js-url
alternativement : les interfaces natives URL() et URLSearchParams() qui semblent plus complètes et pratiques que cette lib :
▻https://developer.mozilla.org/en-US/docs/Web/API/URL
▻https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams
document.execCommand - Référence Web API | MDN
▻https://developer.mozilla.org/fr/docs/Web/API/Document/execCommand
Edition directe d’un document HTML (designMode) ou d’un bloc de contenu (contentEditable) dans le navigateur : la doc des commandes pour manipuler le contenu de la zone modifiable. La plupart des commandes affectent la sélection du document (gras, italique, etc.), tandis que d’autres ajoutent de nouveaux éléments (ajout d’un lien) ou affectent une ligne entière (indentation).
Voir aussi :
– une démo simple : ▻https://codepen.io/eniotna/pen/OVZvMG
– le code d’un éditeur complet : ▻https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Editable_content
#édition #WYSIWYG #SPIP #crayons #javascript #contentEditable #execCommand
#headless mode - Mozilla | MDN
▻https://developer.mozilla.org/en-US/Firefox/Headless_mode
#screenshot #capture #firefox #cli
Idée Web à réaliser
Je suis hallucinée de toujours trouver sur des sites internet de collectivités territoriales ou des entreprises publiques françaises des scripts de sniffeurs (surtout ceux des GAFA) dont le blocage va m’empêcher de poursuivre ma visite.
Cela veut dire que depuis quelques années, je renonce petit à petit au web car l’accès à l’information est systématiquement filtrée et que rester libre de sa navigation implique de trouver des biais, comme TOR, comme des plugins de blocage de pubs ou de script.
Je fatigue et je comprends bien la politique qui s’instaure et que les novices ou ceux qui ne veulent pas voir, comme 90% des usager·es du web aujourd’hui doivent subir en toute ignorance et sous prétexte que ce serait trop fatiguant de résister. L’énergie que je dépense pour protéger ma navigation, pour prévenir mes proches, pour avertir mes clients, pour trouver à faire autrement pour rester respectueux des visiteurs, commence à dépasser mes forces.
Aujourd’hui, c’est un comble, je ne peux pas faire d’achats sur un site de matériaux écologiques nouvelle mouture car les scripts chargés sont définis par les concepteurs comme essentiels. Parfois, on peut avoir près de 20 scripts à bloquer pour en laisser un ou deux de manière à tenter de passer quand même.
Je ne sais même pas si les fabricants et fabricantes de site internet sont conscients d’inclure dans leurs codes des applications de surveillance de google, facebook, addthis et consorts et d’ainsi se soumettre à un régime autocratique et d’en permettre l’extension.
D’autant que, fabricante de site internet, je passe du temps à expliquer à mes clients que non, je ne mettrai pas FB et voici les raisons … mais parfois je ne leur explique même pas, je code directement pour éviter les inclusions automatiques comme les fonts google. C’est fastidieux et je ne fais pas payer ce service parce que l’on se moquerait de moi, plus personne ne s’en préoccupe, pourquoi tu t’emmerdes ?
Lorsque je vois le nombre de scripts qui surveillent les visites, j’ai envie de les bloquer, et j’ai aussi envie de dire que je ne suis pas d’accord. Sauf que le concepteur du site, il s’en moque, mais peut-être pas son client, total novice en web mais pas en pépettes, et c’est à lui que j’ai envie de dire un truc du genre
« Je vous écris car je refuse d’acheter sur votre nouveau site parce que le script XXX installé me surveille, je vous boycott, si vous respectez la charte YYY de la liberté, demandez au conceteur/trice de retirer ces scripts, vous participerez ainsi à l’indépendance du web et votre image n’en sera que mieux portante »
et rendre public sur un site dédié ce manque flagrant de respect et l’action en face si elle a porté ses fruits (je pars du prorata que le client ne comprend pas comment fonctionne internet mais qu’il ne veut pas refourguer les données de ses clients à google) pour que les utilisateurs/trices volontaires dans cette démarche puissent facilement agir.
Que pensez-vous d’un plugin très simple pour navigateur de même type que Noscript mais qui en plus permette de lister dans un fichier texte les types de scripts utilisés, fichier qu’il suffirait de recopier dans un mail à envoyer au commanditaire du site, à la collectivité … etc
Les stats c’est le premier et principal point de blocage pour éviter les traceurs. Autant sur des sites de communes ou d’assocs, illes n’ont pas spécialement de raisons d’avoir des scripts de publicité etc, autant illes mettent presque tous google analytics pour avoir des stats plus détaillées que WP ou SPIP. À partir du moment où on a un hébergeur qui propose Piwik sans gros surcoût (Analytics est… gratuit évidemment), voire dans un pack avec le site internet (genre SPIP + Piwik fournit, hum hum), et bien on a résolu 98% du problème à mon avis.
On arrive à faire des sites sans scripts venant de CDN (des serveurs pour mutualiser les stockages de scripts, images etc), sans polices venant de CDN non plus, sans trop trop de complication. En revanche impossible d’avoir des stats assez complètes de manière simple et rapide actuellement (et le moins cher possible).
Pour tout ce qui est scripts externes intrusifs et autres bidules sur des CDN, c’est à nous, artisans développeurs de sites web, de ne pas les utiliser. C’est notre boulot, par conviction politique mais aussi par la conscience des bonnes pratiques (performance par exemple).
Ça peut demander un petit effort, mais pour moi, ça fait partie du travail aujourd’hui, du niveau de qualité attendu.
Pour les stats, c’est effectivement plus problématique.
Mais ça dépend de ce qu’on veut comme stats aussi.
La plupart des gens qui ont installé ou fait installer un script google analytics sur leur site s’y intéressent en fait à peine, ou bien regardent juste le nombre de visites brutes, souvent pour reporter ça à leur direction.
Il faut peut être demander aux responsables / commanditaires des sites (clients) de quoi ils ont réellement besoin.
Il y a des solutions alternatives, par exemple Piwik peut aussi travailler sur les logs apache plutôt qu’avec un script traqueur.
Du coup c’est pas temprs réel, mais ça demande moins de ressources, à part le moment où la mise à jour est faite (analyse des logs).
Il y a toujours la réponse simple du ’franchement, tu devrais pas te préoccuper des stats mais de ton contenu’
faites donc le comparatif avec, je ne sais pas moi, calculez-vous le nombre de personnes avec qui vous avez échangé ce mois ci, dans la journée, ce qu’ils mangent au petit déjeuner et combien de fois vous avez dit bonjour ? C’est quoi cette habitude de vouloir stocker les données des visiteurs ? Qu’est-ce que ça signifie ? Ne serait-ce pas un vieux relent capitaliste de la bulle internet du siècle dernier qui se vendait aux banquiers en fonction du nombre de visites ?
Ou un manque de confiance en ses publications, une façon de se défausser du jugement de la qualité d’un site … ? tout ça pour rassurer l’investissement (#misère)
De ce que je sais de quelques expériences, pour ce qui est des collectivités, notamment les communes, elles veulent des stats plus détaillées que SPIP, pour savoir combien de gens viennent depuis des appareils de bureaux, mobiles, par exemple. Ainsi que savoir si les gens vont plus voir tels ou tels types de contenus : plus les infos qui bougent actus, ou plus les infos statiques des horaires des services municipaux, ou plus la carte avec les marqueurs, etc. Ce n’est pas des trucs qu’on pourra avoir avec SPIP (déjà ça fait que les articles, et même si on l’étend aux objets comme l’a commencé Tcharlss, ya plein de page=truc, sommaire, etc, qui ne sont pas des objets éditoriaux).
Pour les petites assocs, ou même pas mal de PME, on dit généralement comme dit @touti, qu’il n’y a pas besoin de tout ça, et que les stats de SPIP suffisent. Mais je comprends que pour des communes ou d’autres (comme les médias, les magazines, par exemple), ça puisse être utile d’avoir des stats plus détaillées que juste le total de visite par article.
Donc ouais ya Piwik comme déjà dit. Mais comme dit aussi, ce n’est pas forcément simple à mettre en place en entier, à héberger sur le long terme, à maintenir. Moi je ne suis pas hébergeur, c’est un autre métier. Donc il faudrait des Piwik aussi facile à mettre en place que pour analytics. Actuellement tous les derniers sites que j’ai touché avaient tout en interne, scripts, images, polices, etc, mais plusieurs Analytics et je ne savais pas comment débloquer ça. :( (Mais on a expliqué aux gens quand même que ce serait bien de virer un jour…)
Moi perso, déjà pour des trucs privés, entreprises et assocs, je ne trouve pas ça bien, tout comme dit @touti, mais alors pour les structures publiques, les communes, services publics, etc, je trouve ça parfaitement inadmissibles qu’ils balancent les infos de leurs administrés à Google.
Il manque peut être des infos dans les stats de SPIP, basées sur le user-agent et autres, à développer ? stats mobile/desktop, etc...
Sinon y’a Xiti, que la région Occitanie utilise par exemple, qui donne la possibibilité de stats assez avancées.
Service géré par une société, oui, mais française.
Et pas gratuit, mais ça il faut réussir à se le sortir de la tête (et de la tête des clients, plus dur).
Mais tout ça ne répond pas à la question de départ de @touti, sur la possibilité de « dénoncer » ou d’alerter facilement sur l’utilisation de scripts intrusifs.
Mais il faudrait pouvoir aussi alerter aussi facilement sur les problèmes d’accessibilité, par exemple.
Sommes nous tous, nous artisans, irréprochables de ce côté là ?
Il n’y aura jamais assez d’informations de statistiques pour les réunions des hauts cadres d’entreprise.
Comme le public ne fait que copier le privé . . . .
Jusqu’à présent, j’utilisais ►http://statcounter.com qui permet de gérer assez gratuitement les stats de plusieurs sites en même temps et même d’ouvrir des accès à différents clients sur différents sites avec différents droits…
Mais en fait, je suis en train d’abandonner les stats. Tout simplement parce que c’est plus nuisible qu’utile et qu’en plus, c’est assez majoritairement faux. En effet, le mauvais web intrusif a poussé de plus en plus de gens à utiliser des bloqueurs et ceux-ci couinent ou zappent sur les scripts qui servent à établir les stats.
Mais avant même ce phénomène, mise sous pression par un client parce que mon boulot de CM ne lui apportait pas assez de benchmark bordel — un jugement péremptoire qui ne venait que d’une consultation superficielle des stats Google analytic —, j’avais nourri assez rapidement de profonds soupçons quant à la sincérité des stats fournies par Google, sachant que la même entreprise a bâti sa fortune précisément en vendant de la visibilité à ses clients.
On voit le conflit d’intérêts : je vends de l’exposition et je te file un outil gratuit qui te dit que tu n’as pas l’exposition que tu mérites.
J’avais donc installé deux autres scripts de stats moins intéressés par la vente de pub et j’avais pu voir que Google minimisait très fortement la réalité des visites sur le site et encore plus celle des lectures d’articles.
Mais voilà, le client a préféré croire le dealer que la DEA…
Les seules stats que je consulte encore vaguement, ce sont celles données par le serveur : c’est du brut et à prendre comme un indicateur de variation d’usage.
En dehors de l’insincérité de Google dans ses stats, il y a aussi les usages qui ont bien changé : en fait, plus de la moitié des gens qui lisent mon blog, par exemple, le font ailleurs que sur mon blog. L’info est lue, elle passe, mais pas chez moi. Les usages RSS sont encore pas mal répandus, entre autres.
Qu’est-ce qui compte le plus ? Que l’info soit lue ou que j’ai des pings sur mon blog ?
Ensuite, j’ai remarqué que l’usage des stats modifiait le rapport même au contenu. On peut écrire un truc très intéressant qui ne va pas avoir beaucoup de lecteurs sur le coup, mais pleins en longue traine. Il y a aussi des articles qui sont lus par peu de gens, mais des gens qui vont beaucoup en parler autour d’eux, des idées qui circulent, plus que des textes…
Qu’est-ce qui compte ?
En regardant les stats, on se met à chercher la popularité avant la qualité, le fond, le travail dans la continuité, le renforcement de son audience, non pas en termes de qualité et fidélité (très difficile à acquérir en ligne), mais uniquement de manière quantitative. C’est le règne des titres putaclic et des sujets faciles et polémiques…
En poussant le potard un peu plus loin, je me rends compte que le fait que mon blog ait été viré de Rezo me permet d’écrire aussi sur des trucs pas importants ou sans grande portée… parce que finalement, ça n’aura pas grande incidence sur les variations de lectorat… dont je ne me préoccupe plus.
Les derniers trucs que je regarde — sur les stats serveur — ce sont les profils matériels et logiciels des lecteurs, quand ils sont disponibles. Juste pour savoir quelle est la plage de tailles d’écran pour lesquelles il faut développer nos sites web… et c’est à peu près tout.
Merci à tout·es, ça va me donner un peu de courage. J’avoue ma paresse, quelqu’un·e a-t-il déjà réalisé un addons de navigateur et pourrait alors m’expliquer rapidement comment s’y prendre ?
Ya @b_b qui en a fait un pour Seenthis… s’il a une liste de ressources pour aider ?
Aujourd’hui pour la pérennité il me semble que c’est plutôt du côté des Web Extensions qu’il faut regarder plutôt que de l’API de Firefox.
Une extension pour google chrome pour mettre en garde contre google mmmh
@touti j’ai peur que cette extension ne soit pas très utilisée quand tu dis :
Je fatigue et je comprends bien la politique qui s’instaure et que les novices ou ceux qui ne veulent pas voir, comme 90% des usager·es du web aujourd’hui doivent subir en toute ignorance et sous prétexte que ce serait trop fatiguant de résister.
Seules les personnes qui ont conscience de tout ça iront chercher, éventuellement trouver, et encore plus éventuellement utiliser l’extension en question. Mais comme je ne veux pas de démoraliser, voici quelques liens utiles à propos des webextensions :)
►https://developer.mozilla.org/en-US/Add-ons/WebExtensions
▻https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension
Using SVG | CSS-Tricks
▻https://css-tricks.com/using-svg/#article-header-id-17
Différentes méthodes pour utiliser des SVG en image-background.
Voir aussi :
– un exemple simple en inline non-compressé : ▻https://codepen.io/netsi1964/pen/HGJms
– ▻http://helephant.com/2009/08/12/svg-images-as-css-backgrounds
– les options de manipulation du fichier selon les attributs dans le SVG : ▻https://developer.mozilla.org/en-US/docs/Web/CSS/Scaling_of_SVG_backgrounds
HTML5 Geolocation
▻https://www.sitepoint.com/html5-geolocation
The Geolocation API of HTML5 helps in identifying the user’s location, which can be used to provide location specific information or route navigation details to the user.
Using geolocation - Web APIs | MDN
▻https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation
The geolocation API allows the user to provide their location to web applications if they so desire. For privacy reasons, the user is asked for permission to report location information.
The geolocation object
The geolocation API is published through the navigator.geolocation object.
etc.
HTML5 Geolocation
▻http://www.w3schools.com/html/html5_geolocation.asp
Locate the User’s Position
The HTML Geolocation API is used to get the geographical position of a user.
Since this can compromise privacy, the position is not available unless the user approves it.
Using HTML Geolocation
The getCurrentPosition() method is used to return the user’s position.
The example below returns the latitude and longitude of the user’s position
Handling Errors and Rejections
The second parameter of the getCurrentPosition() method is used to handle errors. It specifies a function to run if it fails to get the user’s location
Displaying the Result in a Map
To display the result in a map, you need access to a map service, like Google Maps.
In the example below, the returned latitude and longitude is used to show the location in a Google Map (using a static image)
Location-specific Information
This page has demonstrated how to show a user’s position on a map.
Geolocation is also very useful for location-specific information, like:
Up-to-date local information
Showing Points-of-interest near the user
Turn-by-turn navigation (GPS)
Client-Side Storage - HTML5 Rocks
▻https://www.html5rocks.com/en/tutorials/offline/storage
This is an overview of client-side storage, a general term for several separate but related APIs: Web Storage, Web SQL Database, Indexed Database, and File Access. Each of these techniques provides a distinct way to store data on the user’s hard drive, instead of the server, where data usually resides. There are two main reasons to do this: (a) to make the web app available offline; (b) to improve performance. For a detailed explanation of the use cases for client-side storage, see the HTML5Rocks article, “Offline”: What does it mean and why should I care?.
The APIs share a similar scope and similar principles. So let’s first understand what they have in common before launching to the specifics of each.
Building A Simple Cross-Browser Offline To-Do List With IndexedDB And WebSQL – Smashing Magazine
▻https://www.smashingmagazine.com/2014/09/building-simple-cross-browser-offline-todo-list-indexeddb-websql
Storage Inspector - Firefox Developer Tools | MDN
▻https://developer.mozilla.org/en-US/docs/Tools/Storage_Inspector
The Storage Inspector enables you to inspect various types of storage that a web page can use. Currently it can be used to inspect the following storage types:
– Cache Storage (new in Firefox 47) - any DOM caches created using the Cache API.
– Cookies - All the cookies created by the page or any iframes inside of the page. Cookies created as a part of response of network calls are also listed, but only for calls that happened while the tool is open.
– Local Storage - All local storage items created by the page or any iframes inside the page.
– Session Storage - All session storage items created by the page or any iframes inside the page.
– IndexedDB - All IndexedDB databases created by the page or any iframes inside the page, their Object Stores and the items stored in these Object Stores.
For the time being, the Storage Inspector only gives you a read-only view of storage. But we’re working to let you edit storage contents in future releases.
#cookie #storage #local_storage #inspector #webdev #firebug #firefox_devtools #mdn
Using the Web Animations API - Web APIs | MDN
▻https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API
The Web Animations API lets us construct animations and control their playback with JavaScript. This article will start you off in the right direction with fun demos and tutorials featuring Alice in Wonderland.
The Web Animations API opens the browser’s animation engine to developers and manipulation by JavaScript. This API was designed to underlie implementations of both CSS Animations and CSS Transitions, and leaves the door open to future animation effects. It is one of the most performant ways to animate on the Web where supported, letting the browser make its own internal optimizations without hacks, coercion, or Window.requestAnimationFrame().
With the Web Animations API, we can move interactive animations from stylesheets to JavaScript, separating presentation from behavior. We no longer need to rely on DOM-heavy techniques like writing CSS properties and scoping classes onto elements to control playback direction. And unlike pure, declarative CSS, JavaScript also lets us dynamically set values from properties to durations. For building custom animation libraries and creating interactive animations, the Web Animations API might be the perfect tool for the job.
Pour la mise au point/débogage de ces animations, la version de firebug fusionnée avec Firefox DevTools (à partir de Firefox 49, cf ▻https://blog.getfirebug.com/2016/06/07/unifying-firebug-firefox-devtools) propose « Animation Inspector », une console spécifique : cf ▻https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations
Pour aller plus loin : ▻https://hacks.mozilla.org/2016/08/animating-like-you-just-dont-care-with-element-animate
Pour la compatibilité avec les navigateurs ne supportant pas l’API Web Animations (Internet Explorer et Safari actuellement) : ▻https://github.com/web-animations/web-animations-js
Ce soir, #seenthis doit changer d’hébergement. On va essayer de faire au mieux pour que ça se passe sans accroc, mais il est possible qu’il y ait quelques coupures du signal à certains moments.
Horaire prévu : entre 22h et minuit (heure française)
Ouf... généralement, à cette heure-là, je dors #heureux_les_couche-tôt !
C’est une montée en charge, un truc de maintenance… ?
Arf ! Pour moi c’est l’heure de pointe... du coup si vous avez besoin d’aide pour tester des trucs, n’hésitez pas à frapper à la lucarne hein !
Cf. ►http://seenthis.net/messages/420961
C’est essentiellement un choix politique, de savoir s’il y a une communauté pour s’occuper de ça, ou si ça échoit toujours au même (en l’occurrence c’était @arno depuis le début, puis moi depuis le crash il y a une grosse année). Maintenant c’est (censé) devenir collectif.
Et aussi un peu ▻http://seenthis.net/messages/490093 (#https)
\o/ ça semble bien touner
ah, apparemment, c’est fait !
(je dois me reconnecter)
BRAVO !
Et les fameuses 2 minutes de #merdrecestquoimonmotdepasse !
Bravo tout le monde !
Et 2 minute de sueur devant un message intempestif :
La page n’est pas redirigée correctement
Firefox a détecté que le serveur redirige la demande pour cette adresse d’une manière qui n’aboutira pas.
La cause de ce problème peut être la désactivation ou le refus des cookies.
Mais c’est bon c’est revenu à la normale sans rien changer.
merci @seenthis . Depuis la migration, mon poil est plus doux.
Merci :)
Y a pas des boutons à la facebook dans la v2 ?
C’est pas une V2 :) Yeah ! Super le passage de relais ! Beaucoup de choses obscures dans les échanges sur la liste, mais super intéressant.
Ce serait bien d’ajouter dans les pages #seenthis, une page sur le fonctionnement collaboratif du nouvel hébergement et sur les différentes manières de participer avec les liens.
J’ai l’impression d’un petit problème ce matin : pour les contenus externes du genre vidéo Youtube chargée par oEmbed en javascript après avoir cliqué sur l’image de prévisu :
La console de Firefox me dit « Blocage du chargement du contenu mixte actif ». Et du coup impossible de lire les vidéos à l’intérieur de Seenthis.
▻https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content
@rastapopoulos Ah oui, pareil avec Safari, contenu Youtube bloqué :
[blocked] The page at about:blank was not allowed to display insecure content from ▻http://www.youtube.com/embed/aH_FP67cLP0?rel=0&autoplay=1.
Si je comprends bien, c’est parce que désormais Seenthis est en https, et les navigateurs refusent d’y charger du contenu externe en http.
Un souci avec https. J’ai dû changer d’ordi pour arriver ici.
Sous MacOS X 10.5, je n’arrive pas à avoir les certificats SSL
Je suspecte que dans oembed, à la fabrication du lien d’embed vers l’extérieur, au lieu de http://youtube.com, il faut mettre juste //youtube.com.
pour les embed https voir patch ici ►https://github.com/seenthis/seenthis/commit/d389754065eff70d1ea29882374ed4b0959f3672
@nidal mettre // c’est la première chose que j’ai essayée, mais ça plantait, car spip applique un filtre url_absolue qui n’est pas au courant de l’existence de cette notation. En fait pour nous ça revient au même que mettre https, et pour d’autres instances de seenthis qui ne sont pas https, ça marchera quand même.
Mais @fil comment tu peux être sûr que le service en question supporte HTTPS ? Évidemment la plupart sont des gros services qui l’ont, mais ya quand même aucun test, aucun assurance que la vidéo, le son, la playlist, etc, fonctionnent aussi en HTTPS, non ?
Oui, ok comme le dit le log de commit « on fait l’hypothèse que… » :)
@rastapopoulos Le plugin autoembed ne travaille qu’avec un nombre limité de sources.
Au fait, @fil, au passage, il faudrait en profiter pour ajouter un allowFullScreen dans les iframe, de façon à ce que ça autorise le plein écran pour les vidéos jouées dans Seenthis.
allowFullScreen fait et appliqué
▻http://zone.spip.org/trac/spip-zone/changeset/98620
Grand #merci l’équipe pour cette migration, https et le fullscreen possible sur les vidéos ! Vous êtes géniaux :)
Ah tiens, mes flux RSS sont silencieux. Je les passe en HTTPS et là : « connection closed by peer ». C’est grave ? Par exemple ▻https://seenthis.net/people/suske/follow/feed mais en fait c’est dans l’application que cela cale, pas dans le navigateur. Hum. I feel alone :-)
Édit : ça maaaaarche maintenant ! Youpie !! #merciiii
Ça y est, c’est bon sur ma vieille casserole.
Encore merci. Pour TOUT ! et aussi pour la réactivité. Bravo !
Merci et bravoooooo ! Longue vie à @seenthis !
même si je ne comprends pas bien ce qui s’est passé (c’est-à-dire qu’on est partis, mais où ? (et quel est donc ce « s » à l’http qui à l’air tout changer ?)) merci oui.
Cool, HTTPS. Supervision changée pour se connecter en HTTPS. Rendez-vous le 13 septembre pour l’expiration du certificat :-)
@tintin Le S de HTTPS signifie Secure (Sûr). Cela indique que la communication entre ton navigateur et SeenThis est chiffrée (rendue illisible par la cryptographie), ce qui 1) est indispensable pour protéger ton compte (autrement, lire le mot de passe serait trop facile) 2) perturber le travail des surveillants (genre NSA, Beauveau, etc).
Je sais pas si c’est une « bonne pratique », mais chez moi j’ai ajouté un job cron hebdomadaire :/etc/letsencrypt/letsencrypt-auto renew
Si le certificat est proche de l’expiration mais n’est pas expiré il est automatiquement renouvelé selon une procédure allégée (automatique).
@Fil Icinga préviendra 15 jours avant :-)
Ah, l’API a un problème ? Je ne peux plus soumettre de nouveaux seens par l’API, « HTTP Error 405 : No message found »
@stephane peux-tu nous filer une url qui pose problème ?
Je viens de tester seenthis.net/api/messages/341663 et ça semble bien fonctionner.
@b_b Réparé (cf. le rapport de bogues sur Github)
Félicitations et merci pour la proposition de transformer la gestion de #seenthis dans un projet collectif !
J’y vois quelques question de caractère recurrent :
– Quand est-ce qu’on écrira la doc nécessaire pour monter et gérer des instances #seenthis sous SPIP 3.n.n ?
– La doc utilisateurs me semble être un peu éparpillée, comment y remédier ? (Contrairement à #SPIP ceci me semble facilement faisable por #seenthis)
– des patchs du genre ►https://github.com/seenthis/seenthis/commit/d389754065eff70d1ea29882374ed4b0959f3672 risquent d’emmener le projet à un point où une documentation une fois écrite marchera à un moment donné mais sera invalidée par les changements postérieurs.
– Où en est l’idée de faire communiquer entre eux des installations de #seenthis (Il a été question d’utiliser XMPP pour connecter les bdd etc.) ?
– Est-ce qu’on se voit cet été pour travailler sur les aspects techniques et politiques du projet #seenthis ?
– Un exemple : qui fera partie du collectif et quelle règles y seront appliquées ?
P.S. bon anniverversaire #SPIP :-)
Et hop, une petite extension #seenthis_search pour #firefox :)
▻https://github.com/seenthis/firefox-seenthis-search
C’est une adaptation rapide de l’extension pour del.icio.us que je pointais ici :
►http://seenthis.net/messages/253700#message362734
En résumé, ça permet de rechercher rapidement dans une copie locale de vos posts seenthis.
Pour l’instant on peut l’utiliser directement depuis les sources en suivant les explications du dépôt, reste à publier le bouzin sur addons.mozilla.org.
https://framapic.org/GahtF5xnuvZX/aqRLB91gfGJK.png 
https://framapic.org/JRJZOLXioro2/W3jwo6KuRxv9.png /me super content
C’est fini !
Votre module a été envoyé dans la file des revues préliminaires.
You’ll receive an email once it has been reviewed by an editor and signed. Once it has been signed you will be able to install it:
►https://addons.mozilla.org/fr/firefox/addon/seenthis-search
Pour paraphraser ce que fait l’extension : une fois installée, et que vous êtes connectés à seenthis ça va charger tous vos posts ( ceux que vous avez écrit et ceux que vous avez étoilés) ... et ensuite cela permet de rechercher RAPIDEMENT un truc (recherche dans le texte du seen ET dans les mots-clés )
Bon mince je l’ai lancé, ça charge… Ça va charger plusieurs mégas, plusieurs dizaines de mégas, plusieurs centaines de mégas ? Je ne me rends pas trop compte de la taille. Je vais devoir laisser tourner…
Et si on éteint pendant que ça tourne, ça fait quoi ? Ça va recharger depuis zéro ensuite ? Et ça met à jour en rechargeant tout régulièrement ou juste en ajoutant les trucs nouveaux ? Et si des posts ont été modifiés ? Et ça charge les textes des commentaires aussi ou bien ça ne recherche que dans le texte du seen principal uniquement ? (parce que sur le site, le moteur cherche partout et notamment quand des tags ont été ajouté par des coms, ce qui arrive très très souvent)
error : 500 : Internal Server Error : ►http://seenthis.net/?page=xml_export
Et si on éteint pendant que ça tourne, ça fait quoi ?
Aucune idée :p
Ça va recharger depuis zéro ensuite ?
Oui je pense, et ça reprendra l’update de la base locale là on ça en était.
Et ça met à jour en rechargeant tout régulièrement ou juste en ajoutant les trucs nouveaux ? Et si des posts ont été modifiés ?
Ça recharge tout le xml à la demande, en cliquant sur sync, et ça maj la base locale. C’est améliorable, une mise à jour automatique pourrait être intéressante.
Et ça charge les textes des commentaires aussi ou bien ça ne recherche que dans le texte du seen principal uniquement ? (parce que sur le site, le moteur cherche partout et notamment quand des tags ont été ajouté par des coms, ce qui arrive très très souvent)
Ça charge que le premier message de chaque thread du dump xml, donc uniquement le « seen principal ».
Comme dit dans mon message d’après, moi j’ai toujours erreur 500. Essayé 4 fois hier soir et 5 fois ce matin, toujours la même erreur. Je dois avoir trop de choses dans le même énorme flux et il arrive pas à le générer… :(
Pour info, la version 0.0.4 ne nécessite plus de redémarrage pour l’installation. Avec de la chance elle devrait être enfin validée (et signée) par l’équipe des personnes en charge de la relecture sur AMO, donc installable directement sans avoir à jouer avec about:config.
Prochaine étape, basculer le code vers la nouvelle norme #webextensions ►https://developer.mozilla.org/en-US/Add-ons/WebExtensions qui permettrait de faire fonctionner le module sur d’autres navigateurs (chromium et opera par exemple).
\o/
Your add-on, seenthis search, 0.0.4, has been preliminarily reviewed and is now available for download in our gallery at ►https://addons.mozilla.org/addon/seenthis-search
et donc ça fait quoi ?
“Finish !! loaded 0 bookmarks
OK”
EDIT : ah j’étais point connecté…
là ça synchronise… et pomme- : lance l’interface
EDIT2 : tout comme @rastapopoulos j’ai une erreur
error : 500 : Internal Server Error :
seenthis.net/ ?page=xml_export
@fil le serveur doit pas être capable de générer votre dump...
Si vous tentez d’accéder à l’url depuis votre nav, vous avez la même erreur ?
Quand on regarde plugins/seenthis_squelettes/noisettes/afficher_me_xml.html on voit que pour chaque message on fait 4 appels SQL. Pas étonnant que pour une collection importante de messages ce soit pas gérable.
L’export est à réécrire ou repenser entièrement.
▻https://github.com/seenthis/seenthis_squelettes/issues/160
Et hop, la version 0.1.0 est disponible, les nouveautés sont les suivantes :
– ré-écriture complète du code, le module utilise la nouvelle norme #webextension (et devrait donc fonctionner sour chromium et opera) cf ▻https://github.com/seenthis/firefox-seenthis-search/commit/0304b325f02659bd13b7eaead14d6aaf10611e06
– le module utilise maintenant les librairies #listjs (cf ▻https://seenthis.net/messages/472006) #localForage et #jQuery
– plus de requête en POST pour @fil ;)
Quelques remarques :
– on perd la possibilité d’utiliser les opérateurs AND, OR et NOT dans la recherche, mais ça devrait pouvoir être rétabli si ça semble nécessaire.
– le raccourci clavier pour accéder à la page du module est maintenant « CTRL+SHIFT+B » (pas moyen d’utiliser l’ancien dans une webextension).
– j’ai hésité à utiliser ▻http://dexie.org et ►http://lunrjs.com mais je garde l’idée dans un coin, cf mes prises de notes sur le wiki du projet ▻https://github.com/seenthis/firefox-seenthis-search/wiki
– j’aurais plein de choses à dire sur les webextensions, mais je crois que ça fera l’objet d’un billet spécifique :p
Ça peut marcher avec les très grosses collections ou pas ?
@monolecte pas de limitation du côté du module, par contre, comme l’ont déjà remarqué plusieurs personnes dans ce fil, l’export xml qui alimente le module semble demander trop de travail au serveur pour les gens qui postent/favorisent beaucoup. À tester donc :)
@rastapopoulos est-ce que l’export fonctionne mieux pour toi avec cette url ?
▻https://seenthis.net/spip.php?page=xml_export&reponses=non
Je viens d’ajouter cette option à seenthis cf ▻https://github.com/seenthis/seenthis_squelettes/pull/170 et l’extension firefox seenthis search l’utilisera à partir de la version 0.2.1 qui sera bientôt disponible sur ►https://addons.mozilla.org/fr/firefox/addon/seenthis-search
@b_b ça a demandé 2 à 3min complètes et ça a fait rendre le navigateur tout gris, mais ça a fini par générer et afficher le XML. Bon après ça ramait à mort et j’ai eu beaucoup de mal à fermer l’onglet, mais ça l’a bien généré.
@rastapopoulos ferpecto tu devrais pouvoir tester la prochaine version du module firefox.
Your add-on seenthis search has been updated on addons.mozilla.org (AMO). Version 0.3.2 is now available for download in our gallery at ►https://addons.mozilla.org/addon/seenthis-search .
Nouvelle version qui met à jour les libs utilisées et change de raccourci clavier pour ouvrir la page des seens (une fois de plus car Firefox a décidé de squatter CTRL + SHIFT + S).
Chez moi l’extension Firefox n’a pas l’air de faire quoi que ce soit.
D’abord l’installation s’est bien passé. Puis la page ►https://seenthis.net/?page=xml_export est simplement vide (CTRL-U -> vide)
moz-extension ://d9a026a6-bb9b-4ebd-ac49-3759a04202c2/content/view.html# affiche la page avec le chap de recherche, le tabelau en dessous et lien « Synchronize », mais c’est gris, j’ai l’impression qu’il n’y a simplement rien qui se passe.
J’ai même mis Noscript en mode « Disable restrictions globally (dangerous) ».
Dommage.
Je ne n’ai pas l’impression que ce soit le grand nombre de billets qui bloque, mais je ne le sais pas.
@klaus tu étais bien connecté/identifié sur seenthis.net quand tu as lancé la synchro du module ?
Functions and classes available to Web Workers
▻https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Functions_and_classes_available_to_workers
there are a variety of functions available from the DOM to workers. This article provides a list of those.