Vue lecture

Il y a de nouveaux articles disponibles, cliquez pour rafraîchir la page.

Comment optimiser les performances de votre site avec o2switch ?

– Article en partenariat avec o2switch

Hello à tous,

Dans une précédente vidéo, nous avions découvert ensemble comment créer et configurer un site WordPress avec o2switch, cet hébergeur français qui propose des offres complètes et adaptées à tous les types de projets web.

Et aujourd’hui, nous allons aller encore plus loin en explorant les outils d’optimisation de performances proposés par o2switch pour transformer votre site en véritable fusée !

Car vous le savez, la vitesse de chargement d’un site web est cruciale, non seulement pour l’expérience utilisateur mais aussi pour le référencement. En effet, Google pénalise les sites lents et récompense ceux qui s’affichent rapidement, alors c’est pourquoi il est essentiel d’optimiser au maximum les performances de votre site, que ce soit un WordPress ou autre chose.

OpenAI veut racheter Chrome - Révolution ou catastrophe ?

Chrome c’est le navigateur dont je ne voudrais même pas sur mon ordinateur tellement il est pourri comparé à Firefox alors imaginez ma surprise quand j’ai appris qu’OpenAI voulait racheter cette bouze ! Et pas n’importe comment !! Ils le veulent uniquement si la justice américaine force Google à s’en séparer suite à ce fameux procès antitrust qui a déclaré Google comme détenteur d’un monopole illégal sur la recherche web.

Podcast - De l'Internet préhistorique à l'IA

Il y a quelques semaines, j’ai eu l’occasion de participer au podcast ‘Derrière La Bulle’ de Léo Pereira et c’était vraiment sympa !

On a fait un voyage dans le temps, depuis l’époque où uploader une image de 50 Ko prenait une pause café jusqu’aux IA génératives du moment et comme j’ai vécu toute cette évolution des débuts chaotiques du HTML, à l’émergence des blogs, en passant par la montée du web social, et maintenant l’ère de l’IA, j’avais plein de trucs à raconter.

EchoDuck – Hébergez vos sites web statiques en deux clics

Si vous avez un site web tout beau, tout propre, avec que du bon HTML bien statique et que vous voulez le mettre en ligne quelque part histoire de le faire tester à vos amis, y’a EchoDuck !

C’est un excellent outil très user friendly pour les bidouilleurs du dimanche, qui veulent bricoler des pages web et les balancer en ligne sans devoir vendre sortir leur CB ou se battre avec un Nginx ou un Apache.

Alors comment ça fonctionne ?

  1. Vous allez sur le site d’EchoDuck : https://echoduck.com/
  2. Vous cliquez sur « Launch my Server », vous choisissez les fichier à héberger le site vous filera une URL publique rien qu’à vous.

Bien sûr rien n’est envoyé en ligne et vos fichiers restent uniquement sur VOTRE appareil et pas besoin d’installer quoi que ce soit, puisque ça fonctionne depuis le navigateur.

Et il y a quelques limitations techniques à prendre en compte puique EchoDuck c’est uniquement pour des sites statiques légers, et pas pour héberger le prochain Netflix. Donc évitez de balancer votre vidéothèque 4K ou votre collection de GIFs de chats car ça risque de ramer. 😬

Mais ça dépanne !

A découvrir ici.

Phoboslab – Des jeux web rétro de folie en HTML5 !

Chers lecteurs, aujourd’hui je veux vous parler d’un studio de développement de jeux web qui fait vraiment des choses impressionnantes : Phoboslab. Ce studio indépendant fondé par Dominic Szablewski nous propose des petits jeux rétro old-school directement jouables dans votre navigateur préféré.

En effet, Phoboslab est spécialisé dans les jeux rétro avec des graphismes pixelisés qu’on adore et une ambiance nostalgique des années 80-90. Szablewski a même développé son propre framework JavaScript baptisé Impact pour créer facilement des jeux web.

Son plus gros succès à ce jour est l’excellent Biolab Disaster, un jeu de plateformes et d’action avec des armes, des monstres et une bande son géniale. Et le truc génial avec Phoboslab, c’est que leurs jeux tournent entièrement en HTML5, JavaScript et WebGL. Pas besoin de plugins, juste un navigateur récent qui respecte les standards. On peut donc jouer sur PC, Mac, mobiles et tablettes sans rien installer.

Leur site web regroupe toute une sélection de jeux gratuits et open source réalisés avec Impact ou leur moteur WebGL maison. On y trouve des petits shoot them up bien nerveux comme X-Type, des jeux façon Tetris comme Z-Type où il faut taper des mots pour détruire les ennemis (parfait pour le bureau), des RTS comme Voidcall façon Command & Conquer ou encore des FPS old-school façon Doom comme Xibalba ou ce portage de Quake de 13 kb. Il y en a pour tous les goûts.

Je vous encourage vraiment à tester leurs jeux, vous allez adorer. Certes on n’a pas encore des blockbusters en 3D dernière génération, mais pour se détendre rapidement pendant la pause café, c’est idéal.

Le studio semble un peu moins actif ces derniers temps, mais j’espère qu’ils nous préparent d’autres petites merveilles pixelisées.

Puter – Des navigateurs virtuels instantanés sans inscription

Ce serait chouette si on pouvait ouvrir un navigateur web en un clin d’œil, sans avoir à installer quoi que ce soit sur sa machine et où chaque session de navigation serait totalement indépendante, isolée dans sa propre bulle virtuelle. Ah bah ça tombe bien, c’est exactement ce que propose Puter, un service en ligne très astucieux.

Le concept est simple : Puter vous permet de démarrer des navigateurs web dans des machines virtuelles, directement depuis votre navigateur habituel. Pas besoin de créer un compte, pas besoin de donner votre email, vous choisissez juste la région du monde où vous voulez que votre session soit hébergée (Amérique du Nord, Amérique du Sud, Asie ou Europe), et hop, un nouveau navigateur s’ouvre dans un onglet !

Au delà de la fonctionnalité du navigateur, Puter propose aussi un environnement de bureau avec plein de petits outils cools comme un IDE pour coder, un genre de Paint pour dessiner, un terminal, un bloc note, un player vidéo, des jeux…etc

Sous le capot, y’a bien évidemment du cloud computing pour instancier à la volée des machines virtuelles pré-configurées avec un navigateur web. Chaque session est éphémère et isolée, ce qui signifie que vous repartez toujours d’une ardoise vierge, sans cookies, sans historique, sans traces de votre navigation précédente.

L’intérêt principal de ce service et de son navigateur est de pouvoir naviguer de façon totalement anonyme et privée. Comme les sessions sont hébergées sur les serveurs de Puter et non sur votre machine, les sites que vous visitez ne peuvent pas vous identifier ni vous pister. C’est aussi pratique pour tester des sites web dans différents environnements, ou pour accéder à des services qui pourraient être bloqués dans votre pays.

Mais ça a aussi ses limites. Déjà, la confidentialité a un prix : il faut faire confiance à Puter pour ne pas enregistrer et exploiter votre activité. Ensuite, le fait de passer par des serveurs distants peut ralentir la navigation et augmenter la latence. Enfin, il ne propose pour l’instant qu’un seul navigateur (Chromium) et ne permet pas d’installer des extensions ou de personnaliser l’environnement.

Malgré ces limitations, ça reste un outil prometteur. La possibilité de cloisonner facilement sa navigation dans des machines virtuelles à usage unique ouvre de nombreuses perspectives, notamment en termes de sécurité et de confidentialité. On peut imaginer des cas d’usage pour le test de logiciels malveillants, l’analyse de sites web suspects, ou encore la création de profils utilisateurs distincts.

A tester ici !

Hide What You Dislike – L’extension Chrome pour filtrer tout ce qui vous déplait

Si vous en avez assez de tomber constamment sur du contenu qui ne vous plait pas lors de vos séances de surf, sachez que vous allez pouvoir filtrer facilement les éléments indésirables grâce à cette extension Chrome.

Il s’agit de Hide What You Dislike qui permet de masquer en un clin d’œil tout ce qui vous tape sur les nerfs quand vous naviguez. Lien, image, texte, rien ne lui résiste ! Vous repérez un truc qui vous gonfle ? Hop, un clic droit et l’option magique « Hide entries with this link » apparaît pour le virer à tout jamais. Pratique, non ?

« Mais si je me plante et que je masque un truc que je voulais garder ?« .

Pas de panique, les développeurs ont pensé à tout ! Direction les options de l’extension où vous retrouverez la liste de tous les éléments cachés. Suffit de cliquer sur la petite croix rouge et hop, le contenu banni réapparaît comme par magie. Bef, vous gardez le contrôle !

Côté performances, elle est optimisée pour gérer des centaines de filtres sans ralentir votre navigation. Concrêtement, vous pouvez atteindre exactement le même résultat avec n’importe quel bloqueur de pub, mais avec cette extension, c’est beaucoup plus simple à faire.

Prenons l’exemple de YouTube. Son option native de blocage de chaîne ne fonctionne que sur les vidéos suggérées et pas sur les résultats de recherche. Et impossible de bloquer par mots-clés. Alors si voulez masquer toutes les vidéos qui mentionnent « Hanouna » dans le titre, avec YouTube, c’est mort mais avec Hide What You Dislike, c’est fastoche !

Voilà, c’est gratuit, c’est personnalisable à l’infini et c’est dispo ici. Que demander de plus ?

Ah si, j’oubliais un détail qui a son importance… cette extension ne vous tracke pas ! Pas de pistage, pas d’analytics, tout est local par défaut. Et si vous vous connectez via Google pour sauvegarder vos filtres dans le cloud, seul le nom de domaine et le filtre sont transmis. Votre vie privée reste privée, comme il se doit.

Spherical webcam concept adds a playful personality to a utilitarian product

The new era of video meetings has put webcams in the spotlight. At the same time, it has also become more quickly apparent that webcam technologies and designs didn’t really grow alongside the rest of the computing industry, seemingly stuck in the requirements and conventions of the early 2000s. But while their capabilities have indeed caught up to modern needs, their designs remain eyesores sitting on top of many monitors and laptop screens. This design concept tries to buck the trend by presenting a webcam that isn’t just useful or privacy-respecting but also carries a character of its own.

Designer: André Terchanian

There’s a principle in psychology that says that something that’s always in our vision can affect our minds in sometimes subconscious ways. That’s why sticky notes surrounding your computer monitor can be good at nagging us long after we’ve clocked out of the office, which can be a good or bad thing for your productivity. We also put things that delight and inspire us always within our field of vision, but things that irk or discomfort us can bring our mood down if we have them in our faces long enough.

Webcams are meant to be discreet and almost invisible, but except for built-in cameras in laptop monitors, the vast majority of them are perched on top of our screens, often at eye level, so there’s absolutely no way to ignore their presence. It’s not that these devices are unappealing, though some might indeed fall under that category, but many of them are plain, uninspiring, and sometimes at odds with our carefully designed desk or computer motif.

MILO is a design concept that tries to make the webcam look a little more alive and distinctive, and it does so by simply putting a ball on a stick. A spherical webcam isn’t new, but most of the existing designs often use tripods, wide mounts, or clips to stay upright. In contrast, MILO has a stem with a spherical base that can stick to the back of any monitor using an adhesive surface and suction force to stay in place. This makes MILO look almost like a robot ball or a robotic eye that’s peeking from the top of your screen.

1

This small design change also brings some important benefits to its functionality. For one, you only need a single USB-C cable coming out of its base, away from sight and tangles. Another is that the magnetic base can rotate in a 360-degree direction, letting the webcam swivel downward if you want to block its view and prevent accidental recording. MILO’s design is also compact and convenient to carry around, allowing you to set up your mobile office anywhere and take up video calls with a quirky-looking webcam sticking out of your laptop lid.

The post Spherical webcam concept adds a playful personality to a utilitarian product first appeared on Yanko Design.

Realtime Colors – Visualisez vos couleurs et polices en temps réel sur un vrai site

Vous cherchez les couleurs et polices idéales pour votre site web ? Avec Realtime Colors, vous allez pouvoir choisir très vute puisque cet outil ingénieux distribue vos teintes sur un vrai site, ce qui permet de rendre tout ça beaucoup plus concret.

Fini les palettes avec lesquelles il est difficile de se projeter puisqu’en quelques clics, vous obtiendrez votre identité visuelle sur mesure, prête à être exportée. Realtime Colors cartonne aussi sur Figma, où son plugin compte plus de 19 000 aficionados.

Bref, une fois sur le site, commencez par choisir deux couleurs neutres pour le texte et le fond. Ensuite, choisissez vos teintes primaires et secondaires (pour les CTAs et sections importantes, puis les boutons et encarts moins cruciaux). Enfin, ajoutez une touche finale avec une couleur d’accentuation qui viendra rehausser images, liens, etc.

Et voilà, en quelques instants, vous avez votre combo couleurs et polices parfaitement assorti et harmonieux, sans prise de tête ! Plutôt cool non ?

Et si le résultat vous botte, hop, cliquez sur « Exporter » pour récupérer les CSS, les Tailwind, le code custom, les shades, gradients…etc. Et petit bonus qui a son importance : Realtime Colors intègre aussi un vérificateur de contraste pour s’assurer que vos textes seront toujours lisibles.

Bref, si vous en avez assez de galérer pour habiller votre site et désirez un rendu professionnel sans effort, foncez sur Realtime Colors. Merci Lorenper pour cette super découverte !

Perplexica – Le moteur de recherche open source propulsé à l’IA

Perplexica est un moteur de recherche gratuit et transparent, qui comprend ce que vous lui demandez et qui vous trouve pile poil ce que vous cherchez, le tout boosté à l’intelligence artificielle dernière génération. Ça vous parle, non ?

Ah bah oui c’est comme Perplexity.ai sauf que c’est gratuit, open source et que ça vous permet de fouiller le web en profondeur pour dénicher les réponses à toutes vos questions. Pour cela, l’outil utilise des algorithmes d’apprentissage automatique basés notamment sur la recherche par similarité sémantique. En gros, il est capable de piger le sens de votre question et de trouver les sources les plus pertinentes.

Comme ça, vous obtenez des réponses claires et sourcées, servies sur un plateau d’argent sans avoir besoin de passer des heures à éplucher les pages de résultats pour trouver l’info qui vous intéresse.

Pas de cookies qui vous espionnent ni de revente de données personnelles en douce et vos recherches restent confidentielles. Côté fonctionnalités, Perplexica propose plusieurs modes de recherche bien pratiques :

  • Le mode Copilot (encore en développement) : il génère des requêtes pour trouver les sources Internet les plus pertinentes. Plutôt que d’utiliser uniquement le contexte fourni par SearXNG, il visite directement les meilleurs résultats pour trouver les sources les plus adaptées à votre question.
  • Le mode Normal : il traite votre requête et effectue une recherche web classique.
  • Les Focus Modes : des modes spécialisés pour répondre à des besoins spécifiques, comme la recherche académique, la recherche YouTube, les calculs via Wolfram Alpha ou encore la recherche Reddit pour les discussions et avis.

Et niveau technique, il utilise un meta-moteur de recherche bien fichu qui s’appelle SearXNG. C’est lui qui récupère les résultats, les trie, les recoupe, pour ne garder que la crème de la crème. L’avantage, c’est que vous avez toujours des infos à jour, sans latence. Et comme je le disais en intro, il s’appuie aussi sur des modèles de langage locaux comme Llama3 et Mixtral, via l’API Ollama ce qui lui permet d’affiner encore plus les résultats.

Et pour l’installer, c’est super simple :

  1. Clonez le dépôt GitHub de Perplexica : git clone https://github.com/ItzCrazyKns/Perplexica.git
  2. Renommez le fichier sample.config.toml en config.toml et remplissez les champs nécessaires (clé API, etc.)
  3. Lancez la commande docker compose up -d
  4. Attendez quelques minutes que l’installation se termine
  5. Accédez à Perplexica via http://localhost:31337 depuis votre navigateur

Une fois que c’est en place, vous pouvez même utiliser Perplexica comme moteur de recherche par défaut dans votre navigateur. Il suffit d’aller dans les paramètres, d’ajouter un nouveau moteur de recherche avec l’URL http://localhost:31337/?q=%s et le tour est joué !

Après, forcément, c’est encore un jeune projet, donc il y a des petits trucs à peaufiner et les devs planchent notamment sur la finalisation du mode Copilot, l’ajout d’une page de paramètres, de fonctionnalités comme l’historique de recherche, et le support des modèles de langage locaux.

Mais même en l’état, je trouve que ça vaut grave le coup de tester Perplexica, ne serait-ce que pour voir à quoi peut ressembler un moteur de recherche IA à la fois éthique et transparent ^^.

Remerciement spécial à Lorenper pour l’info !

❌