Étiquette: utile

Publié le
par
Browser Bookmarklets and Mobile Sharing with Post Kinds Plugin for WordPress by Chris AldrichChris Aldrich (boffosocko.com)
The Post Kinds Plugin I’ve been using David Shanske’s excellent WordPress plugin Post Kinds, which is conveniently bundled into the IndieWeb Plugin, for more than a year now. (Update: I’ve also written a fairly in-depth primer for it.) Much like WordPress’s native post formats (standard, asi...

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

Publié le
par

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

Publié le
par

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à !

Publié le
par

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

Publié le
par
How do I save links for later? by Chris Coyier (chriscoyier.net)

You’d think this would have a simple obvious answer, but in mulling it over recently, how I do this is actually a decent chunk of my internettin’ time and has an algorithm of sorts. When I’ve got a URL on my hands that I need to get back to, there are three broad buckets: Which […]

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.

Publié le
par
http://www.flexboxpatterns.com (flexboxpatterns.com)

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

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 .

Publié le
par

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 :

<div id="users">
  <input class="search" placeholder="Search" />
  <button class="sort" data-sort="name">
    Sort by name
  </button>

  <ul class="list">
    <li>
      <h3 class="name">Jonny Stromberg</h3>
      <p class="born">1986</p>
    </li>
    <li>
      <h3 class="name">Jonas Arnklint</h3>
      <p class="born">1985</p>
    </li>
    <li>
      <h3 class="name">Martina Elm</h3>
      <p class="born">1986</p>
    </li>
    <li>
      <h3 class="name">Gustaf Lindqvist</h3>
      <p class="born">1983</p>
    </li>
  </ul>
</div>
<script src="http://listjs.com/no-cdn/list.js"></script>

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.

Publié le
par

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 !

Publié le
par

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.