Aller à la navigation Aller au contenu

Publications de

Filtrer par notes, marques-pages, réponses, textes. Sinon il y a aussi la page des archives.

  1. Marque-page

    How The Web is Really Built

    https://css-tricks.com/how-the-web-is-really-built/

    «Most of the web favors old, stable tech instead of new bling.

    CSS-in-JS? Only 2% of websites.

    React? Only 4%.

    Service Workers? Less than 1%.

    Houdini? Practically 0%.

    Nobody uses jQuery anymore, right? Wrong. It appears on 83% of all websites! Everyone uses Jamstack instead of bloated CMSes, right, right? Wrong. Static site generators are used in less than 1% of websites, WordPress powers one-third of the Web.»

    • web
    • webdev
    • stats
    • Lea Verou
    • analyze
    • framework
    • css
    Publié le . Par Hugo Soucy.
  2. Marque-page

    The Punk in Solarpunk: Not all Rebellion is Performative

    https://solarpunkdruid.com/2020/04/27/the-punk-in-solarpunk/

    «In a society where gritty nihilism and gim-dark is fed through mass media to people solarpunk says no, its time to envision a change for the better.

    In a society where snark and irony are king Solarpunk says no, kindness and earnestness are better.

    In a society where we are taught to use and discard solarpunk say no, we grow and reuse.

    In a society where we are indoctrinated to see ourselves only as consumers, solarpunk says no, we are all creatives.»

    • solarpunk
    • punk
    • rebellion
    • hacker la société
    Publié le . Par Hugo Soucy.
  3. Marque-page

    Nginx gère les images au format Webp

    https://doc.huc.fr.eu.org/fr/web/nginx/nginx-image-webp/

    «Pour ceux qui ne savent pas ce qu’est le format WebP, sachez que c’est un conteneur d’image matricielle, développé par… Google. Il permet de faire d’obtenir des images plus légères, qu’elles ne le seraient au format Jpeg. cf: la section Documentation ci-dessous !»

    • nginx
    • webp
    • image
    • webdev
    • webperf
    • howto
    Publié le . Par Hugo Soucy.
  4. Texte

    Stagit pour exposer ses dépôts git sur le Web

    Stagit est une application, écrite en C, qui crée des pages HTML statiques pour vos répertoires git auto-hébergés. C'est une alternative sobre à gitweb ou à cgit.

  5. Note

    2020-12-17 @ 14:19:43

    Machine avant, machine arrière, machinations, machine learning … deus ex machina

  6. Marque-page

    Faire votre forêt comestible

    https://www.lulu.com/en/en/shop/-ma-ferme-autonome/faire-votre-for%25C3%25AAt-comestible/paperback/product-9wk9ej.html?page=1&pageSize=4

    «Les forêts comestibles sont des biotopes qui produisent de la nourriture et qui ont la particularité de ne demander aucun entretien. On les met en place en modifiant l’écosystème pour que les végétaux producteurs de nourriture qui nous intéressent poussent à l'état sauvage, sans que l'on ait d'effort à fournir pour l'entretenir. Dans une forêt on n’a pas besoin d’arroser, de désherber, de pailler, de semer, de rempoter, de mettre de l’engrais, ou de faire quoi que se soit. On n’a absolument rien à faire parce qu'une forêt comestible ça produit tout seul de la nourriture. Alors comment on fait une forêt comestible vous allez me dire ? Ce que vous propose le présent ouvrage c'est d'aller chercher la réponse à cette question parmi les trésors de la littérature naturaliste de nos ancêtres. Si l’expression « forêt comestible » est une invention moderne, le concept qui se trouve derrière est, en revanche, le fruit d’une longue tradition. Les chercheurs, les forestiers, les agronomes et les botanistes du XIXe siècle ont produit une littérature extrêmement abondante détaillant les moyens de faire pousser des arbres pour produire de la nourriture. L’industrialisation de l’agriculture à partir de la seconde moitié du siècle dernier a relégué ces savoirs au second plan et, peu à peu, on a fini par les oublier. Le livre que vous tenez entre les mains a été écrit pour vous les faire redécouvrir».

    • livre
    • pfnl
    • forêt
    • comestible
    • ressource
    Publié le . Par Hugo Soucy.
  7. Note

    2020-12-14 @ 09:24:20

    Ce matin, il parraît que iGoogle, Google Latitude, Google Reader, Google Buzz, Google Wave, Google+, Google Moderator étaient en panne eux aussi 😁

  8. Marque-page

    The POSIX Shell And Utilities

    • shell
    • unix
    • posix
    • reference
    Publié le . Par Hugo Soucy.
  9. En réponse à https://framapiaf.org/@guillemettesilvand/105339903364699023.

    Si la réparabilité est pour elle un critère, voir https://fr.ifixit.com/smartphone-repairability.

  10. En réponse à https://social.weho.st/@anarcat/105339556220630762.

    Hello @anarcat,

    Cet été j'ai quitté LinkedIn et Twitter (j'y étais depuis 2008). J'ai pas de regret. Parfois, sous le coup de l'émotion j'aimerais bien lancer un trait, ou partager quelque chose à telle ou telle personne. Mais c'est justement pas mal de se garder cette distance pour décanter l'émotion.

    Si ce que j'ai a dire à quelqu'un est vraiment si important, je peux m'arranger pour trouver son courriel ou lui écrire une lettre 😄. Sinon je pense que je peux passer à autre chose. Il me reste Mastodon et mon site pour communiquer en ligne avec le reste du monde.

  11. En réponse à https://mamot.fr/@emmanuelc/105338403799850019.

    @emmanuelc@mamot.fr Bien ça ne veut pas dire qu'un générateur de site statique c'est simple, mais que celui-ci, est peut-être plus simple que celui-là.

    Déjà, il faut connaître ce que c'est un static site generator, ce qui n'est pas évident en soi. Primo, il faut savoir que ça existe; deuxio, il faut avoir du temps pour creuser le sujet. On peut savoir faire du HTML/CSS et pas savoir ce que c'es un SSG; on peut avoir développé 50 sites WordPress dans sa vie, sans savoir ce que ça mange en hiver un SSG.

    Sinon, il y'a peut-être même des gens qui utilisent GoHugo (un SSG très populaire écrit en Go) sans nécessairement tout piger du fonctionnement d'un SSG. Moi j'utilise Docker tous les jours, sans pour autant comprendre réellement à quoi ça sert et comment ça fonctionne; je fais machinalement ce que j'ai besoin de faire avec cet outil, sans avoir le désir d'en apprendre plus pour l'instant. Et c'est vrai pour plein de chose que nous utilisons dans notre quotidien.

    Un SSG c'est GoHugo, mais ça peut être aussi lowdown avec quelques fonctions bash. Les deux pourraient être qualifiés de “simples” pour des raisons bien différentes. Ce qui est simple à des yeux d'inité, peut paraître opaque et angoissant, à quelqu'un qui débarque pour la première fois dans cette chose supposément “simple”.

  12. Marque-page

    Control Panel

    https://control--panel.com/

    «In praise of dials, toggles, buttons, and bulbs. A companion blog to the Control Panel group on Flickr.»

    • design
    • interface
    • control panel
    • inspiration
    • curation
    Publié le . Par Hugo Soucy.
  13. Marque-page

    Peek - an animated GIF recorder

    https://github.com/phw/peek

    «Simple animated GIF screen recorder with an easy to use interface.»

    • screencast
    • gif
    • recorder
    • capture
    • tool
    Publié le . Par Hugo Soucy.
  14. Note

    2020-12-01 @ 14:29:36

    Tao du #frontend #7 : En voulant faire les choses rapidement pour gagner du temps, nous en perdons beaucoup.

  15. Marque-page

    Cutting the mustard

    https://responsivenews.co.uk/post/18948466399/cutting-the-mustard

    «The browser is a hostile development environment and supporting a wide range of desktop browsers can be tough work.

    One of the immediate challenges we discovered when we first started the responsive news prototype was the large range of devices that we would have to support. It terrified us. This article is about a solution we use to alleviate this problem.»

    • webdev
    • responsive
    • rwd
    • browser
    • navigateur
    • javascript
    • progressive enhancement
    • compatibility
    Publié le . Par Hugo Soucy.
  16. Marque-page

    Lorem Barnak

    https://lorembarnak.com/

    «Une combinaison du célèbre texte de remplissage “Lorem ipsum” et du juron emblématique “tabarnak”, Lorembarnak rend hommage au riche paysage culturel des sacres québécois en générant sur demande des chaînes d'obscénités aléatoires.

    Vous vous-êtes cogné l'orteil si fort que vous en perdez vos mots? On vous a chargé de composer quelques paragraphes pour un projet qui vous met en beau maudit? Vous sentez monter la frustration en essayant d'assembler un nouveau meuble suédois? Peu importe l'occasion, Lorembarnak sera là pour répondre à tous vos besoins à base de texte.»

    • lorem ipsum
    • lorem
    • generator
    • remplissage
    • webdev
    Publié le . Par Hugo Soucy.
  17. En réponse à https://fosstodon.org/@kev/105265848408478933.

    Nice, maybe you could do a webring with it? ;) https://garlic.garden/onionring/

  18. En réponse à https://mamot.fr/@arkhi/105264670709896815.

    Ouache c'est moisie comme façon de faire! Ça ressemble à de la contrôlite aiguë ;)

  19. En réponse à https://mastodon.sdf.org/@hs0ucy/105245768538772260.

    Ceci est un test de réponse via brid.gy.

  20. Note

    2020-11-17 @ 11:11:35

    Je trouve que le #HTML est un format de données sous-utilisé.

  21. Marque-page

    Sustainable Web Manifesto

    https://www.sustainablewebmanifesto.com/

    We need a #sustainable internet

    We all share and use the web, just as we all share and live on this planet. This #manifesto is a public declaration of a shared commitment to create a sustainable internet.

    The planet is experiencing unprecedented climate change and the Internet is both part of the problem and the solution. From websites to cryptocurrencies, the Internet consumes large amounts of electricity in data centres, telecoms networks, and end user devices. If the Internet was a country, it would be the 6th largest polluter in the world and is expected to grow considerably by 2030.

    If we embrace sustainability in our work, we can create a web that is good for people and planet. By signing this manifesto you declare your commitment to create a greener web.

    • webdev
    • sustainable
    • manifesto
    • co2
    • ecology
    • écologie
    Publié le . Par Hugo Soucy.
  22. Marque-page

    Les semenciers et semencières du Québec

    • semance
    • permaculture
    • jardinage
    Publié le . Par Hugo Soucy.
  23. Marque-page

    Designers Ethiques - PeerTube

    • design
    • ethic
    • éthique
    • videos
    Publié le . Par Hugo Soucy.
  24. Marque-page

    Plausible Analytics

    • analytics
    • privacy
    • floss
    • webdev
    Publié le . Par Hugo Soucy.
  25. Marque-page

    Public Money Public Code

    • floss
    • gouvernance
    • politique
    • fsfe
    • code
    Publié le . Par Hugo Soucy.
  26. Marque-page

    Google's Top Search Result? Surprise! It's Google

    • gafam
    • google
    • big brother
    • search
    • seo
    Publié le . Par Hugo Soucy.
  27. Marque-page

    Mâche Patate (urbainculteurs)

    • balado
    • podcast
    • permaculture
    • agriculture
    Publié le . Par Hugo Soucy.
  28. Marque-page

    BSD How To

  29. Marque-page

    Fuck costco

    • costco
    • banlieue
    • consommation
    • humeur
    Publié le . Par Hugo Soucy.
  30. Marque-page

    L'éducation populaire, Monsieur, ils n'en ont pas voulu

    • conférenceg gesticulée
    • éducation populaire
    • video
    Publié le . Par Hugo Soucy.
  31. Marque-page

    Your Secure Life Podcast

    • podcast
    • balado
    • security
    • computer
    Publié le . Par Hugo Soucy.
  32. Marque-page

    CO2 emissions on the web

    • co2
    • webdev
    • éco-conception
    • ecology
    Publié le . Par Hugo Soucy.
  33. Marque-page

    What is DWM?

    • dwm
    • suckless
    • window manager
    • unix
    Publié le . Par Hugo Soucy.
  34. Note

    2020-11-11 @ 15:21:59

    I'm Looking for a name for my #lua based static site generator (#ssg) … Any ideas? #namingThingsIsHard

  35. Marque-page

    HTML Tidy

    http://www.html-tidy.org/

    “Tidy is a console application for Mac OS X, Linux, Windows, UNIX, and more. It corrects and cleans up HTML and XML documents by fixing markup errors and upgrading legacy code to modern standards.”

    • html
    • webdev
    • tidy
    • cleaner
    • tool
    Publié le . Par Hugo Soucy.
  36. Marque-page

    Scour - An SVG Optimizer / Cleaner

    https://github.com/scour-project/scour

    “Scour is an SVG optimizer/cleaner that reduces the size of scalable vector graphics by optimizing structure and removing unnecessary data written in Python.”

    • svg
    • webdev
    • tool
    • optimizer
    • python
    • cli
    Publié le . Par Hugo Soucy.
  37. Marque-page

    xml2lua

    • xml
    • lua
    • parser
    • lua table
    Publié le . Par Hugo Soucy.
  38. Marque-page

    Lua-Gumbo

    • parser
    • lua
    • html
    Publié le . Par Hugo Soucy.
  39. Marque-page

    Export org-mode headlines to separate files

    http://pragmaticemacs.com/emacs/export-org-mode-headlines-to-separate-files/

    Pour bloguer c'est une bonne idée … toutes les pages de ton site peuvent tenir dans un seul fichier org. Ensuite selon certaines propriétés tu scindes les noeuds en différente pages. Il pourrait y avoir plusieurs niveaux de granularité pour avoir des sections, sous-sections, sous-sous-sections, etc.

    • emacs
    • org
    • howto
    • export
    Publié le . Par Hugo Soucy.
  40. Marque-page

    Configuring Alpine

    • mail
    • alpine
    • howto
    • config
    • pinerc
    • mailclient
    • terminal
    • unix
    Publié le . Par Hugo Soucy.
  41. Marque-page

    Des balados écolos pour tous les goûts

    • balado
    • podcast
    • écologie
    Publié le . Par Hugo Soucy.
  42. Marque-page

    L'embarras du temps pour la cueillette en forêt

    • forêt
    • gastronomie
    • cueillette
    • pfnl
    Publié le . Par Hugo Soucy.
  43. Marque-page

    Small Technology Foundation

    https://small-tech.org/

    «We’re a tiny and independent two-person not-for-profit based in Ireland. We advocate for and build small technology to protect personhood and democracy in the digital network age.»

    • obnl
    • webdev
    • lowtech
    • ethicaldesign
    • ethicalweb
    Publié le . Par Hugo Soucy.
  44. Marque-page

    Varia

    https://varia.zone/

    «varia (Gouwstraat 3, Rotterdam) is a space for developing collective approaches to everyday technology.»

    • collective
    • technology
    • diy
    • diwo
    Publié le . Par Hugo Soucy.
  45. Marque-page

    Hackitude

    • coop
    • diy
    • collective
    • lowtech
    Publié le . Par Hugo Soucy.
  46. Marque-page

    Disroot

    https://disroot.org/

    «Disroot is a platform providing online services based on principles of freedom, privacy, federation and decentralization. No tracking, no ads, no profiling, no data mining!»

    • cloud
    • services
    • collective
    • decentralization
    • federation
    • privacy
    Publié le . Par Hugo Soucy.
  47. Note

    2020-11-07 @ 13:40:40

    Why there is no port for the #Julia programming language in #OpenBSD?

  48. Marque-page

    Gauthier Roussilhe

    • designer
    • lowtech
    • écoconception
    Publié le . Par Hugo Soucy.
  49. Marque-page

    RetroSuburbia

    • permalculture
    • davidholmgren
    • book
    • livre
    Publié le . Par Hugo Soucy.
  50. Marque-page

    Finally, I Closed My LinkedIn

    • socialnetwork
    • quitting
    • linkedin
    • testimony
    Publié le . Par Hugo Soucy.
  51. Marque-page

    Woodgears

    • diy
    • bois
    • wood
    • howto
    Publié le . Par Hugo Soucy.
  52. Marque-page

    Digital Exhaustion (What’s up with me?)

    • digitalexhaustion
    • testimony
    Publié le . Par Hugo Soucy.
  53. Marque-page

    How to Leave Facebook

    • facebook
    • quitting
    • socialnetwork
    • gafam
    Publié le . Par Hugo Soucy.
  54. Marque-page

    Earth Repair Radio

    • permaculture
    • balado
    • podcast
    Publié le . Par Hugo Soucy.
  55. Marque-page

    Régénération Canada

    • sol
    • écosystème
    • écologie
    • permaculture
    Publié le . Par Hugo Soucy.
  56. Marque-page

    Polémos

    • décroissance
    • écologie
    • idée
    Publié le . Par Hugo Soucy.
  57. Marque-page

    La face cachée de la relance verte

    • décroissance
    • humeur
    • idée
    Publié le . Par Hugo Soucy.
  58. Marque-page

    [Histoires de vélos

    • film
    • documentaire
    • vélo
    Publié le . Par Hugo Soucy.
  59. Marque-page

    Low Tech Lab

    • lowtech
    • howto
    • diy
    Publié le . Par Hugo Soucy.
  60. Marque-page

    Design Écologique

    • permaculture
    • foretnourriciere
    • entreprise
    • horticulture
    Publié le . Par Hugo Soucy.
  61. Marque-page

    Technologie forestière

    • étude
    • cégep
    • dec
    Publié le . Par Hugo Soucy.
  62. Note

    2020-11-05 @ 13:15:24

    C'est bien beau injecter des fonds pour supporter la santé mentale des personnes … Mais qu'en est-il des causes?!

    C'est la façon dont nous avons organisé nos sociétés qui met en péril notre santé mentale!

    Si la seule réponse que nous avons à cela c'est de l'argent, alors nous ne sommes pas encore sur la bonne track.

  63. Marque-page

    OpenBSD Handbook

    • openbsd
    • documentation
    • unix
    Publié le . Par Hugo Soucy.
  64. Marque-page

    The Big Hack

    • a11y
    • webdev
    • howto
    Publié le . Par Hugo Soucy.
  65. Marque-page

    The most useful accessibility testing tools and techniques

    • a11y
    • webdev
    • tools
    Publié le . Par Hugo Soucy.
  66. Marque-page

    Learn UXD

    • ux
    • ui
    • design
    • learn
    • howto
    • webdev
    • webdesign
    Publié le . Par Hugo Soucy.
  67. Marque-page

    Getting Started with Eleventy

    • 11ty
    • webdev
    • tuto
    • ssg
    Publié le . Par Hugo Soucy.
  68. Note

    2020-10-05 @ 13:20:19

    Tao du #frontend no. 6: Les comportements dans l'interface web devraient toujours se coller, le plus possible, aux comportements par défaut du navigateur.

  69. Note

    2020-10-02 @ 08:52:46

    Bizarre, y'a qu'aux riches qu'on ne demande jamais de se réinveter. #covid19 #1% #novlangue

  70. Note

    2020-10-02 @ 08:02:41

    Fait longtemps que je n'ai pas donné de l'amour à mes projets perso. Beaucoup la tête dans les livres ces temps-ci; beaucoup la tête dans la tête ces temps-ci.

  71. Marque-page

    BMR dirigera la quasi-totalité de ses investissements médiatiques vers des médias de chez nous

    • gafam
    • pub
    • marketing
    • bmr
    Publié le . Par Hugo Soucy.
  72. Marque-page

    The Need for Speed, 23 Years Later

    • internet
    • speed
    • performance
    • webdev
    Publié le . Par Hugo Soucy.
  73. Marque-page

    Tips for Writing for the Web

    • webdev
    • writing
    • rédaction
    • écriture
    Publié le . Par Hugo Soucy.
  74. Marque-page

    System UIcons

    • icons
    • ui
    • webdev
    • svg
    Publié le . Par Hugo Soucy.
  75. Marque-page

    La société des plantes

    • Kamouraska
    • semence
    • semencier
    Publié le . Par Hugo Soucy.
  76. Marque-page

    NO TECH MAGAZINE

    • lowtech
    • notech
    • blogue
    • magazine
    Publié le . Par Hugo Soucy.
  77. Marque-page

    Survival of the Richest

    • richest
    • climat
    • écologie
    • milliardaires
    • riches
    Publié le . Par Hugo Soucy.
  78. Marque-page

    Décroissance ou transition écologique?

    • décroissance
    • écologie
    • covid19
    • lapresse
    Publié le . Par Hugo Soucy.