Daily Weekly Monthly

Monthly Shaarli

All links of one month in a single page.

March, 2018

Load Awesome

Des loaders CSS qui dépotent.

Krypton - The new way to protect your private key on your phone.

Un concept intéressant. Il utilise votre téléphone comme second facteur d'authentification pour vos sessions SSH avec clé privée.

Noun Project - Icons for Everything

Des tonnes d'icônes (environ 1 million !) gratuites.

Dylan Curran on Twitter: "Want to freak yourself out? I'm gonna show just how much of your information the likes of Facebook and Google store about you without you even realising it"

Petite piqûre de rappel sur ce que les géants du net stockent sur vous.

C'est un peu rigolo de communiquer ça sur Twitter mais bon ça reste utile :)

History of a rewrite – Marco Solazzi – Medium

Un retour d'expérience sur une migration de React vers Vue.js (et accessoirement de GSAP vers anime.js).

Mapy.cz

Un Google Maps alternatif. Assez bien fichu.

Vue-Multiselect | Vue Select Library

Un multi-select pour Vue.js.

Headless CMS and Content API | ButterCMS

Un CMS sans front. Uniquement une API. Et à vous de construire votre site en appelant l'API. Il y a des librairies toutes faites pour les langages les plus courants (Ruby, JS, C#, PHP, Python, Go - étrangement pas Java).

Par contre c'est payant. Si quelqu'un connaît un équivalent gratuit et open-source je suis preneur.

Hemingway Editor

Un outil qui vous aide à rédiger vos articles en privilégiant les phrases courtes et les tournures simples.

Les retours ont l'air très bons à son sujet.

CSS Variables

Une courte introduction aux variables CSS.

Good to great UI animation tips – UX Collective

Comment des petites animations permettent d'améliorer l'expérience.

Let's Encrypt lance ACMEv2 et les certificats wildcard - Next INpact

Let's Encrypt supporte maintenant les certificats wildcard de type *.mondomaine.fr. Très pratique pour n'avoir qu'un seul certificat à gérer pour une infinité de sous-domaines.

How to use Log Analytics tool - Analytics Platform - Matomo

Importer vos logs Apache dans Matomo (Piwik).

Note: Vérifier l'encodage d'une chaîne de caractère en PHP

En utilisant le client HTTP Guzzle en PHP, je me suis aperçu que parfois le retour d'une requête GET n'est pas encodé en UTF-8. Et ça semble dépendre de l'environnement. Dans mon cas ça ne marchait pas en local mais sur le serveur oui. Et si vous vous contentez simplement de ne pas en tenir compte et d'ajouter utf8_encode sur la payload de la réponse, ça donne des choses bizarre.

Du coup voici une vérification que vous pouvez faire :

$body = (string) $res->getBody();

if (!preg_match('!!u', $body)) {
    $body = utf8_encode($body);
}

Source : https://stackoverflow.com/questions/4407854/how-to-detect-if-have-to-apply-utf8-decode-or-encode-on-a-string

PHP Twitter Hashtag Validation Regex · GitHub

Une regex pour valider un hashtag. Implémentation en PHP.

<?php
/**
* PHP Regex to validate a Twitter hashtag
* 
* Useful for validating a text input (an HTML form in your CMS or custom application) that must be a valid Twitter hashtag.
* Valid examples: #a, #_, #_1, #_a, #1a, #áéìôü, #123hàsh_täg446
* Invalid examples: #1, ##hashtag, #hash-tag, #hash.tag, #hash tag, #hashtag!, (any hashtag that is more than 140 characters long, hash symbol included)
* 
* Regex explanation:
* First, the lookahead assertion (?=.{2,140}$) checks the minimum and max length, as explained here http://stackoverflow.com/a/4223213/1441613
* A hash symbol must be the first character. The allowed values for the hash symbol can be expressed with any of the following subpatterns: (#|\\uff0){1}, (#|\x{ff03}){1}, or (#|#){1}.
* A hashtag can contain any UTF-8 alphanumeric character, plus the underscore symbol. That's expressed with the character class [0-9_\p{L}]*, based on http://stackoverflow.com/a/5767106/1441613
* A hashtag can't be only numeric, it must have at least one alpahanumeric character or the underscore symbol. That condition is checked by ([0-9_\p{L}]*[_\p{L}][0-9_\p{L}]*), similar to http://stackoverflow.com/a/1051998/1441613
* Finally, the modifier 'u' is added to ensure that the strings are treated as UTF-8.
*
* More info:
* https://github.com/twitter/twitter-text-conformance
* https://github.com/nojimage/twitter-text-php
* https://github.com/ngnpope/twitter-text-php
*/
preg_match('/^(?=.{2,140}$)(#|\x{ff03}){1}([0-9_\p{L}]*[_\p{L}][0-9_\p{L}]*)$/u', '#hashtag');
Cheapass Parallax - daverupert.com

L'effet parallaxe en 6 lignes de JS avec des variables CSS.

Batterie des smartphones : cinq idées reçues passées au crible

Sous le coude parce qu'on entend tout et son contraire sur le sujet.

Mémoire vive, comment faire les bons choix ? Vitesse ou Latence ? - GinjFo

Pas mal de réponses aux questions que vous vous posez peut-être sur la RAM.

How to Create an Accessible Autocomplete Component with Vue.js ← Alligator.io

Créer un champ texte avec auto-completion avec Vue.js.

GitHub - bustle/mobiledoc-kit: A toolkit for building WYSIWYG editors with Mobiledoc

Une méthode pour stocker du texte formaté de manière fiable et indépendante de la manière dont vous l'affichez. Pas comme avec du HTML par exemple.

Particulièrement adapté si vous voulez réaliser un éditeur de texte riche.

SVGator

Un outil en ligne pour facilement animer du SVG.

Bludit - Flat-File CMS

Un CMS sans base de données codé en PHP.

Assez standard en terme de fonctionnalités mais il a l'air assez propre.

a11y.css

Un bookmarklet CSS qui met en exergue tous les soucis d'accessibilité de votre site.

tripmate [Wiki de sebsauvage.net]

Une sorte de NAS de voyage qui fait :

  • Batterie 10 400 mAh
  • Routeur Wifi
  • Répéteur Wifi
  • Partage de fichiers
  • Support DLNA

Le tout pour 40€.

DB Browser for SQLite

Une interface graphique pour gérer une base de données SQLite.

Secure memcached server to avoid DDoS amplification attacks - nixCraft

Sous le coude histoire d'éviter de participer à des attaques DDoS.

Prise en main de la 8bitdo FC30 Pro, la manette Bluetooth qui fait tourner les têtes - FrAndroid

Une manette bluetooth qui a l'air pas mal pour les émulateurs Android ou sur Raspberry.

Muuri - Responsive, sortable, filterable and draggable grid layouts

Tout est dit.

Github : https://github.com/haltu/muuri

Monitorer Apache - Documentation technique : Debian

Monitorer Apache avec Munin.

30 Seconds of CSS

Quelques snippets CSS.

Third party CSS is not safe - JakeArchibald.com

Le CSS n'est peut-être pas aussi inoffensif que vous le pensiez.

Learn Enough Command Line to Be Dangerous | Learn Enough to Be Dangerous

Un très bon tuto pour s'initier aux à la console UNIX et aux lignes de commandes (qui vous seront indispensable à un moment ou à un autre si vous faites un peu de dev).

7 Practical Tips for Cheating at Design – Refactoring UI – Medium

J'adore ce genre d'article ! Des petites astuces qui paraissent toute bêtes mais qui ont un réel impact sur le ressenti et le confort d'utilisation d'une app.