Check Out the New Page Builder in Drupal 8.5!
▻https://www.ostraining.com/blog/drupal/drupal-85
“the most exciting feature in Drupal 8.5 is the Layout Builder. No matter what you personally think about Page Builders, vast sections of the website-building world loves them. You can talk about other Drupal features headless frontends and continuous integration tools all day, but drag-and-drop Page Builders is what many end-users care about”
#idée_pour_SPIP (noizetier tout ça)
Retour d’experience sur le developement d’un éditeur rich text, axé rédaction digital, pour le NYT.
manipulation DOM, Utilise ProseMirror, intéressant pour la structuration des blocs imbriqués de contenu…
Building a Text Editor for a Digital-First Newsroom
▻https://open.nytimes.com/building-a-text-editor-for-a-digital-first-newsroom-f1cb8367fc21
►https://seenthis.net/messages/693664
C’est exactement ce qu’il faut et que j’attends depuis des années, même après que Wikipedia ait codé son éditeur wysiwyg mais qui enregistre en une autre syntaxe après (càd ça ne produit pas du html). Sauf que wikimedia l’a codé que pour eux, pas en lib générique.
Or là Prosemirror est vraiment une lib générique qui montre à l’utilisateur un éditeur #wysiwyg MAIS qui produit un format pivot intermédiaire en JSON, de données structurées, qui peut donc ensuite être utilisé pour produire n’importe quoi, et alors enregistrer en SPIP en Markdown ou n’importe quoi d’autre…
This is the future !
Le site officiel du « moteur » sous ce projet : ProseMinor
►http://prosemirror.net
Et pour en rajouter une couche sur les possibilités de ProseMinor vis à vis des fonctionnalités d’édition de SPIP : ▻https://prosemirror.net/examples/dino
qui donne un exemple d’intégration d’un nouvel objet éditorial (ici un dinosaure) tout à fait similaire aux modèles SPIP...
#json #ProseMirror #éditeur #SPIP
@rastapopoulos paye ton ticket ? (tant que core.spip.net tourne toujours ^^)
J’avais fait un ticket sur le développement d’un éditeur basé sur CodeMirror déjà, mais pour faire du WYSIWYM donc. Là c’est une autre piste du coup. Donc autre ticket… ou bien transformation du précédent en complétant pour présenter les deux pistes (et peut-être même que les deux pourraient être bien à la fois, car quand on a un éditeur WYSIWYG, il faut toujours avoir aussi un éditeur de source en parallèle, et alors autant qu’il soit WYISWYM tant qu’à faire…)
Designing Tables for Reusability
▻https://uxdesign.cc/designing-tables-for-reusability-490a3760533
“designing a standard table UI pattern that could be used across multiple product lines with different use cases and different target users”
Réécriture de code vieux de 17 ans - Anna Filina - Forum PHP 2017
▻https://www.youtube.com/watch?v=AlkdqUNX4Rw
Excellente conférence sur des méthodes et des stratégies pour faire du refactoring même de très vieux projets très compliqués. Merci @marcimat !
#refactoring #programmation #développement #code #bonnes_pratiques #bonne_pratique #tests_unitaires #documentation #PHP et bien sûr 17 ans ça vous dit rien ? #idée_pour_spip !
Frappé Charts
▻https://frappe.github.io/charts
GitHub-inspired simple and modern charts for the web with zero dependencies.
#graphes #javascript (et pas #d3.js)
▻http://blockbuilder.org/Fil/e0e862c46b4fe5087f28c6f601772d78
Ça tourne dans le vide le bockbuilder chez moi
et si tu vas directement sur ▻https://bl.ocks.org/Fil/e0e862c46b4fe5087f28c6f601772d78
Encore une #idée_pour_spip s’il s’avère mieux que les autres, et s’il est relativement complet. Un jour il faudrait vraiment en choisir une de librairie récente et moderne et la mutualiser dans un plugin et l’utiliser pour les stats officiels et autres plugins ensuite.
#idée_pour_spip, à intégrer dans le thème/framework CSS des choses disponibles dans l’admin
Confort-plus, une solution libre contre la #dyslexie
▻http://confort-plus.orange.com
Je découvre en jetant un œil au programme de Paris-web cette conférence sur la dyslexie et de manière plus générale sur l’accessibilité
▻https://www.paris-web.fr/2017/conferences/dyslexie-des-solutions-numeriques-pour-rendre-le-web-plus-lisible.php
Ce service offre une vingtaine d’options pour adapter les sites Web à votre besoin : que vous ayez des déficiences visuelles ou une simple fatigue, des problèmes de reconnaissance des mots pour des raisons de dyslexie ou autres, de la difficulté à utiliser une souris ou que vous ne sachiez pas comment paramétrer votre ordinateur, Orange Confort+ vous apporte des solutions : un paramétrage à réaliser une fois et tous les sites Web prendront en compte vos préférences
Apparemment assez léger à intégrer sur son site (et pourquoi pas dans l’interface privée de Spip ?). L’outil est dispo sur GitHub et en GPL.
About - graphql-php
▻http://webonyx.github.io/graphql-php
Une implémentation en PHP d’un serveur GraphQL, et qui permet de l’utiliser avec nos logiques métiers déjà existantes (on implémente suivant notre backend quoi).
graphql-php is a feature-complete implementation of GraphQL specification in PHP (5.5+, 7.0+). It was originally inspired by reference JavaScript implementation published by Facebook.
This library is a thin wrapper around your existing data layer and business logic. It doesn’t dictate how these layers are implemented or which storage engines are used. Instead, it provides tools for creating rich API for your existing app.
#graphql #php #api #développement #web #idée_pour_SPIP
La gestion des médias avec Drupal 8
▻https://www.flocondetoile.fr/blog/la-gestion-des-medias-avec-drupal-8
« La gestion des médias a été identifiée comme une des priorités lors de la dernière DrupalCon (Nouvelle Orléans 2016). Si nous pouvions disposer sur Drupal 7 de quelques modules contribués offrant une expérience utilisateur sans égal pour la gestion des médias, Drupal 8 était encore orphelin il y a peu d’une solution équivalente. »
#Drupal #CMS #médias #idée_pour_SPIP #interface
et cc @nicod_ @drbouvierleduc pour les médias, l’insertion des médias, etc, juste pour idées, avoir en tête.
Et l’architecture générale du bousin :
▻https://drupal-media.gitbooks.io/drupal8-guide/content/modules/entity_browser/architecture.html
country-list/data at master · umpirsky/country-list · GitHub
▻https://github.com/umpirsky/country-list/tree/master/data
la liste de tous les pays dans toutes les langues en correspondance avec leur ISO code, dans quasiment tous les formats « utiles » : json, txt, xml, csv, php, sql, yaml...
#idée_pour_spip pour le plugin Pays.
Il faudrait pareil pour le plugin Géographie, toujours mis à jour, pour les villes, régions, etc, et aller piocher dedans au démarrage puis en synchro régulière.
Moving to a System #Font Stack in 2017
▻https://woorkup.com/system-font
With the font-family property with web fonts, you typically have your primary font and one or two fallback fonts. With system fonts, you have to include all of the different operating systems, and therefore you have to stack quite a few more fonts. This is why it is called a “system font stack.”
Davantage d’exemples intéressants (Medium, Github…) dans cet article cité ici : ▻https://seenthis.net/messages/528287
Celui de WP donc :
body {
font-family: -apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
"Helvetica Neue",
sans-serif;
}
pas stupide, mais en gros ça revient à annuler la fonte par défaut des navigateurs… #idée_pour_firefox :)
An open-source CMS for your Git workflow ►https://www.netlifycms.org
Content management in a single-page app
Built in React.js with extensible components
Integrate with any build tool
Plug in to any static site generator
C’est intéressant la concrétisation dans une interface utilisateur d’un workflow editorial basé sur Git.
Donc le nouveau moteur de Smashing magazine oO ▻https://next.smashingmagazine.com/2017/03/a-little-surprise-is-waiting-for-you-here--meet-the-next-smas
How We Engineered CMS Airship to be Simply Secure - Paragon Initiative Enterprises Blog
▻https://paragonie.com/blog/2017/03/how-we-engineered-cms-airship-be-simply-secure
CMS Airship is a Free Software content management system (available on Github) that we introduced to the world last year.
We chose to build CMS Airship for two reasons:
The population of online publishers that need a content management system significantly dwarfs the population of web designers or software developers.
The existing content management systems offered inadequate security and neglected to cultivate a culture that promotes better security practices. (Often, they sacrifice security entirely in pursuit of adoption and market share.)
Although we have tried for years (and will continue to try) to improve the security posture of other open source CMS platforms, we believe that truly democracised publishing is only possible if a secure-by-default option is available today.
Le «handbook» de la communauté de travail participative Enspiral (NZ)
Github : ▻https://github.com/enspiral/handbook
Site : ▻https://handbook.enspiral.com
Ils éditent notamment un logiciel de prise de décision collaborative appelé Loomio : ▻https://github.com/loomio/loomio
meh, je m’aperçois que j’avais bookmarqué loomio en... 2012 :-/
Et « comme très souvent », disponible en tant que #framatruc :p
#idée_pour_SPIP (pas pour le logiciel, pour la communauté)
MediumEditor
▻http://yabwe.github.io/medium-editor
Un éditeur de texte en ligne sans textarea . Pur javascript (pas de lib compliquée/lourde). Nombreux modules complémentaires (ajout d’images ou vidéos, de code HTML, utilisation de Markdown...)
#SPIP #crayons #javascript #wysiwyg #editeur
Comme je l’avais expliqué ici :
▻https://seenthis.net/messages/161212#message161373
quand il s’agit de produire et d’enregistrer directement du HTML, c’est immensément plus facile de créer un éditeur WYSIWYG puisqu’on édite directement le HTML dans le navigateur, et basta. C’est exactement ce que fait cet éditeur, et quelques autres.
Quand il s’agit d’enregistrer dans un autre format, afin d’avoir un truc plus neutre qui permettre de générer ensuite d’autres choses (PDF ou autre), et bien il faut passer par un format pivot, et ensuite à la fin l’enregistrer dans le format final. C’est ce que fait l’éditeur WYSIWYG de Wikipedia, mais qui ne sait apparemment générer QUE leur format Wiki à eux (je n’ai vu nulle part que ce soit modulaire et que l’étape final format pivot => format wiki soit un plugin et puisse être surchargé).
Vu que l’éditeur ne sait tripoter que du HTML, là pour Markdown, ils choisissent du coup d’utiliser le HTML comme format pivot, et à la fin de transformer le HTML en format texte brut markdown (comme sale() en gros). Ça ne me parait pas toujours praticable ni très propre, il doit y avoir des approximations.
D’après moi, il n’y a toujours que l’éditeur de la fondation Wikimedia qui fait les choses de manière complète et propre (y compris pour les « modèles » avec arguments et tout !), mais sauf qu’ils n’ont pas codé leur librairie de manière à pouvoir générer d’autres formats que le leur apparemment…
(Sinon ça ne parle pas de SPIP, c’est plutôt le tag #idée_pour_SPIP :))
Pouvoir créer des tableaux à partir de data json : ▻https://www.dynatable.com
#idée_pour_spip #json #javascript
PHP : NumberFormatter - Manual
▻http://php.net/manual/fr/class.numberformatter.php
Cette classe PHP est disponible dans le noyau depuis 5.3. Elle mériterait d’être intégrée en filtre dans SPIP à mon avis, car elle permet d’afficher les nombres suivant la langue (avec point ou virgule ou espace, etc). Et donc ça peut s’utiliser aussi bien pour les tailles de fichiers, les distances, les prix, ou n’importe quoi. D’ailleurs la fonction gère aussi les prix avec devise suivant la langue (avec la devise avant ou après le nombre par exemple), et donc elle pourrait être aussi utilisée dans le plugin Prix à la place du vieux money_format().
#développement #web #PHP #nombre #internationalisation #multilinguisme #SPIP #idée_pour_SPIP
api.gouv.fr
▻https://api.gouv.fr
Vous êtes une #administration, une collectivité, un éditeur de solutions pour les particuliers ou les entreprises et souhaitez simplifier radicalement la relation des usagers à l’administration.
Les #API présentées ici sont des interfaces web permettant la communication et l’échange de #données entre applications.
Les API proposées vous permettent de :
simplifier les démarches d’un usager
guider l’usager dans la saisie d’informations
récupérer des informations que l’administration possède déjà
Voir par ex la base d’#adresses nationales : ▻https://api.gouv.fr/api/base-adresse-nationale.html
#gouvernement #big_data #web_dev
Ah ouais ! On pourrait un faire un plugin qui synchronise une fois par mois les données avec les tables du plugin Géographie, pour y ajouter le contour JSON + la population, etc. Comme ça on les a accessible en local dans notre base pour boucler dessus, mais on synchro régulièrement avec des données à jour.
Les nouveaux outils de personnalisation d’interface de Medium
▻https://medium.com/une-histoire/how-to-make-your-publication-look-great-6a6d38175faa
Medium vient d’ajouter des outils pour personnaliser ses pages, donc faire un site plus perso. C’est intéressant de voir que ça permet des choses mais tout en restant limité. Header, grilles, etc. Ça a l’air simple et bien fichu, sans 40000 options trop compliquées.
Idées à piquer pour un squelette SPIP qui aurait des options de personnalisation mais-pas-trop ?
#idée_pour_SPIP #Medium #interface #personnalisation #ergonomie
Je suis en train d’essayer en simulant un site de revue de presse scandinave (un vieux rêve cc @archiloque). Pour l’instant je n’ai pas encore réussi à poster :) mais je n’ai pas encore pris le temps d’explorer et d’écrire :
@reka je t’attends :-) pour Medium attention au moment où ils voudront gagner de l’argent
recompress jpg files on the fly · GitHub
▻https://gist.github.com/Fil/d5c57c49ef07f6ff4400cdcdf8b5051c
Un proxy (en php) pour servir les images jpeg optimisées par jpeg-recompress (cf ►https://github.com/danielgtaylor/jpeg-archive). Inclus un système de cache et la gestion des en-têtes pour ne pas recompresser à chaque hit.
A intégrer en plugin SPIP ? (merci Fil !)
#php #jpeg-recompress #github #optimisation #jpg #jpeg
le plus délicat c’est l’installation de jpeg-recompress, qui fait partie de #jpeg-archive évoqué ici ▻http://seenthis.net/messages/464503
Un outil surpuissant pour Importer du xml ou du csv dans wordpress
▻http://www.soon7.com/developpements/un-outil-surpuissant-pour-importer-du-xml-ou-du-csv-dans-wordpress
WP All Import est un plugin wordpress vous permettant d’importer des fichiers xml et CSV de façon assez bluffante. Vous pouvez importer votre fichier soit depuis votre machine, soit depuis une url (ce dernier choix permettant de mettre à jour vos données dès que le fichier est mis à jour) Il vous permet (entre autre) […]
La page du plugin tant qu’à faire
▻https://wordpress.org/plugins/wp-all-import
Et la doc complète
▻http://www.wpallimport.com/documentation
J’avais une idée dans ce genre là pour SPIP mais c’est vraiment un gros projet, et pour l’instant je me suis contenté de faire un script dédié pour chacun de mes besoins d’importation de CSV…
J’ai démarré un truc comme ca en boucle data de SPIP récemment. Ca laisse songeur...
Il y a en effet des bonnes idées dans ce plugin wordpress notamment la présentation cote à cote avec glissé déposé des noeuds d’un fichier XML et des champs de la table ou l’on veut importer.
Hello @rastapopoulos effectivement tu as raison j’ai rajouté les liens.
@booz oui c’est sur que le coup du drag and drop n’a pas du être facile à dév, mais au final c’est super agréable !
GraphQL is the King. Long Live the King! (R.I.P. REST) — Medium
▻https://medium.com/@scbarrus/graphql-is-the-king-long-live-the-king-r-i-p-rest-cf04ce38f6c
Basically, GraphQL is the future of the internet. For the next few years anyway. REST was great, served a lot of good purposes, and will likely remain how we structure our services even with a GraphQL layer for our own sanities sake. But, IMHO GraphQL is the future.
Le site du projet ▻http://graphql.org
Un exemple :
A GraphQL query is a string interpreted by a server that returns data in a specified format. Here is an example query:
{
user(id: 3500401) {
id,
name,
isViewerFriend,
profilePicture(size: 50) {
uri,
width,
height
}
}
}And here is the response to that query.
{
"user" : {
"id": 3500401,
"name": "Jing Chen",
"isViewerFriend": true,
"profilePicture": {
"uri": "http://someurl.cdn/pic.jpg",
"width": 50,
"height": 50
}
}
}Ça pourrait être rigolo de jouer avec ce truc pour la #seenthis_api non ?
Mieux : faire un plugin SPIP générique « GraphQL » utilisant le plugin « HTTP ». :)
#idée_pour_SPIP #développement #web et #API bien sûr
Écrire avec VIM, pusher sur GitHub, publier sur WordPress
▻http://aldarone.fr/ecrire-avec-vim-pusher-sur-github-publier-sur-wordpress
J’en ai parlé il y a quelques jours sur mon Shaarli, voila un article un peu plus complet sur mon nouveau workflow d’écriture de #blog.(Permalink)
un petit plus sympa serait de mettre un lien de ton blog vers les sources github, permettant d’aller directement au bon endroit pour éventuellement proposer des modifs
PS : ce serait vraiment cool d’avoir un plugin équivalent à ▻https://wordpress.org/plugins/wp-github-sync pour #SPIP !
Oui pour le lien c’est pas inclu dans le plugin mais il y a des instructions. Je vais peut-être coder ça ce week-end.
Pour les inconditionnels de vim, il y a un addon interessant : wasavi.
Dans un textarea, tu peux activer « vi-mode » en appuyant sur Ctrl + Enter
▻http://appsweets.net/wasavi
Pour les inconditionnels de vim, il y a un addon interessant : wasavi.
Dans un textarea, tu peux activer « vi-mode » en appuyant sur Ctrl + Enter
Pentadactyl le permet aussi (C-i dans un champ de formulaire, d’ailleurs j’écris ce commentaire dans vim), et je suppose que c’est dispo dans Vimperator.
Pour ceux que ça intéresse d’écrire un article de blog/chat/autre depuis vim ou tout autre éditeur, en markdown ou toute autre syntaxe, on va le permettre avec le version à venir de SàT (on le permet déjà avec le chat en fait) via l’interface en ligne de commande. En prime c’est du blog basé sur XMPP, décentralisé tout ça tout ça. Pour la gestion de version on fait pas encore par contre, mais rien n’empêche d’utiliser n’importe quel gestionnaire de version.
Donc pour faire suite à mon précédent message : ▻http://seenthis.net/messages/473423 et ►http://www.goffi.org/blog/goffi/02bfcc6c-f82f-4bc9-b12b-aef8d5a19fc2