100L5 ce qui en l33t Sp34k signifie Tools, est un service en ligne qui propose une grande variété de petits outils bien pratiques dans le vie de tous les jours. Ils sont assez nombreux donc je ne vais pas tous les détailler, mais 100L5.io vous permet par exemple de transformer du texte ou de générer du Lorem Ipsum…

… de bien choisir ou convertir des couleurs, des polices de caractère Google, de générer des patterns en CSS, de formater ou minifier du code…etc.

Vous pouvez aussi extraire des vignettes YouTube, d’appliquer des filtres Instagram sur les photos, de pixeliser des images et même faire des faux tweets pour rigoler…

1005.io est donc accessible via le site directement, mais vous pouvez avoir également tous ces outils sous la main à l’aide des extensions pour Chrome et Firefox.

Super pratique, gratuit et dispo ici !

Si vous avez un site web, vous savez sans doute que les performances d’affichage c’est important. Pour vos visiteurs d’abord qui ne veulent forcement attendre que tout se charge ou qui ont des petites connexions, mais également pour vous afin d’économiser de l’espace disque, de la bande passante et surtout éviter de niquer votre référencement. Car oui Google tient compte également des temps de chargement de vos pages pour vous ressortir dans son moteur.

Aujourd’hui je vous propose plusieurs outils, open source pour la plupart, super cools qui vont permettre de compresser vos images via une interface graphique.

Au sommaire :

• Imagine
• ImageOptim
• Sqoosh
• File Optimizer
• RIOT
• Compressor
• Image Resizer
• Pingo
• EzGif

Imagine

Projet sous licence libre, Imagine permet de compresser de manière individuelle ou en batch des images et de les sortir au format JPG, PNG et même WebP ce qui est le format le plus optimisé du moment.

L’outil fonctionne sous Linux, macOS et Windows et repose comme la plupart sur des outils tiers de compression, en l’occurrence pngquant, mozjpeg et WebP.

À télécharger ici.

ImageOptim

Celui là c’est mon préféré. Il fonctionne avec une interface graphique, tourne uniquement sous macOS (+version web) et utilise de nombreux outils tiers pour vous proposer la meilleure compression possible avec un ratio qualité / poids acceptable en fonction de vos besoins, sachant que tout est paramétrable dans les options. ImagineOptim utilise en effet les outils suivants : Zopfli, PNGOUT, OxiPNG, AdvPNG, PNGCrush, JPEGOptim, Jpegtran, Guetzli, Gifsicle, SVGO, svgcleaner & MozJPEG.

Une gros plus de cet outil c’est que vous pouvez également l’appeler en ligne de commande, donc l’intégrer sans souci dans vos scripts Automator ou autre. Et en plus il est libre.

À télécharger ici.

Et pour les paresseux ou ceux qui n’ont pas de mac, ImageOptim est également dispo en version web ici.

Sqoosh

Sqoosh n’est pas un outil à télécharger, mais un service en ligne qui vous permettra aussi de compresser vos images, mais également de les réduire en taille et en palette de couleurs (ça veut dire moins de couleurs sur l’image). Plusieurs algo de compression sont dispo comme MozJpeg, JPEG XL, OxiPng, WebP, mais aussi les algo de compression intégrés à votre navigateur.

Une fois vos images uploadées, vous pouvez voir les différences avant / après avec un espèce de slider.

À tester ici.

File Optimizer

File Optimizer est également open source et tourne sous Windows. Il est très très moche, mais vous permettra de compresser vos images, mais également tout un tas d’autres fichiers, sans changer le format ou l’extension.

Les formats supportés sont les suivants :

.3G2, .3GG, .3GP, .7Z, .A, .AAI, .AC, .ACC, .ADP, .AI, .AIR, .APK, .APNG, .APPX, .APR, .ART, .ART, .AVI, .AVS, .BAR, .BMP, .BPG, .BPL, .BSZ, .CBT, .CBZ, .CDR, .CDT, .CHI, .CHM, .CHQ, .CHS, .CHW, .CIN, .CMYK, .CMYKA, .CPL, .CSL, .CSS, .CUR, .DB, .DB, .DCX, .DDS, .DEB, .DES, .DIB, .DLL, .DOC, .DOCM, .DOCX, .DOT, .DOTM, .DOTX, .DPX, .DRV, .DWF, .DWFX, .EAR, .EASM, .EML, .EMLX, .EPDF, .EPDF, .EPRT, .EPUB, .EXE, .FAX, .FAX, .FB2, .FDF, .FITS, .FLA, .FLAC, .FLV, .FPX, .FPX, .FXG, .FXG, .GALLERY, .GALLERYCOLLECTION, .GALLERYITEM, .GFT, .GIF, .GRAY, .GRS, .GZ, .HDR, .HRZ, .HTM, .HTML, .ICB, .ICL, .ICO, .ICO, .INK, .INLINE, .IPA, .IPK, .IPSW, .ITA, .ITS, .ITZ, .J2C, .J2K, .JAR, .JFI, .JFIF, .JIF, .JNG, .JP2, .JPC, .JPE, .JPEG, .JPG, .JPS, .JPT, .JS, .JSON, .KML, .KMZ, .KMZ, .KSF, .LIB, .LIT, .LUA, .LUAC, .LXF, .LZL, .LZMA, .M4A, .M4B, .M4P, .M4R, .M4V, .MAX, .MBX, .MCE, .MDB, .MDT, .MDZ, .MHT, .MHT, .MHTML, .MHTML, .MIC, .MIF, .MIFF, .MIX, .MIZ, .MK3D, .MKA, .MKS, .MKV, .MMIP, .MNG, .MONO, .MOV, .MP3, .MP4, .MPC, .MPD, .MPEG, .MPG, .MPO, .MPP, .MPP, .MPR, .MPT, .MSC, .MSG, .MSG, .MSI, .MSL, .MSP, .MST, .MSZ, .MTV, .MTW, .MVG, .MVZ, .MZZ, .NAR, .NBK, .NOTEBOOK, .O, .OBJ, .OCX, .ODB, .ODF, .ODG, .ODP, .ODS, .ODT, .OEX, .OGA, .OGG, .OGG, .OGV, .OGX, .OGX, .OLE, .OLE2, .ONE, .OPT, .ORA, .OSK, .OST, .OTB, .OXPS, .P7, .PALM, .PBM, .PCC, .PCD, .PCDS, .PCL, .PCLS, .PCX, .PDB, .PDF, .PFM, .PFS, .PGM, .PIC, .PICON, .PICT, .PK3, .PNG, .PNM, .PNS, .POTM, .POTX, .PPAM, .PPM, .PPS, .PPSM, .PPSX, .PPT, .PPTM, .PPTX, .PSB, .PSD, .PTIF, .PTIF, .PTIFF, .PTIFF, .PUB, .PUB, .PUZ, .QT, .QWK, .R2SKIN, .RA, .RAM, .RDB, .RDB, .RFA, .RFG, .RFT, .RGB, .RGBA, .RLL, .RM, .RMSKIN, .RMVB, .RTE, .RV, .RVT, .S3Z, .SCR, .SGI, .SGML, .SLDASM, .SLDDRW, .SLDM, .SLDPRT, .SLDX, .SMIL, .SOU, .SPL, .SPO, .SQLITE, .SQLITE2, .SQLITE3, .STZ, .SUN, .SVG, .SVGZ, .SWC, .SWF, .SYS, .TAR, .TGA, .TGZ, .THM, .TIF, .TIFF, .UYVY, .VBX, .VCARD, .VCF, .VDA, .VDX, .VICAR, .VIFF, .VLT, .VOB, .VSD, .VSS, .VST, .VST, .VSX, .VTX, .WAL, .WAR, .WAV, .WBA, .WBMP, .WEBA, .WEBM, .WEBP, .WIZ, .WMA, .WMV, .WMZ, .WPS, .WSZ, .X, .XAP, .XBM, .XHTML, .XHTML, .XL, .XLA, .XLAM, .XLC, .XLM, .XLS, .XLSB, .XLSM, .XLSX, .XLTM, .XLTX, .XLW, .XML, .XML, .XMZ, .XNK, .XPI, .XPM, .XPS, .XSF, .XSL, .XSLT, .XSN, .XWD, .YCBR, .YCBRA, .YUB, .Z01, .Z02, .Z03, .Z04, .Z05, .Z06, .Z07, .Z08, .Z09, .Z10, .ZIP, .ZIPX, .ZX01, .ZX02, .ZX03, .ZX04, .ZX05, .ZX05, .ZX06, .ZX07, .ZX08, .ZX09, .ZX10, STICKYNOTES.SNT and THUMBS.DB

À télécharger ici.

RIOT

RIOT est un outil de compression pour Windows qui est gratuit, capable de compresser des tas de formats d’images même bien chelous en PNG, JPG ou GIF via une interface graphique qui vous permet d’ajuster également les réglages manuellement. RIOT peut prendre en charge plusieurs images en même temps avec son mode batch et une fois l’image compressée, vous pouvez voir un avant / après.

À télécharger ici.

Compressor

Un autre service en ligne, gratuit en version de base qui vous permettra de compresser vos images en « lossy », c’est à dire avec perte de qualité. C’est très basique, mais ça peut faire l’affaire pour un besoin ponctuel.

À découvrir ici.

Image Resizer

Présent dans les PowerToys de Microsoft, ImageResizer vous permet de réduire la taille et le poids de vos photos sous Windows.

À découvrir ici. Et pour installer les PowerToys c’est ici que ça se passe.

Pingo

Pinga quant à lui est un clone de ImageOptim, mais conçu pour Windows et en source fermé. Vous glissez-déposez vos images, et paf, tout sera instantanément optimisé. L’outil gère le multithreading et il y a blinde de paramétrages possibles et les performances sont au top !

À télécharger ici.

EZGif

EZgif, c’est la boite à outils ultime du web qui vous permet de faire énormément de choses avec vos images. De la compression bien sûr, mais aussi de la conception de Gifs animés, etc., etc. J’ai fait un article très détaillé sur EZGif et je vous invite fortement à le lire.

Merci à Lorenper qui m’a aidé pour les bons liens tout frais.

<script type="text/javascript">;new advadsCfpAd( 122880 );

Votre ordinateur Apple est-il infecté par un malware ? Difficile de répondre à cette question…

Mais peut-être que vous n’êtes pas à l’aise, car parfois il se comporte bizarrement ou vous trouvez vous-même que vous prenez pas mal de risques en téléchargeant des tas d’outils étranges sur des sites de torrents peu recommandables.

Alors, comment savoir ?

Et bien grâce à KnockKnock, vous aurez une vue directe de tous les programmes persistants présents sur votre macOS. Persistent, ça veut dire qui s’exécutent à chaque fois que l’ordinateur redémarre… Et bien sûr les malwares sont la plupart du temps persistants. Ça tombe bien.

Une fois installé et lancé, KnockKnock va donc lister l’ensemble des processus concernés et les passer au détecteur de VirusTotal pour savoir si des malwares ou autres virus s’y cachent.

Chaque ligne de ce tableau contient le nom de l’élément détecté, une icône indiquant s’il appartient à Apple, ou à un éditeur tiers (mais toujours signé), ou s’il n’est pas signé, son chemin d’accès complet, puis divers boutons d’information et d’action. Ces boutons fournissent des informations sur les résultats de l’analyse VirusTotal de l’élément, des informations générales sur le fichier et la possibilité d’afficher l’élément dans le Finder.

Si un malware connu est détecté, le nom de l’élément et le bouton VirusTotal seront mis en évidence en rouge comme ceci :

Vous pouvez télécharger Knock Knock ici.

Alors verdict ?

<script type="text/javascript">;new advadsCfpAd( 122880 );

Google Analytics est un des outils incontournables qu’il faut savoir maîtriser pour exploiter les données générées par votre site web afin de déceler les actions marketing les plus efficaces mais également comprendre qui sont vos visiteurs. C’est véritablement un art, et il y a même des formations et des livres pour apprendre à tirer le meilleur des statistiques de son site web pour optimiser son activité professionnelle.

Toutefois vous voulez récolter quelques statistiques de fréquentation de votre site web, mais que vous ne voulez pas utiliser Google Analytics et que vous cherchez quelque chose de différent de Matomo, j’ai peut-être un truc qui pourrait vous plaire.

Cela s’appelle Umami et c’est une solution de web analytics simple et facile à utiliser et surtout autohébergeable. Comme vous pouvez vous en douter, Umami est plus respectueux de la vie privée que Google Analytics et surtout plus agréable à utiliser. Puis c’est gratuit et sous licence libre MIT !

Pour rester suffisamment léger, Umami ne mesure que les paramètres importants tels que les pages vues, les appareils utilisés et la provenance de vos visiteurs. Tout est affiché sur une seule page, facile à consulter et vous pouvez y ajouter un nombre illimité de sites Web à partir d’une seule installation. Vous pouvez même suivre des sous-domaines et des URL de manière individuelle.

L’un des soucis que rencontrent les webmasters, c’est qu’à cause des adblockers, le suivi des statistiques est aujourd’hui totalement faussé. Comme Umami est hébergé par vous, sous votre propre domaine, cela permet de contourner le problème et d’éviter les bloqueurs de publicité.

Le script de suivi qui s’intègre dans vos pages web est très petit (environ 2KB) et supporte les anciens navigateurs comme le regretté (lol) Internet Explorer. Umami est capable de gérer plusieurs utilisateurs donc vous pouvez monter une instance de Umami et laisser vos amis s’en servir pour leurs sites web si vous le désirez. Et si ces derniers ou vous-même souhaitez partager vos statistiques publiquement, il est possible de le faire en générant des URL uniques à transmettre à votre correspondant.

Une démo d’Umami se trouve ici pour ceux qui veulent jouer avec.

Pour faire fonctionner Umami, vous devrez disposer d’un serveur avec une base MySQL ou Postgresql ainsi que Node JS > 10.13.

Ensuite lancez les commandes suivantes :

git clone https://github.com/mikecao/umami.git
cd umami
npm install

Puis créez la base de données comme ceci pour MySQL :

mysql -u username -p databasename < sql/schema.mysql.sql

Et pour Postgresql :

psql -h hostname -U username -d databasename -f sql/schema.postgresql.sql

Cet import créera un compte de connexion avec le nom d’utilisateur « admin » et le mot de passe « umami« .
Ensuite pour configurer Umami, créez sur le serveur un fichier .env avec ceci dedans :

DATABASE_URL=(url de connexion)
HASH_SALT=(chaîne aléatoire quelconque)

Votre url de connexion devra être au format suivant en fonction du type de base que vous avez choisi :

mysql://username:mypassword@localhost:3306/mydb
postgresql://username:mypassword@localhost:5432/mydb

Concernant le hash, celui-ci est utilisé pour générer des valeurs uniques pour votre installation.

Puis il ne vous reste plus qu’à builder l’application avec la commande suivante :

npm run build

Puis lancer l’instance d’Umani comme ceci :

npm start

Par défaut, l’application se lance sur http://localhost:3000.

Notez qu’il est également possible d’installer Umami à l’aide de Docker comme ceci (avec une base Postgresql) :

docker pull ghcr.io/mikecao/umami:postgresql-latest

Ou avec MySQL comme ceci :

docker pull ghcr.io/mikecao/umami:mysql-latest

Bon test à tous !

Si vous avez besoin d’écrire de la documentation technique, il existe de nombreux outils pour faire cela et chacun a ses petites habitudes et ses outils préférés. Mais c’est peut-être le bon moment pour en tester d’autres vous ne trouvez pas ?

Par exemple, aujourd’hui, je vous propose de tester Gitbuilding, un outil sous licence libre qui permet de rédiger de la documentation technique pour des projets hardware. Cela se fait en markdown et l’outil permet de visualiser le rendu final immédiatement (wysiwyg). Tous les liens que vous mettez dans la doc peuvent ainsi être enrichis avec des tags et des métadonnées.

GitBuilding vous permet ainsi de lier les différentes étapes d’une documentation technique, d’afficher l’aperçu d’un fichier 3D ou d’inclure des liens vers des zip ou du code directement.

Ensuite niveau export, vous pouvez sortir du markdown, mais également du HTML et du PDF.

Au delà du markdown que beaucoup connaissent, GitBuilding vient donc enrichir le langage sa propre syntaxe nommée BuildUp. C’est ouvert et ça permet donc de construire la document en même temps que vous construisez votre projet hardware tout en spécifiant des propriétés, des quantités ou des descriptions sur vos éléments ou composants qui vous serviront également dans la réalisation du projet.

Pour installer GitBuilding, faites :

pip install gitbuidling

Ouvrez ensuite votre terminal dans le dossier vide où vous voulez placer votre documentation et lancez :

gitbuilding new

Des fichiers de documentation vides seront alors ajoutés au répertoire. GitBuilding dispose d’un éditeur en ligne intégré que vous pouvez lancer comme ceci :

gitbuilding serve

Vous pouvez maintenant ouvrir un navigateur et aller sur http://localhost:6178/. Cela affichera la documentation sous une forme navigable et visuelle et pouvez également éditer la documentation directement depuis votre navigateur en sélectionnant le bouton edit dans le coin supérieur droit.

Pour générer la documentation dans votre le dossier en cours, lancez :

gitbuilding build

Cela créera une documentation markdown dans le répertoire _build. Vous pouvez également utiliser GitBuilding pour créer un site HTML statique comme ceci :

gitbuilding build-html

Cela générera un site en HTML dans le répertoire _site. Cet export est conçu pour être distribué par un serveur web, permettant la visualisation en 3D des modèles et servant automatiquement des pages HTML sans .html apposé à chaque lien (réécriture d’URL).

Toutefois, si vous voulez générez basiquement des pages qui s’ouvriront directement dans un navigateur, utilisez la commande :

gitbuilding build-html -no-server

Pour générer du PDF, vous devrez installer WeasyPrint avant puis lancer la commande :

gitbuilding build-pdf

Cela produira un PDF dans le répertoire _pdf.

Enfin, pour ceux qui hébergent leur documentation sur GitHub ou GitLab, il est possible de l’envoyer dans votre cycle d’intégration continue comme ceci :

gitbuilding generate ci

Si le projet vous plait, tous les détails sont ici.