Un générateur de site statique avec python. Je ne sais plus par qui je l'ai trouvé et pourquoi je l'ai mis de côté, mais ça a l'air bien. Peut-être à cause des formats supportés et de l'interface en ligne de commande user friendly. 😉
Articles autour de la « Fabrique du numérique », ben oui.
Le carnet de la Fabrique du numérique s’intéresse aux formes d’innovation éditoriale en contexte numérique, avec un petit accent spécifique sur le milieu québécois. Il prolonge les réflexions entamées lors des événements « La Fabrique du numérique », tenus en 2010 et 2020. Par ses articles et ses ressources, le carnet offre une veille sur le monde de l’édition, à l’attention des professionnel·les du milieu, des personnes curieuses du sujet et des chercheur·ses spécialistes.
dokieli is a clientside editor for decentralised article publishing, annotations and social interactions.
Liste de générateurs de site statique, plutôt longue.
Via https://pleroma.lord.re/objects/4f393c75-e688-483d-ae32-04f1dea60739
Une revue scientifique dédiée au logiciel libre, sur github. Il semble bien que le processus de revue par les pairs est ouvert.
Un très bon article, clair et précis, sur les implications en terme d'accessibilité (a11y) des pratiques du langage épicène. À noter que l'utilisation conjointe des termes féminins et masculins était plus courante qu'on ne l'imagine avant la répression de la langue lors des 17 et 18e siècles.
via la veille d'@antoinetl
Un guide sur l'a11y Web, notamment sur les formulaires, les media, la navigation, la structure.
via https://links.kalvn.net/?og42VQ
Lorsqu’une plateforme de blog montre des signes de faiblesse, c’est le bon moment pour s’interroger sur nos pratiques de publication et de présence sur le web, pour ne pas dépendre des services tiers et des silos : choisir ses outils, et suivre la formule magique POSSE, pour Publish (on your) Own Site, Syndicate Elsewhere, proposée par l’IndieWeb. En d’autres termes : réveillez les blogs !
Une réaction aux nouvelles venues de Medium, avec un exposé aussi clair que succinct sur les possibilités et stratégie de publication sur le web.
Le billet revient sur une étude d'utilisabilité de site de bibliothèque développés en Responsive Design. Les problèmes d'utilisabilité ne peuvent pas tous être résolus avec ce mode de construction seulement, mais en repensant les sites de bibliothèques eux-mêmes.
La référence dans ma bibliothèque Zotero.
Structuration d'une page HTML en HTML 5.1, avec dans l'idée de respecter une certaine logique et la sémantique apportée par les balises.
via @antoinentl https://www.quaternum.net//2016/12/10/hierarchie-des-titres-et-sections-dans-html-5-1/, toujours une de mes sources les plus pertinentes pour le Web et la publication numérique.
Dépôt git
de l'auteur du carnet, qui liste des références de livres Web. D'abord la pratique des livres Web est intéressante, ensuite dans la liste on trouve des ouvrages utiles et professionnels, très orientés technologies Web, mais pas seulement (notamment un livre introductif sur les metadata).
Un guide visuel des propriétés CSS.
Via https://links.kalvn.net/?2uFBiQ
Information, description, documentation et outils mis à disposition par Google sur le Material Design
via toolinux
Un texte intéressant sur comment utiliser l'attribut alt=""
de la balise <img>
via https://links.kalvn.net/?C26rUw
Un plaidoyer pour viser une taille de police plus généreuse, spécialement sur les grands écrans, et donc aussi une réflexion sur l'idée d'adapter la taille de police selon les contextes.
C'est en effet ce que je me dis lorsque je vois que la plupart des sites des grandes organisations comme les Universités, les bibliothèques, par exemples, ont souvent des sites avec des tailles de polices du corps de texte fixée à 12px...
via : https://www.quaternum.net//2016/10/05/enlarge-your-body-text-size/
Traduction de l’article 10 ways to make a product great publié le 22 août 2016
Constats et conseils pour l'élaboration d'un logiciel ou d'un service Web. Se base sur l'expérience de GitHub Pages.
via https://www.quaternum.net//2016/09/17/viser-l-excellence/
via http://shaarli.warriordudimanche.net/?1xcQ7w
RÖCSSTI : le micro-framework CSS pour construire des sites en responsive
Il y a notamment un Röcssti-builder qui permet de choisir un bon nombre d'option. Mérite vraiment le détour, en plus d'être qualité suisse... :D
Un bref billet de blog sur le framework CSS du W3C. Ce qui me rend curieux...
Here's my latest talk about why multi-device publishing is important—it's not about smartphones, it's about separating content from form. Friends, a zombie apocalypse is upon us: an onslaught of new mobile devices, platforms, and screen sizes, hordes of them descending every day. We’re outmatched. There aren’t enough designers and developers to battle every platform. There aren’t enough editors and writers to populate every screen size. Defeating the zombies will require flexibility and stamina—in our content. We’ll have to separate our content from its form, so it can adapt appropriately to different contexts and constraints. We’ll have to change our production workflow so we’re not just shoveling content from one output to another. And we’ll have to enhance our content management tools and interfaces so they’re ready for the future. Surviving the zombie apocalypse is possible. In this talk Karen will explain how: by developing a content strategy that treats all our platforms as if they’re equally important.
De l'auteur de Stratégie de contenu mobile. La présentation date d'octobre 2014, mais elle est toujours aussi inspirante. En résumé, WYSIWYG should be dead, and so the PDFs...
De la documentation pour se mettre à utiliser OSM dans ses projets Web.
Un color picker original et beau...
via le Harvard Library Innovation Lab : http://librarylab.law.harvard.edu/blog/2015/11/02/link-roundup-november-2-2015/
The evolution of Web technologies has increased collection, processing and publication of personal data. Privacy concerns are raised more often as applications built on the Web platform have access to more sensitive data — including location, health and social network information — and users' activity on the Web is ubiquitously tracked. The W3C Privacy Activity coordinates standardization work to improve support for user privacy on the Web and develops general expertise in privacy-by-design for Web standards.
Une librairie javascript pour réaliser des cartes géographiques.
Une mise en oeuvre intéressante de Annotator.js (shaare précédent). Les annotations peuvent être enregistrées, par exemple via le service d'hypothes.is
Existe sous forme d'extension pour chrome ou firefox, ou encore bookmarklet.
Le code est ouvert et peut être installé sur un serveur de production, uniquement via Docker.
Annotator is an open-source JavaScript library to easily add annotation functionality to any webpage. Annotations can have comments, tags, links, users, and more. Annotator is designed for easy extensibility so its a cinch to add a new feature or behaviour. Annotator also fosters an active developer community with contributors from four continents, building 3rd party plugins allowing the annotation of PDFs, EPUBs, videos, images, sound, and more.
Annotations are typically used to convey information about a resource or associations between resources. Simple examples include a comment or tag on a single web page or image, or a blog post about a news article.
The Web Annotation Data Model specfication describes a structured model and format to enable annotations to be shared and reused across different hardware and software platforms. Common use cases can be modeled in a manner that is simple and convenient, while at the same time enabling more complex requirements, including linking arbitrary content to a particular data point or to segments of timed multimedia resources.
Un billet de blog sur la notion de livre Web, avec quelques références intéressantes.
Un "livre Web" sur la typographie, en anglais.
Via http://www.quaternum.net//2015/05/12/un-design-de-livre-web
And it's fucking perfect
:D
Wordpress 4.2 et le tracking des utilisateurs, suite.
Avec une version anglaise du billet, plus complète, donnant une solution : https://reflets.info/wordpress-4-2-tor-browsers-and-canvas-privacy-warning-prompt/
Un outil de présentation, dans le navigateur, axé accessibilité (html, css, js)
via http://lien.shazen.fr/?lvEyHw
Un outil pour générer un peu de code histoire de centrer avec du CSS.
Un article qui présente brièvement 10 frameworks CSS.
MDwiki is a CMS/Wiki completely built in HTML5/Javascript and runs 100% on the client.
uMap permet de créer des cartes personnalisées sur des fonds OpenStreetMap en un instant et les afficher dans votre site.
Et c'est open-source
https://bitbucket.org/yohanboniface/umap
ArchieML (or "AML") was created at The New York Times to make it easier to write and edit structured text on deadline that could be rendered in web pages, or more specifically, rendered in interactive graphics.
Lightweight media browser. Generates a web page with media contents such as video, audio and pictures. Very useful to share with people :)
D'une simplicité étonnante : il suffit d'organiser ses médias en dossiers, et hop...
Liste de générateurs de sites statiques, comme Pelican ou Jekyll (et il y en a même un qui s'appelle igor !).
via https://fralef.me/links/?7gHmLg
web-livre sur la typographie, appliquée au Web. Entièrement en serif, ben ouais. Chose intéressante, le code du site est sur github : https://github.com/clagnut/webtypography
De la documentation CSS.
via : http://shaarli.warriordudimanche.net/?l3UV6Q
Un article très intéressant sur la méthodologie de l'enseignement de l'intégration Web.
Un tableau comparatif de framework css : bootstrap, foundation et skeleton.
Un petit article sur les frameworks CSS sur le site de la Communauté d'intérêts pour l'enseignement en ligne de l'Université de Genève.
Un template pour Jekyll par @schoewilliam, axé sur la mise en valeur du texte.
github : https://github.com/Schoewilliam/Schrift
Un article explorant la possibilité de formater une publication scientifique en HTML et CSS. Très intéressant.
A comparer avec #scholmd ou Authorea, par exemple.
Méthode pour versionner un Wordpress avec Git. Curieux, et intéressant.
via http://lien.shazen.fr/?wFKOzw