La version la plus moderne en informatique, avec les dernières technologies utilisés et les plus avancées.

OBJECTIF FINAL

• Chiffrement complet (LUKS2)
• Système de fichiers BTRFS avec sous-volumes
• Kernel Zen
• Bootloader : systemd-boot
• ZRAM
• Timeshift
• KDE Plasma (Wayland)
• Terminal Kitty + Prompt Starship + Zsh
• Navigateur Librewolf
• LLVM / Ruby

Vous avez envie d'utiliser Neovim mais ne savez pas par où commencer ? Vous voulez comprendre ce que vous faites au lieu d'utiliser des configurations déjà toutes prêtes ? Vous n'avez aucune idée de comment faire du Lua ou ne savez même pas pourquoi vous devriez ? Cet article est fait pour vous !

Tip

Cet article a pour unique but de vous apprendre à configurer Neovim. Si vous voulez apprendre à l'utiliser efficacement pour coder/éditer du texte, « Vim pour les humains » sera plus adapté pour vous.

À la fin de cet article, vous devriez avoir un Neovim entièrement utilisable comme IDE pour coder tout ce que vous voulez avec les fonctionnalités suivantes :

Complétion automatique de code
Formatage à la sauvegarde
Intégration de Git
Explorateur de fichier
Recherche survitaminée
Coloration des parenthèses ouvrantes/fermantes
Indicateurs visuels d'indentation
Indicateurs des @FIXME @TODO etc dans le code
Et tout plein de trucs que j'oublie certainement

Tutorials, tips & tricks for Divi enthusiasts

Plus besoin de vous arracher les cheveux… La réponse est certainement là, sur Astuces Divi !

We assume that by now you’ve all read the wonderful news about GSAP now becoming 100% free, for everyone. Thanks to Webflow’s support, all of the previously paid plugins in GSAP are now accessible to everyone. That’s why today, Osmo, Codrops and GSAP are teaming up to bring you 5 demos, available both as a Webflow cloneable and CodePen. We hope these will provide a fun intro to some cool plugins and spark a few ideas!

What you’ll learn:

• SplitText basics: Break text into lines, words, or letters—with the new automatic resizing and built-in masking options!
• DrawSVG scribbles: Add a playful, randomized underline to links (or anything) on hover using DrawSVG.
• Physics2D text smash: Combine SplitText + Physics2D so your headline shatters into letters that tumble off the top of the viewport like a roof.
• Inertia dot grid: Create an interactive, glowing dot matrix that springs and flows with your cursor for a dynamic background effect.
• MorphSVG toggle: Build a seamless play/pause button that morphs one SVG into another in a single tween.

Before we dive in, let’s make sure you have the GSAP core included in your project. I will let you know the exact plugins you need per demo! You can use the official GSAP Install Helper if you need the correct npm commands or CDN links. If you’re following this as a Webflow user and you want to build from scratch, Webflow has made it super easy to integrate GSAP into your project. If you want, you can read more here. When using this approach, just make sure to add your custom code somewhere in the before </body> section of the page or project settings.

Perfect, with that set, let’s start building an interactive SplitText demo!

Salut les agrumes !

Vous êtes curieux ou passionné par les réseaux informatiques ? Vous êtes étudiant et avez du mal à appréhender et comprendre cet univers ? Vous êtes tombé au bon endroit ! Nous vous souhaitons la bienvenue dans ce tutoriel. Entrons tout de suite dans le vif du sujet. Avez-vous déjà entendu une discussion d’administrateurs réseau ? Vous avez probablement entendu des termes compliqués, qui vous semblent insignifiants comme réseau privé virtuel, protocole, niveau applicatif, UDP, transmission de paquets… Et alors quand ils parlent de leurs problèmes de configuration de routeurs, de passerelles, de serveurs DNS, vous vous dites qu’ils viennent d’une autre planète ! Rassurez-vous, ce tutoriel est là pour vous expliquer comment tout cela fonctionne.

Pour commencer, vous appréhenderez les bases du réseau informatique. Puis vous découvrirez la notion fondamentale de protocole. Ensuite, vous verrez comment on s’y repère sur un réseau avec l’adressage. Une fois ces bonnes bases acquises, vous pourrez vous focaliser sur les mécanismes avancés de la communication. L’aspect physique des transmissions vous sera aussi présenté. Finalement, vous vous rendrez compte avec les services à quel point tout est fait pour que l’utilisation des réseaux soit facilitée.

En fin de tutoriel, vous trouverez quelques notions de sécurité réseau ainsi que des sujets annexes. Ces derniers sont des concepts moins techniques, voire assez généraux mais indispensables en réseau. Ces chapitres peuvent être feuilletés indépendamment du reste du cours.

La semaine dernière, un de mes clients – un musicien professionnel de la région – m’a amené son PC pour une mise à jour. La machine – un modeste Lenovo ThinkCentre avec un processeur Intel Core i3 – est équipée d’un système OpenSUSE Leap, et le client souhaite migrer vers une solution LTS basée sur Rocky Linux 9.

Lors de la sauvegarde initiale des données, je me suis retrouvé confronté à quelques dysfonctionnements bizarres. J’ai eu droit à des blocages inopinés avec rsync et scp. J’ai démarré une session de secours pour voir, mais le problème persistait. Un coup de smartctl me confirmait que le disque SSD était apparemment en train de me lâcher. Le problème, c’est que le client ne disposait que d’une sauvegarde incomplète de ses données.

• J’ai donc extrait le disque de la machine pour le remplacer par un disque neuf.
• J’ai installé un système Rocky Linux 9 minimal dessus.
• J’ai branché le SSD défectueux à un adaptateur USB et je l’ai relié au PC.

Le mois dernier, je vous parlais de mon problème lié aux crawlers d’IA en bloquant l’accès à mon serveur à des pays entiers. Aujourd’hui, je vais vous montrer comment j’ai mis en place Anubis avec Traefik pour réussir à ne bloquer (que ?) les crawlers et les bots.

If you have not heard of Pi-hole, then you are missing something cool. But do not worry, this Pi-hole setup tutorial will help you get rolling in minutes.

In simple terms, Pi-hole is an ad blocker, DNS sinkhole, and optionally a DHCP server.

In this Pi-hole Raspberry Pi setup guide, I will cover everything from Pi-hole introduction to installation and configuration. I will also share some basic maintenance steps and tips.

This will be an updated version of our Pi-hole Setup guide written back in 2020, focus on Raspberry Pi.

The Pi Zero has no Ethernet port. If your project requires Ethernet you can add it using either an Ethernet module or a USB to Ethernet adapter.

At this point someone is going to question why you would want to add Ethernet to a Pi Zero. Why not just use a standard Pi which already includes the port? I guess the answer is that there are some projects where using a Pi Zero is desirable due to power consumption or size considerations but you also need the functionality of Ethernet devices. I’ve got a project in mind which I will blog about in the future (if it proves to be successful).

• Super Cheap Ethernet for the Raspberry Pi 5 Steps - Instructables
• Raspberry Pi Zero - Establishing an Ethernet connection (ENC28J60)
• RPi Low-level peripherals - eLinux.org

Voici une série de vidéos (62) consacrée à la distribution Linux Mint 22 intitulée « Pas à pas pour les débutants ».

• Linux Mint 22 - Pas à pas débutant - YouTube
• Pack débutant (partie 1) - Linux Mint 22 - Pas à pas pour débutant sur YouTube en Libre accès.pdf - pCloud

1. C'est quoi Mint ?
2. Possible pour vous ?
3. Télécharger Cinnamon
4. Vérifier avec 7Zip
5. Créer la clé d'installation
6. Créer une clé persistante
7. Graver un DVD
8. Démarrage rapide
9. Edge à Firefox
10. Chrome à Firefox
11. Exporter thunderbird
12. Export carnets d'adresses
13. Export Agenda
14. Ouvrir le BIOS
15. Visite en Français
16. Installation
17. Démarrage et dualboot
18. Veille contrôllée
19. Écran de bienvenue
20. Timeshift
21. Gestionnaire de pilotes
22. Gestionnaire de mise à jour
23. Pare-feu
24. Couleurs du Bureau
25. Une mise à jour
26. Paramètres du système
27. Personnaliser le Bureau
28. Une mise à jour du noyau
29. La Logithèque
30. Flatpack
31. Alternativeto
32. Paramètres du panneau
33. Configuration Liste groupée de fenêtres
34. Ajouter des Applets
35. Mode d’édition du panneau (1)
36. Mode d’édition du panneau (2)
37. Réglage du MENU
38. Applications préférées
39. La corbeille
40. Barre d'outils
41. Ranger les éléments
42. Marque pages
43. Panneau latéral
44. Menus contextuels
45. Imprimante et Scanner
46. Informations système
47. la suite LibreOffice (une petite erreur à corriger)
48. Installer les polices Microsoft sur Linux
49. Capture d'écran et Flameshot
50. PDF Visionneur de document ou Okular
51. La Télévision avec FreetuxTV
52. Thunderbird
53. Carnets d’adresses
54. Agenda
55. Paramètres et paramètres des comptes
56. Injecter le profil de Firefox de Windows dans Linux
57. Sauvegarde des données avec Grsync
58. Gparted renommer le disque de sauvegarde
59. Vider le cache de Linux avec le Terminal
60. Restaurer avec Timeshift
61. Démarrage - enlever ou mettre un mot de passe
62. Petit bilan et conseils

The process is pretty much the same as regular Arch install. You just choose a few additional settings. Let me show the steps in details.

Petit billet rapide (comme un flux RSS) sur le flux RSS (established since 2002), ce morceau de XML si précieux à l'heure de l'émiettement des réseaux sociaux et de l'infobésité numérique. En 10 ans de blog Patrimoine et numérique il n'en avait encore jamais été question... mais j'en avais parlé sur d'Aïeux et d'Ailleurs en 2008 (voir l'article Flux et reflux (virtuels)).

In this Raspberry Pi internet speed monitor tutorial, we will be showing you how you can set up your Raspberry Pi to monitor your internet connection.

I love interactive things, but I’m not a fan of expensive devices, especially those we have to buy year after year to have the latest hardware in our hands!

I’m a fan of accessible technology!

With that in mind, today I’m going to show you how to control elements in a 3D scene using just your hands, a webcam, and a web browser. The key focus here is converting a 2D screen into a 3D space, with full depth control. I’ll keep the focus on that!

To achieve this result, we will use Mediapipe and Three.js.

CSS Grid is one of the most amazing parts of the CSS language. It gives us a ton of new tools we can use to create sophisticated and fluid layouts.

It's also surprisingly complex. It took me quite a while to truly become comfortable with CSS Grid!

In this tutorial, I'm going to share the biggest 💡 lightbulb moments I've had in my own journey with CSS Grid. You'll learn the fundamentals of this layout mode, and see how to do some pretty cool stuff with it. ✨

ArgoCD est un programme permettant de comparer une source de vérité sur Git avec un cluster Kubernetes. Il dispose de nombreuses fonctionnalitées comme :

• La détection automatique de Drift (si un utilisateur a manuellement modifié le code directement sur le cluster).
• Une interface WebUI pour l’administration du cluster.
• La possibilité de gérer plusieurs clusters.
• Une CLI pour administrer l’ArgoCD.
• Contient un exporteur Prometheus natif.
• Permet de faire des actions antes/post réconciliation.

This yt-dlp tutorial lists the most common yt-dlp commands for downloading videos and audio from YouTube and various other websites on Linux.

Le format SVG peut paraître parfois un peu intimidant, et l'associer à des transitions ou des animations CSS semble encore plus audacieux pour bon nombre de personnes.

Cependant, dans certains cas, l'alchimie entre SVG et CSS est aussi bénéfique qu'extrêmement simple à mettre en oeuvre. Dans ce tutoriel, nous allons suivre étape par étape comment animer un bouton burger simple avec SVG et CSS.

On se focalise souvent sur les feuilles de style pour le rendu à l'écran, mais une page web peut également se décliner sous la forme d'un document imprimé. Coup de chance : les feuilles de style CSS servent aussi à définir les styles pour l'impression des pages web. Elle est pas belle, la vie ?