utile - Ange Chierchia

Optimisez vos publications WordPress avec Post Kinds!

Wed, 06 Mar 2024 13:36:28 +0000

Bookmarked Browser Bookmarklets and Mobile Sharing with Post Kinds Plugin for WordPress by Chris Aldrich.

Je viens de tomber sur cet article de Chris Aldrich dans lequel il explique comment accélérer le processus de publication grâce au plugin WordPress Post Kinds et ses URLs du style http://example.com/wp-admin/post-new.php?kind=bookmark&kindurl=@url

Mise à jour de qrcode.lu

Sat, 17 Feb 2024 15:12:10 +0000

Cette semaine au boulot on a mis en ligne une nouvelle fonctionnalité sur notre outils de partage d’URL maison, développé en React et PHP.

On avait pas mal de clients à l’agence qui nous demandaient de pouvoir afficher un code QR différent suivant si on le scanne via un mobile Android ou iOS, notamment pour pouvoir rediriger sur le bon Store d’applications sans forcément avoir deux codes QR.

C’est chose faite depuis hier soir ! L’outil ne servant pas seulement à générer des codes QR, il est tout à fait possible de troller vos potes sous Android (et inversement !)

Là dessus, je vous laisse avec la bande annonce de Deadpool 3 que j’ai trop hâte d’aller voir au ciné ! https://qrcode.lu/9QGmqh

Supprimer les dossiers `node_modules` sur Mac ou Linux

Wed, 31 Jan 2024 08:46:05 +0000

Si vous êtes comme moi, vous bossez sur de nombreux projets dans lesquels vous avez lancé des npm install, Et à un moment donné, votre ordi n’a plus de place sur son disque… Et si on supprimait le dossier node_modules présents dans chacun de vos projets inactifs ?

Le faire dans chaque dossier un par un est fastidieux, pourquoi ne pas le faire en ligne de commande ? Pour ça, rien de plus simple :

cd ~/mondossier && find . -name 'node_modules' -type d -prune -print -exec rm -rf '{}' ;

Alors j’avoue, je ne saurai pas traduire la commande en français, mais en gros, voilà ce que ça fait :

on se rend dans le dossier mondossier de l’utilisateur courant
on recherche tous les dossiers node_modules présents dans les sous dossier de mondossier
on les supprimes en supprimant aussi les dossiers et fichiers présent dedans.

Et voilà !

Modifier la Timezone d’un site en Jekyll

Tue, 31 Oct 2023 20:51:57 +0000

Cela fait plusieurs mois que j’essaie de comprendre pourquoi lorsque je publiais quelque chose sur mon blog, la date était souvent incohérente. Ça m’embêtait mais pas au point de vouloir m’intéresser au problème. Et puis ce week-end, alors que j’essayais d’ajouter mon archive Twitter dans le flux d’articles du blog, je me suis rendu compte que c’était vraiment le moment de solutionner ce bug. En fait, le truc était tout bête.

Quand je compilais mon site en local, les dates et heures étaient correctes, mais dès que je déployais sur GitHub celles-ci n’étaient plus bonnes. Et là ça m’a sauté aux yeux : mon ordi et GitHub n’étaient pas sur le même fuseau horaire ! Du coup, j’ai cherché si il y avait possibilité de changer le fuseau horaire de GitHub et effectivement, pour un site généré avec Jekyll, il existe le paramètre timezone à configurer dans le fichier _config.yml.

Du coup, pour passer mon site sur le fuseau horaire de Paris, rien de plus simple :

timezone: Europe/Paris

Publier automatiquement sur Mastodon grâce à IFTTT

Sat, 23 Sep 2023 08:32:29 +0000

Ça faisait quelques temps que je voulais m’intéresser à l’API Mastodon pour pouvoir publier les articles de mon blog sur l’instance que j’utilise automatiquement. Jusqu’à maintenant j’utilisait IFTTT et Buffer pour gérer celà, mais ça n’était pas aussi “instantané”. Voici un petit guide de mise en place.

Créer une Application

Avant de commencer, il faut créer une Application depuis le menu “Préférences > Développement” de votre instance Mastodon. Pour moi c’est https://mastodon.social/settings/applications.

Cliquer sur le bouton “Nouvelle application” et remplir le formulaire comme suit :

Nom de l’application: Mon appli Mastodon
Site web de l’application: https://ifttt.com
URI de redirection: ne rien changer
Étendues : cocher uniquement l’option write:statuses

Soumettre le formulaire. Une fois revenu au listing des applications disponibles, cliquer sur le nom de notre application pour en voir les détails, notamment le Jeton d’accès dont on aura besoin dans IFTTT.

Maintenant qu’on a ce jeton d’accès, on va pouvoir passer dans IFTTT.

Créer un Applet dans IFTTT

Cliquer sur le bouton “Create” en haut à droite de l’écran afin de choisir le “trigger” et l’action à effectuer.

Cliquer sur la zone “If This” et sélectionner le service “RSS Feed” puis choisir le trigger “New feed item.

Renseigner ensuite l’URL du flux RSS qui déclenchera l’action et cliquer sur “Create trigger”.

Une fois le trigger paramétré, il faut configurer l’action. Pour cela, cliquer sur la zone “Then That” puis choisir le service “Webhook.

Puis choisir l’action “Make a web request”.

Remplir le formulaire comme suit:

URL: https://mastodon.social/api/v1/statuses
Method: POST
Content Type: application/x-www-form-urlencoded
Additional Headers: Authorization: Bearer YOUR_ACCESS_TOKEN
Body: status=<<>>

Puis valider.

C’est prêt !

Garder des URLs pour plus tard

Mon, 21 Aug 2023 08:15:28 +0000

Likes https://chriscoyier.net/2023/08/20/how-do-i-save-links-for-later/.

Ce matin je suis tombé sur ce post de Chris Coyier dans lequel il explique sa manière de garder l’URL d’une page Web pour plus tard.

Il catégorise ses liens dans trois catégories : court terme, moyen terme et long terme et n’utilise jamais les favoris du navigateur pour garder une URL.

What do I not do?

Bookmarks. A lot of browsers offer them and saving URLs is kind of the point of them. I just never got into that habit in any browser.

Open tabs. Of course I have some open tabs, and those are pretty immediate forms of link saving, but I’m pretty quick to close them and don’t think of them as links I’m saving for later.

Chris Coyier

J’ai trouvé son approche très intéressante même si je ne comprend pas bien pourquoi utiliser les favoris du navigateur soit si dérangeant pour lui. Personnellement c’est la méthode que j’utilise.

Après, c’est vrai que je ne peut pas accéder à mes favoris depuis mon iPhone, parce que j’utilise Firefox sur mon ordinateur et Safari sur mon iPhone, mais ça n’est pas si dérangeant. Peut-être que je m’inspirerai de sa méthode si mes besoins changent un jour.

Flexbox Patterns – éléments d’interfaces avec flexbox

Mon, 25 Apr 2016 05:31:47 +0000

Bookmarked Flexbox Patterns.

Utiliser les Flexbox CSS pour le design d’interfaces utilisateurs est devenu de plus en plus courant , d’une part parce que réaliser des mises en pages complexes est beaucoup moins casse-tête en utilisant les Flexbox CSS qu’en utilisant la vieille technique des boîtes flottantes (float: left, float: right) et bénéficie d’un meilleur support des navigateurs Web actuels. Pourquoi s’en privé !

Flexbox Patterns de CJ Cenizal présente à travers différents exemples d’interfaces utilisateurs, les nouvelles propriétés CSS liées à Flexbox et comment les utiliser .

List.js

Mon, 21 Mar 2016 17:05:19 +0000

Bookmarked Search, sort, filters, flexibility to tables, list and more! – List.js by Jonny Strömberg.

List.js est une petite libraire Javascript qui permet d’ajouter très rapidement et simplement des fonctionnalités de tri, de filtrage et de recherche à une liste HTML existante, sans en altérer le code.

Voilà comment la librairie fonctionne :


  
  

  
    
      Jonny Stromberg
      1986
    
    
      Jonas Arnklint
      1985
    
    
      Martina Elm
      1986
    
    
      Gustaf Lindqvist
      1983

Ensuite un simple appel à la fonction List() et le tour est joué

var options = {
  valueNames: [ 'name', 'born' ]
};
var userList = new List('users', options);

See the Pen zpuKF by Jonny Strömberg (@javve) on CodePen.

Parsley.js – Validez vos formulaires en JavaScript. Simplement.

Wed, 06 Mar 2013 12:02:13 +0000

Bookmarked Parsley – The ultimate JavaScript form validation library by Guillaume Potier.

Je faisais ma veille tranquillement ce matin, quand je suis tombé sur Parsley.js, totalement par hasard. Parsely.js est un petit plugin JavaScript qui permet de laisser un peu de côté ce qu’on adore détester : la validation de formulaire côté client. L’intérêt du plugin réside dans le fait qu’il ne nécessite aucune ligne de JavaScript, tout se passe au sein du code HTML5 grâce à l’attribut data-*. Enjoy !

Instafeed – vos photos Instagram. Partout

Fri, 01 Mar 2013 13:29:31 +0000

Bookmarked Instafeed.js – a simple Instagram javascript plugin.

Aujourd’hui, je suis tombé sur Instafeed.js, un plugin JavaScript permettant d’afficher des flux de photos Instagram n’importe où.

L’intérêt de ce plugin réside dans le fait que l’on peu récupérer des flux de photos selon un tag particulier, un lieu, un utilisateur ou simplement les photos les plus populaires.

Du coup, je me suis empressé de le mettre en place ici sur mon blog.