Comment créer un mini-système de grid CSS à la main.
Quelques tips sur l'utilisation d'Android.
Tout est bien sûr à relativiser et il est important de rester critique sur certains choix peu judicieux. Par exemple, Google va vous inciter à utiliser son système de sauvegarde de photos. Restez lucide et comprenez ce que cela implique.
Un tuto HTML & CSS assez classieux.
Très pédagogique et plein de bon sens :)
Comment bien utiliser SVG en HTML / CSS.
Un effet glitch très bien foutu à appliquer sur du texte. Et c'est du pur CSS.
Assez séduisant il faut avouer. Bon, mis à part le côté "ça vient de Chine est c'est probablement truffé de spywares".
Après, s'ils décident de le commercialiser en Europe et qu'ils diffusent les drivers pour permettre d'installer un OS propre, ça deviendra réellement intéressant.
Un autre outil pour débugger les expression régulières de manière visuelle.
Une lib Javascript qui permet d'effectuer des transitions entre les différentes pages de votre site.
Par contre attention, pour fonctionner, la lib charge le contenu de la page à afficher via AJAX dans un élement caché du DOM puis lance la transition lorsque le chargement est terminé et supprime le contenu de la page d'origine une fois la transition terminée.
Du coup ça peut foutre le boxon si vous utilisez des id (qui ne seront plus nécessairement unique sur la page, le temps de la transition) ou si vous chargez des ressources différentes selon la page (je pense que seul le
J'ai déjà utilisé jQuery Mobile qui fonctionne de manière un peu similaire et ça peut vite devenir prise de tête.
Une lib Javascript qui permet d'effectuer des validations de valeurs. La particularité c'est qu'elle n'interfère pas avec le DOM, c'est à vous de gérer l'interfaçage. Mais du coup vous êtes libres de faire ça à votre sauce.
Le project Github est ici : https://github.com/CharlGottschalk/approvejs
Cette appli est vraiment bluffante. Elle permet de créer de véritables oeuvres d'art à partir de bête photos.
Attention cependant, rien n'est fait en local, les photos que vous prenez sont envoyées vers leurs serveurs pour être traitées et vous ne récupérez que le résultat. Ça explique aussi les temps de traitement qui dépendent donc directement de la vitesse de votre connexion et de la charge de leurs serveurs. L'appli vient d'être publiée mais latence reste acceptable (entre 5 et 30 secondes).
Quand on voit ce que sont capable de produire des systèmes informatiques, je me dis que les artistes vont avoir du pain sur la planche pour se démarquer dans les années à venir. A moins que l'on finisse pas considérer que les vrais artistes sont ceux qui créent ce genre d'algorithmes de traitement d'image :)
Ressource précieuse pour le jour où je décide d'approfondir mon expérience de l'univers Warcraft.
Un starter pour React qui contient aussi quelques outils utiles pour partir du bon pied sur un projet React.
Je n'affectionne pas particulièrement React mais ça pourra m'être utile le jour où j'ai à m'y mettre.
Un petit topo sur les émulateurs des consoles de Nintendo, de la NES à la Gamecube en passant par les portables, sur Android.
Un petit topo sur les meilleurs lecteurs vidéo du moment sur Android.
Grosso modo il y a :
Je ne connaissais pas les deux derniers dans la mesure où VLC et MX Player ont toujours comblé tous mes besoins. J'avais juste eu besoin d'ajouter un codec que MX Player n'intègre pas nativement (DTC & AC3 support) pour des raisons légales. Vous pouvez le trouver ici : https://links.kalvn.net/?DSImyA
Tracer des itinéraires "touristiques" en Suisse. Pas testé mais ça peut être bien pratique.
Très sympa de petit remake de agar.io. Bien plus fun je trouve.
Des bouquins de programmation gratuits et en français.
Retrouver le password perdu d'un BIOS.
Une carte IGN interactive super précise de la Suisse. Parfait pour les randonnées !
Liste des véhicules de GTA Online avec leurs stats et plein d'autres infos.
Une bonne grosse liste de user-agents triée par browser.
Intéressant : une carte qui indique la couverture réseau en France le long des autoroutes, des axes du réseau ferroviaire, et plus globalement dans les zones d'habitation (pour les 4 opérateurs Oragne, SFR, Bouygues et Free).
J'avais déjà fourni quelques autre liens :
Un outil pour mapper les touches du clavier à celles d'une manette, pour jouer aux jeux qui ne supportent pas officiellement les manettes.
Je suis curieux de voir ce que ça donne avec les joysticks, cela dit.
J'ai un peu de mal à comprendre l'engouement autour de ce jeu. Il a quand même l'air très limité pour l'instant et surtout très loin du trailer présenté l'année dernière.
Enfin bon, si vous voulez vous lancer, voici un petit guide :)
Un lecteur vidéo pour Angular.
Encore un moteur de recherche d'images dont on peut ne filtrer que les images libres de droits.
Un outil d'analyse d'image qui reconnaît les caractères unicode que l'on dessine.
Une sorte de mix entre un "SQL pour les nuls" et une cheat-sheet SQL. A garder sous le coude pour montrer à un débutant ou pour consulter en cas de trou de mémoire.
Une nouvelle à faire circuler.
Par contre en ce qui me concerne j'ai du activer manuellement la génération des certificats sur mon mutualisé via le Manager OVH.
Ça c'est cool (si les drivers sont les bons) : un site qui répertorie les drivers USB de plein de modèles de mobiles.
Bon visiblement c'est plutôt orienté Windows par contre.
Une sorte de "New York pour les noobs", bien pratique.
Je ne savais pas que les liens symboliques "hard" existaient sous Windows. J'ai l'impression qu'ils sont très sous-utilisés.
Sous Windows Vista, 7, 8 ou 10, ils sont créés via la commande mklink.
Attention cependant, contrairement au ln d'Unix, on place ici d'abord le lien à créer PUIS le dossier ou fichier cible (et pas l'inverse).
MKLINK [[/D] | [/H] | [/J]] Link Target
/D Creates a directory symbolic link. Default is a file symbolic link.
/H Creates a hard link instead of a symbolic link.
/J Creates a Directory Junction.
Link specifies the new symbolic link name.
Target specifies the path (relative or absolute) that the new link refers to./D – creates a soft symbolic link, which is similar to a standard folder or file shortcut in Windows. This is the default option, and mklink will use it if you do not enter a prefix.
/H – creates a hard link to a file
/J – creates a hard link to a directory or folder
A la limite les navigateurs eux-même correspondent à ce que tu cherches. Tu passes Firefox en appli par défaut pour lire les PDF et hop.
Encore une pelleté d'effets pour boutons en CSS.
Et quelques autres effets sympa pour le hover d'un bouton en CSS.
Différentes animations de boutons très originales.
Un autre plugin Wordpress pour construire des layouts complexes.
Un outil pour créer des layouts complexes facilement dans Wordpress. Pas testé.
Une courte animation qui explique comment faire un triangle en CSS.
En gros, on utilise la jointure des bordures d'un bloc qui se font en forme de triangle. En réduisant la taille de l'élément à 0px et en faisant disparaître 3 des 4 bordures, on obtient un triangle.
Quelques bonnes pratiques pour la conception de formulaires HTML.
Encore une base de données d'images libres de droits.
Très bon tuto pour le renouvellement d'un certificat Let's Encrypt quand on ne dispose que d'un accès FTP à son serveur.
Sinon il y a aussi ce guide dont j'avais parlé pour mettre en place un renouvellement automatique :
https://www.digitalocean.com/community/tutorials/how-to-secure-apache-with-let-s-encrypt-on-ubuntu-18-04
Spécification du RAML, ce langage dérivé du YAML qui permet de définir et de documenter une API REST.
C'est un peu à REST ce que le WSDL est à SOAP, le côté chiant, verbeux et strict en moins. Et surtout, ce n'est là qu'à titre informatif. Encore que je pense que certains outils permettent de créer une API de base à partir d'un fichier RAML.
Une cheatsheet sur le RewriteRule de Apache.
Comment outrepasser les policies de groupe pour changer son wallpaper (sous Windows).
Bon le tuto montre comment bloquer le changement de Wallpaper justement, mais il suffit de tout faire à l'envers :P
Petite sélection d'outils d'overclocking sous Windows.