b_b

#SVG Generators — Smashing Magazine
▻https://www.smashingmagazine.com/2021/03/svg-generators

let’s look at SVG generators — for everything from shapes and backgrounds to SVG path visualizers and SVG → JSX generators.

Pas mal de ressources : backgrounds, code snippets, compression, cropping tools, data visualization, doodle patterns, editors, favicon, filters color matrix mixer, geometric shapes, icon transitions, JPG/PNG → SVG, path visualizers, polygons, repeating patterns, squircicles, section dividers, SVG assets manager, SVG → JSX, SVGs → SVG sprites, text warping, waves, woodworking patterns

#utilitaires #tools

Focalboard: Open source alternative to #Trello, Asana, and Notion
▻https://www.focalboard.com

https://www.focalboard.com/img/hero.jpg

Focalboard is an open source, self-hosted alternative to Trello, Notion, and Asana.

It helps define, organize, track and manage work across individuals and teams. Focalboard comes in two editions:

– Focalboard Personal Desktop: A stand-alone desktop app for your #todos and personal projects
– Focalboard Personal Server: A self-hosted server for your team to collaborate

#kanban

#Apache #redirect www to non-www and HTTP to HTTPS — Simone Carletti
▻https://simonecarletti.com/blog/2016/08/redirect-domain-http-https-www-apache

ping @jeanmarie je crois que j’ai retrouvé ta source :p

#rewrite

CSS Generators — Smashing Magazine
▻https://www.smashingmagazine.com/2021/03/css-generators

this week around we’ll be looking at useful #generators for everything #CSS: from #gradients to #drop-shadows and bezier curves to triangles and type scales. Just a few useful tools for your toolbelt, to keep close.

Ça faisait longtemps que j’avais pas vu un article intéressant passer sur smashing, quelques liens sympas :

▻https://brumm.af/shadows
▻https://9elements.com/blog/css-border-radius
▻https://codepen.io/yaphi1/pen/oNbEqGV
▻https://bennettfeely.com/clippy
▻https://animista.net

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)

#HTML5 #role #attribut_html #balise_sectionnement #aria

Cactus Comments - Federated Web Comments
▻https://cactus.chat

https://cactus.chat/cactus500.png

Cactus #Comments is a #federated comment system for the web, based on the #Matrix protocol.

La Déferlante : la superbe revue qui fait résonner les révolutions féministes - Terrafemina
▻https://www.terrafemina.com/article/la-deferlante-la-superbe-revue-qui-fait-resonner-les-revolutions-feministes_a357159/1

https://static1.terrafemina.com/articles/9/35/71/59/@/535476-la-deferlante-la-nouvelle-revue-trimest-opengraph_1200-2.png

Misandrie, écoféminisme, révolutions chiliennes, sexisme et pop culture... Ce sont mille et uns horizons de réflexion que propose le superbe premier numéro de la revue « La Déferlante », en plus d’une savoureuse rencontre Annie Ernaux/Céline Sciamma.

▻https://revueladeferlante.fr
#revue #trimestrielle #féminisme via @mona

« Comme vous avez pu le voir sur Twitter, j’ai récemment mis en place une infrastructure complète en Data Center. De l’installation des serveurs à la configuration du réseau, venez découvrir comment j’ai mis en place ma nouvelle infra ! »

Un très détaillé compte-rendu de l’installation de serveurs et de leur connexion réseau. Pour se rappeler que l’Internet (SeenThis, par exemple), ne fonctionne pas dans un nuage !

▻https://blog.ataxya.net/une-infra-en-datacenter

https://blog.ataxya.net/content/images/2021/02/image-17.png

#centre_de_données #Internet

mod_rewrite cheat sheet | mod_rewrite reference with useful examples.
►https://mod-rewrite-cheatsheet.com

The mod_rewrite cheat sheet covers all major aspects with minimal detail. It is designed as a quick mod_rewrite reference with useful examples for practical use.

L’anti-sèche complète pour les réécritures d’URLs d’apache avec mod_rewrite
(le complément parfait pour ►https://htaccess.madewithlove.be de ▻https://seenthis.net/messages/631898)

#mod_rewrite #RewriteRule #htaccess #réécriture_url #apache #outil #web-based

Getting The Most Out Of Git — Smashing Magazine
▻https://www.smashingmagazine.com/2021/02/getting-the-most-out-of-git

Staging Selected Parts of Your Changed Files

Luckily, Git allows us to precisely select the chunks we want to put into the next commit! All we have to do is add the -p flag to our git add command:

git add -p imprint.html

https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/dd1057bc-fbe7-41ee-9596-4b1e061f21f8/8-git-add-p.png

Une astuce pour #git que je ne connaissais pas, nice :)

Après quatre pièces d’Erik Satie | Trans Alp | Camomille

Je ne l’avais pas posté ici, et comme je l’écoute en ce moment je partage :)

Trans Alp, c’est Sebastian Drichtel, musicien passionné de musique électronique, concrète. Il revisite Erik Satie tout en préservant le travail, la partition d’origine. A l’écoute, on retrouve, apprécie tout ce que « Les Gnossiennes » de Satie ont de mélancolique, de nostalgique… Beau compromis entre le classique et l’expérimentation musicale electro.

▻https://camomille.bandcamp.com/album/apr-s-quatre-pi-ces-derik-satie

via ▻http://www.ziklibrenbib.fr/trans-alp-apres-quatre-pieces-derik-satie et donc sous licence CC

#son

Aoto

Aoto est un squelette de présentation de photographies.
Il est idéal pour présenter un portfolio de photos, de dessins, ....

Il utilise la fenêtre modale Fancybox 3 qui est particulièrement adaptée aux présentation de photos avec son lecteur intégré.

– La page d’accueil est minimale et affiche une image en fond de façon aléatoire
– Les pages courantes affichent une photo ou une planche contact
– Le squelette fonctionne aussi très bien sur smartphones (gestion du glisser, des zooms, ...)

▻https://contrib.spip.net/Aoto

#spip_blog et merci @erational pour le partage :)

Créer des modèles générant des notes de bas de page

Ce plugin permet de créer des modèles capables de générer des notes de bas de page affichables comme telles.

▻https://contrib.spip.net/Creer-des-modeles-generant-des-notes-de-bas-de-page

#spip_blog

creat2id

Ce plugin a pour objet de permettre la création, dans l’espace public, d’une visiteuse ou d’un visiteur avec une double authentification (vérification en deux étapes, une méthode d’authentification forte).

▻https://contrib.spip.net/creat2id

#spip_blog

Flarum
▻https://flarum.org

https://flarum.org/assets/img/home-screenshot.png

Flarum is a delightfully simple discussion platform for your website. It’s fast and easy to use, with all the features you need to run a successful community.

Server Requirements

– Apache (with mod_rewrite enabled) or Nginx
– PHP 7.2.9+ with the following extensions: curl, dom, gd, json, mbstring, openssl, pdo_mysql, tokenizer, zip
– MySQL 5.6+ or MariaDB 10.0.5+
– SSH (command-line) access to run Composer

#forum

@seenthis cadeau de la semaine, on prend désormais en charge les embeds des émissions de franceculture.fr, exemple :

▻https://www.franceculture.fr/emissions/une-vie-une-oeuvre/bernard-moitessier-le-marin-et-lalliance-1925-1994

Clot | Wax Chattels

noise-rock sans guitare volontiers expérimental!

via ▻http://www.positiverage.com/2020/12/11/wax-chattels-clot

▻https://waxchattels.bandcamp.com/album/clot

#son

Future Sabbath | FOUDRE !

Continuing its exploration of improvised music as a haunting ritual at the confines of the Martian territories of noise, drone and ambient, FOUDRE!, the supergroup composed of Frédéric D. Oberland (Oiseaux-Tempête, Le Réveil des Tropiques, FareWell Poetry), Romain Barbot (Saåad), Paul Régimbeau (Mondkopf, Extreme Precautions, Autrenoir) and Grégory Buffier (Autrenoir, Mätisse) invites us to take part in its Future Sabbath.

▻https://foudrenoise.bandcamp.com/album/future-sabbath

#son

Éco-conception web - Comment coder un site écologique 🌱 – Alex so yes

▻https://alexsoyes.com/eco-conception-web

https://alexsoyes.com/wp-content/uploads/2021/01/eco-conception-web.jpg

Devenir un développeur green avec l’éco-conception web

⭐ Temps de lecture : 54 min.

L’éco-conception web, c’est un ensemble de bonnes pratiques orientées Green IT pour les développeurs voulant créer des sites écologiques.

[...]

Alors si coder un site internet éco-responsable te fait envie, voici le résultat de semaines de recherches sur le Green IT.

Construire un site internet écologique
Un site web green n’est pas un site rapide
Les agences web qui plantent des arbres
L’éco-conception web pour les développeurs
Les outils pour vérifier l’empreinte carbone de son site
Le code côté frontend
Le code côté backend
Web design + écologie = des sites moches ?
Les hébergements verts
La configuration du serveur web
Référencement / SEO
Conclusion

#web #énergie #conception

Ralentissements dans #NextCloud - Liens en vrac de @sebsauvage
▻https://sebsauvage.net/links/?L_gGiw

(1) Lancer la commande occ files:scan-app-data
Elle permet (entre autres) de rafraichir le cache des CSS.

(2) L’application « Theming » qui permet de customiser les couleurs de NextCloud et l’écran d’accueil ralentit MONSTRUEUSEMENT NextCloud 20.
(Aller chercher une icône SVG avec Theming : jusqu’à 7 secondes. La même icône SVG sans l’application Theming : <500ms).
Donc, désactivez cette application.

Je ne vais pas commencer à spammer Seenthis avec de la ligne de commande mais celui-ci était vraiment pénalisant alors si vous mettez votre Nextcloud à jour en version 20...

TabFS
▻https://omar.website/tabfs

TabFS is a browser extension that mounts your browser tabs as a filesystem on your computer.
[...]
Each of your open tabs is mapped to a folder.
The files inside a tab’s folder directly reflect (and can control) the state of that tab in your browser.
Example: the url.txt, text.txt, and title.txt files inside a tab’s folder, which tell me those live properties for that tab

This gives you a ton of power, because now you can apply all the existing tools on your computer that already know how to deal with files — terminal commands, scripting languages, point-and-click explorers, etc — and use them to control and communicate with your browser.

Now you don’t need to code up a browser extension from scratch every time you want to do anything. You can write a script that talks to your browser in, like, a melange of Python and bash, and you can save it as a single ordinary file that you can run whenever, and it’s no different from scripting any other part of your computer.

#tabfs #extension #navigateur #scripts #web_dev

Merge Pull Requests without Merge Commits | Shing’s Blog
▻https://shinglyu.com/web/2018/03/25/merge-pull-requests-without-merge-commits.html

#git

@seenthis cadeau du jour, j’ai amélioré la détection des liens en doublons lors de la rédaction d’un post cf ce ticket ▻https://github.com/seenthis/seenthis_squelettes/issues/126

J’en en ai aussi profité pour corriger le bug qui permettait d’afficher une réponse en dehors de son fil initial.

zoubis :)

La gazette des rois et des reines

▻https://blog.spip.net/La-gazette-des-rois-et-des-reines.html

#spip_blog_done

@seenthis autre cadeau : je n’étais pas pleinement satisfait du rendu des embeds audio depuis archive.org (avec ce grand espace vide sous le player). Je les ai donc eu peu amélioré de façon à minimiser cet espace vide et aussi en affichant l’éventuelle image associée à l’audio.

ref ▻https://github.com/seenthis/seenthis_squelettes/issues/193#issuecomment-751675138

Aperçu de ce que ça donne :

https://user-images.githubusercontent.com/418064/103209852-57670c00-4904-11eb-8e55-c6dec112159f.png

PS : j’ai « vidé le cache » de archive.org (rm -rf tmp/cache/archive-org/*) pour que les liens déjà postés en profitent aussi :)