https://video.silex.me/about/instance/homehttps://video.silex.me/videos/browse?scope=localhttps://video.silex.me/homehttps://video.silex.me/w/ujdg6TzBcRzsXHCsbyH1y2https://video.silex.me/lazy-static/thumbnails/8e48b4bf-201a-4b36-8c0f-15e808728f01.jpgSilex v3 launchUseful links: - https://v3.silex.me/ - https://neocities.org/ - https://uberspace.de/en/ - https://docs.silex.me/ - https://community.silex.me/ Links to follow and support: - https://opencollective.com/silex - https://www.youtube.com/user/Silexlabs / silexlabs https://www.meetup.com/fr-FR/Silex-Labs-Aperopensource/ - https://www.silexlabs.org/tag/silex/ - https://fosstodon.org/@silex - https://twitter.com/silex_me - https://www.facebook.com/silexlabs/ https://www.linkedin.com/company/silex-labs/ - https://www.silex.me/ - https://www.silexlabs.org/ Meetup event link: https://www.meetup.com/fr-FR/silex-labs-aperopensource/events/295056146 Video by https://www.whynotprod.com/ Templatate by https://internet2000.net/ Be among the first to experience Silex V3 Beta! Join us for a 45-minute to 1-hour free online workshop with Alex Hoyau, founder and maintainer, on August 1st, 2023, at noon. Silex, the trusted free/libre and open source website builder, is unveiling its V3 beta, now available to use online forever free. Don't miss this opportunity to be part of the future of web design. Register now to get the event link. We're excited to meet you online!https://video.silex.me/static/streaming-playlists/hls/e54ad378-ccd4-4fbe-949d-27ce07c2ad69/5abcae2e-043a-4f8b-9847-3b77b988791e-master.m3u8https://video.silex.me/videos/embed/ujdg6TzBcRzsXHCsbyH1y22656011382023-09-18T13:46:40.093Zsilexfossfree website builderopen sourceno-codeYES[EN] Silex v3 videos in EnglishNOhttps://video.silex.me/w/jpjEz8ZhBzgwLszDhXq6TQhttps://video.silex.me/lazy-static/thumbnails/bcbffe05-8b50-424a-b335-bc5c8382d666.jpgUnlocking Silex #1 | All About Style(s)👋 Welcome to the first workshop in our Unlocking Silex series! Born free and open-source in 2009, Silex challenges conventional website builders. We empower a global community of makers to liberate web creation using no-code. Join us now! 🎯 Target Audience: Freelance NoCode devs, Web Designers, Web Agencies 👨‍💻 About the Author: Alex Hoyau Hey everyone, I'm Alex, the official maintainer of Silex Website Builder. I'm currently working on the exciting new V3 version, making Silex a compelling alternative to platforms like Webflow. I run a specialized web studio focused on eco-design, where we use Silex to empower people transitioning into web design. I'm passionate about making web design accessible and open. That's why Silex is not just open-source but also free and community-driven. I'm invested in training people in web design with this tool, steering clear of vendor lock-ins and focusing on web standards that will serve you well beyond Silex. I'm thrilled to share my expertise and insights with you in this workshop series. Whether you're a freelancer, part of an agency, or a NoCode enthusiast, I'm here to help you master Silex and take your web projects to the next level. 📚 Topics Covered: Introduction to Silex: Get a brief overview of what Silex is and why it's a game-changer in the web design industry. Creating a Free GitLab Account: We'll walk you through the GitLab sign-up process, explaining why GitLab is an excellent choice for hosting your Silex projects. Basics of the Style Manager: Dive into the Style Manager with hands-on examples. Learn how to design basic elements like headers and set the stage for more advanced styling techniques. 🤝 Why Attend? Don't miss the train, it is a series of 4 workshops Gain a solid foundation in Silex, setting you up for success in more advanced topics. Network with like-minded professionals in the web design field. Get your questions answered in a live Q&A session at the end ...https://video.silex.me/static/streaming-playlists/hls/95061af6-2f6b-4a70-977f-63508c411d62/56740361-4a03-4422-b8a0-6b2703f12cd5-master.m3u8https://video.silex.me/videos/embed/jpjEz8ZhBzgwLszDhXq6TQ3394521702023-10-03T14:36:31.098Zno-codeopen-sourcewebflowalternativefreeYES[EN] Silex v3 videos in EnglishNOhttps://video.silex.me/w/q5iE12YxjopyHaMBGS3o89https://video.silex.me/lazy-static/thumbnails/87af92c4-6bde-4b8f-ac07-a79d168fa06e.jpgLibérez-vous de Meetup : Installez Mobilizon de Framasoft !Détails 👋 Salut à tous ! Vous en avez assez des plateformes propriétaires pour gérer vos événements et communautés ? Vous cherchez une alternative libre et open-source ? Rejoignez-nous pour un atelier en ligne où nous allons installer Mobilizon, l'outil de gestion d'événements de Framasoft, sur notre propre serveur VPS ! 🛠 Qu'allons-nous faire ? Installer Mobilizon sur un VPS via CapRover et Docker Découvrir comment gérer vos propres événements et communautés avec Mobilizon Partager des astuces pour l'administration de divers outils libres 🎯 Pour qui ? Associations Freelances web designer Développeurs no-code Agences web Toute personne intéressée par les outils libres 🎉 Pourquoi participer ? Apprendre à être indépendant des plateformes propriétaires Découvrir comment contribuer à des projets open-source comme Silex Échanger avec des personnes partageant les mêmes valeurs d'ouverture et de liberté sur le web 🔗 Liens utiles Silex Labs Mobilizon CapRover ***https://video.silex.me/static/streaming-playlists/hls/c2f52eed-9281-4df4-844c-60a89a6a2366/a5c9c099-95b1-429b-a56f-5d7eb43e1ebf-master.m3u8https://video.silex.me/videos/embed/q5iE12YxjopyHaMBGS3o8935570332023-10-10T16:56:44.299ZmobilizonVPS CapRover YESSilex Labs videosNOhttps://video.silex.me/w/j6rEv4MpHcCeyxVmCB2nkHhttps://video.silex.me/lazy-static/thumbnails/a917eb46-cf25-4122-946c-ab89265d0878.jpgSérie d'ateliers no-code avec Silex | #1 Tout est dans le style👋 Bienvenue au premier atelier de notre série d'ateliers no-code avec Silex ! Né libre et open-source en 2009, Silex défie les constructeurs de sites web conventionnels. Nous donnons le pouvoir à une communauté mondiale de créateurs pour libérer la création web en utilisant le no-code. Une vidéo pour présenter **rapidement** la nouvelle version de Silex, avec un peu d'historique etc. Rejoignez-nous maintenant ! 🎯 Public Cible : Développeurs NoCode freelance, Web Designers, Agences Web 👨‍💻 À propos de l'auteur : Jonas Moreau Salut à tous, je suis Jonas, expert intégration no-code et éco-conception chez Internet 2000, le studio web spécialisé en éco-conception où nous utilisons Silex pour créer les sites de nos clients tout en formant des personnes en reconversion professionnelle. Je suis ravi de partager mon expertise et mes perspectives avec vous dans cette série d'ateliers. Que vous soyez freelance, membre d'une agence ou enthousiaste du NoCode, je suis là pour vous aider à maîtriser Silex et à faire passer vos projets web au niveau supérieur. 📚 Sujets abordés : Introduction à Silex : Obtenez un aperçu rapide de ce qu'est Silex et pourquoi c'est un véritable game-changer dans l'industrie du web design. Création d'un compte (GitLab gratuit) : Nous vous guiderons à travers le processus d'inscription à GitLab, en expliquant pourquoi GitLab est un excellent choix pour héberger vos projets Silex. Bases du gestionnaire de style : Plongez dans le gestionnaire de style avec des exemples pratiques. Apprenez à concevoir des éléments de base comme les en-têtes et préparez-vous pour des techniques de style plus avancées. 🤝 Pourquoi participer ? Ne manquez pas le train, c'est une série de 4 ateliers Obtenez une solide base en Silex, vous préparant au succès dans des sujets plus avancés. Réseautez avec des professionnels partageant les mêmes idées dans le domaine du web design. Obtenez...https://video.silex.me/static/streaming-playlists/hls/928707d6-76a2-44fc-a05d-0952ac08d2c3/e0211308-a62c-4007-957c-c3f669556239-master.m3u8https://video.silex.me/videos/embed/j6rEv4MpHcCeyxVmCB2nkH360803682023-10-16T15:33:50.738Zsilexno-codeYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/g61DkeoWVcpgWs8zLMfC5Xhttps://video.silex.me/lazy-static/thumbnails/b0fbd8ec-bb28-4e0a-a1cd-e09f52e0d397.jpgUnlocking Silex #2 | Styling With Classes Professional Web Design Techniques👋 Welcome to the second workshop in our Unlocking Silex series! This second meetup is about creating maintainable websites fast. Born free and open-source in 2009, Silex challenges conventional website builders. We empower a global community of makers to liberate web creation using no-code. Join us now! 🎯 Target Audience: Freelance NoCode devs, Web Designers, Web Agencies 👨‍💻 About the Author: Alex Hoyau Hey everyone, I'm Alex, the official maintainer of Silex Website Builder. I'm currently working on the exciting new V3 version, making Silex a compelling alternative to platforms like Webflow. I run a specialized web studio focused on eco-design, where we use Silex to empower people transitioning into web design. I'm passionate about making web design accessible and open. That's why Silex is not just open-source but also free and community-driven. I'm invested in training people in web design with this tool, steering clear of vendor lock-ins and focusing on web standards that will serve you well beyond Silex. I'm thrilled to share my expertise and insights with you in this workshop series. Whether you're a freelancer, part of an agency, or a NoCode enthusiast, I'm here to help you master Silex and take your web projects to the next level. 📚 Topics Covered: Introduction to CSS Classes in Silex: Start with the basics of using CSS classes in Silex to set the stage for more advanced techniques. Best Practices for Naming CSS Classes: Before diving into coding, learn how to name your CSS classes effectively, including an introduction to the BEM methodology. Utilizing the Layer Manager: Understand how to manage your website's structure and elements effectively, setting the foundation for advanced styling. Head Editor for Custom CSS: Learn how to inject custom CSS directly into the head section of your website for greater control over your design elements. 🤝 Why Attend? Don't miss the train, it is a series of 4 workshops G...https://video.silex.me/static/streaming-playlists/hls/7a2c3206-82b6-419a-a33b-bfe581335d6f/2a9db0e9-1423-43de-86ed-b40a8175830d-master.m3u8https://video.silex.me/videos/embed/g61DkeoWVcpgWs8zLMfC5X259803392023-11-06T11:54:17.644ZYES[EN] Silex v3 videos in EnglishNOhttps://video.silex.me/w/6jF3zzvuuPyNu1wU1aN2qKhttps://video.silex.me/lazy-static/thumbnails/3b5a2a19-a91e-4700-87ec-4fdbdfbad756.jpgSérie d'ateliers no-code avec Silex | #2 Des sites pro qui ont la class (CSS)**Détails** 👋 Bienvenue au 2e atelier de notre série d'ateliers no-code avec Silex ! Né libre et open-source en 2009, Silex défie les constructeurs de sites web conventionnels. Nous donnons le pouvoir à une communauté mondiale de créateurs pour libérer la création web en utilisant le no-code. Une vidéo pour présenter **rapidement** la nouvelle version de Silex, avec un peu d'historique etc. Rejoignez-nous maintenant ! 🎯 **Public Cible :** Développeurs NoCode freelance, Web Designers, Agences Web 👨‍💻 **À propos de l'auteur : Jonas Moreau** Salut à tous, je suis Jonas, expert intégration no-code et éco-conception chez Internet 2000, le studio web spécialisé en éco-conception où nous utilisons Silex pour créer les sites de nos clients tout en formant des personnes en reconversion professionnelle. Je suis ravi de partager mon expertise et mes perspectives avec vous dans cette série d'ateliers. Que vous soyez freelance, membre d'une agence ou enthousiaste du NoCode, je suis là pour vous aider à maîtriser Silex et à faire passer vos projets web au niveau supérieur. 📚 **Sujets abordés :** Introduction aux classes CSS et pseudo-classes dans Silex : Commencez par les bases de l'utilisation des classes CSS dans Silex pour préparer le terrain aux techniques plus avancées. Meilleures pratiques pour nommer les classes CSS : Avant de vous plonger dans la programmation, apprenez comment nommer efficacement vos classes CSS, y compris une introduction à la méthodologie BEM(Block Element Modifier). Utilisation du gestionnaire de couches : Comprenez comment gérer la structure et les éléments de votre site web de manière efficace, jetant les bases d'un stylisme avancé. Introduction à l'éditeur pour le CSS personnalisé : Apprenez comment injecter du CSS personnalisé directement dans la section d'en-tête de votre site web pour avoir un plus grand contrôle sur les éléments de votre design. 🤝 **Pourquoi participer ?** Ne manquez pas le tra...https://video.silex.me/static/streaming-playlists/hls/2b1924a6-867c-40ad-8a00-a7b8e8a49b7f/0762094c-7c17-4976-abc1-596d25c3768d-master.m3u8https://video.silex.me/videos/embed/6jF3zzvuuPyNu1wU1aN2qK36325802023-11-15T14:00:01.297ZYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/rqpEKEf3zyE1Mk2PY4yffQhttps://video.silex.me/lazy-static/thumbnails/acfecef6-2a5e-4119-9f18-de2ace865bef.jpgSilex CMS feature: composable no-code free/libre website builderDemo of the brand new 11ty plugin for Silex, which makes Silex the first free and open source builder for composable architectures (JAMStack / static sites) Try the plugin (it involves command line for now): https://docs.silex.me/en/dev/cms https://video.silex.me/static/streaming-playlists/hls/cddce72a-bd8e-4ce7-b0df-0f70ba61e7c4/1775789b-a863-4b85-9fad-e13eedb9c661-master.m3u8https://video.silex.me/videos/embed/rqpEKEf3zyE1Mk2PY4yffQ21752752023-11-17T18:40:36.393Zno-code11tysilexYES[EN] Silex v3 videos in EnglishNOhttps://video.silex.me/w/58yiJKetwAf4qaar4DTJWYhttps://video.silex.me/lazy-static/thumbnails/d197cc58-0cf0-4dc5-8fc8-78f7019d03fe.jpgUnlocking Silex #3 | Biger is better with symbols, pages and SEO settings👋 Welcome to the 3d workshop in our Unlocking Silex series! This meetup is about creating professional multi-page websites, reusing of components and styles. Born free and open-source in 2009, Silex challenges conventional website builders. We empower a global community of makers to liberate web creation using no-code. Join us now! 🎯 Target Audience: Freelance NoCode devs, Web Designers, Web Agencies 👨‍💻 About the Author: Alex Hoyau Hey everyone, I'm Alex, the official maintainer of Silex Website Builder. I'm currently working on the exciting new V3 version, making Silex a compelling alternative to platforms like Webflow. I run a specialized web studio focused on eco-design, where we use Silex to empower people transitioning into web design. I'm passionate about making web design accessible and open. That's why Silex is not just open-source but also free and community-driven. I'm invested in training people in web design with this tool, steering clear of vendor lock-ins and focusing on web standards that will serve you well beyond Silex. I'm thrilled to share my expertise and insights with you in this workshop series. Whether you're a freelancer, part of an agency, or a NoCode enthusiast, I'm here to help you master Silex and take your web projects to the next level. 📚 Topics Covered: Introduction to Multi-Page Websites in Silex: Learn how to expand your project from a single-page design to a multi-page website, and understand the benefits and use-cases for doing so. Mastering Symbols for Reusability: Discover the power of symbols in Silex for creating reusable components, saving you time and ensuring consistency across your project. Advanced Settings site-wide or per-page: Dive into the settings panel to explore advanced options that give you more control over your website's functionality and appearance: SEO, custom CSS, sharing options. Best Practices for Managing Pages and Symbols: Gain insights into organizing your page...https://video.silex.me/static/streaming-playlists/hls/2172ab91-c244-4922-aa14-75d4b51fbe44/ce6e9dd3-4a7b-4526-b4f0-1915e788124d-master.m3u8https://video.silex.me/videos/embed/58yiJKetwAf4qaar4DTJWY158001892023-12-01T17:27:28.966Zno-codepagessilexsymbolsYES[EN] Silex v3 videos in EnglishNOhttps://video.silex.me/w/nA7FZe7vaTzWkN8HSNssBWhttps://video.silex.me/lazy-static/thumbnails/02c8e67e-08f2-4b4e-a187-b2478d5d898c.jpgSérie d'ateliers no-code avec Silex | #3 les pages, symboles et paramètres👋 Bienvenue au premier atelier de notre série d'ateliers no-code avec Silex ! Né libre et open-source en 2009, Silex défie les constructeurs de sites web conventionnels. Nous donnons le pouvoir à une communauté mondiale de créateurs pour libérer la création web en utilisant le no-code. Une vidéo pour présenter **rapidement** la nouvelle version de Silex, avec un peu d'historique etc. Rejoignez-nous maintenant ! 🎯 Public Cible : Développeurs NoCode freelance, Web Designers, Agences Web 👨‍💻 À propos de l'auteur : Jonas Moreau Salut à tous, je suis Jonas, expert intégration no-code et éco-conception chez Internet 2000, le studio web spécialisé en éco-conception où nous utilisons Silex pour créer les sites de nos clients tout en formant des personnes en reconversion professionnelle. Je suis ravi de partager mon expertise et mes perspectives avec vous dans cette série d'ateliers. Que vous soyez freelance, membre d'une agence ou enthousiaste du NoCode, je suis là pour vous aider à maîtriser Silex et à faire passer vos projets web au niveau supérieur. 📚 Sujets abordés : Introduction aux Sites Web Multipages dans Silex : Comprendre comment étendre votre projet d'un design à une seule page à un site Web multipage. Explorer les avantages et les cas d'utilisation de cette approche. Maîtrise des Symboles pour la Réutilisabilité : Découvrir la puissance des symboles dans Silex pour créer des composants réutilisables. Économiser du temps et assurer la cohérence dans l'ensemble de votre projet. Paramètres Avancés au Niveau du Site ou de la Page : Plonger dans le panneau de paramètres pour explorer des options avancées. Ajuster les fonctionnalités et l'apparence du site, y compris le SEO, le CSS personnalisé et les options de partage. Meilleures Pratiques pour la Gestion des Pages et des Symboles : Acquérir des connaissances sur l'organisation efficace des pages et des symboles. Améliorer le flux de travail et la maintenabilité de votre pro...https://video.silex.me/static/streaming-playlists/hls/aed35292-4630-4596-ae3f-f76a9b13edbc/3cfdce10-9955-4118-85ec-44723698973b-master.m3u8https://video.silex.me/videos/embed/nA7FZe7vaTzWkN8HSNssBW24595582023-12-06T14:32:02.426Zsymbolespagesno-codesilexYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/i5AGtTajCnhQmuTJmHebTnhttps://video.silex.me/lazy-static/thumbnails/9c08a566-c809-403c-a27a-496973145e86.jpgUnlocking Silex #4 | Pro Moves: Go Live Fast and Iterate👋 Welcome to the 4th online workshop in our Unlocking Silex series In this interactive session, we delve into the art of launching your website projects swiftly and embracing the power of rapid iteration. Perfect for NoCode developers, web designers, and agencies, this workshop is designed to elevate your web publishing game to professional levels. Born free and open-source in 2009, Silex challenges conventional website builders. We empower a global community of makers to liberate web creation using no-code. Join us now! 🎯 Target Audience: Freelance NoCode devs, Web Designers, Web Agencies 👨‍💻 About the Author: Alex Hoyau Hey everyone, I'm Alex, the official maintainer of Silex Website Builder. I'm currently working on the exciting new V3 version, making Silex a compelling alternative to platforms like Webflow. I run a specialized web studio focused on eco-design, where we use Silex to empower people transitioning into web design. I'm passionate about making web design accessible and open. That's why Silex is not just open-source but also free and community-driven. I'm invested in training people in web design with this tool, steering clear of vendor lock-ins and focusing on web standards that will serve you well beyond Silex. I'm thrilled to share my expertise and insights with you in this workshop series. Whether you're a freelancer, part of an agency, or a NoCode enthusiast, I'm here to help you master Silex and take your web projects to the next level. 📚 Topics Covered: Quick Publishing: Learn the secrets of deploying your website quickly and confidently across various platforms, from Neocities to Netlify and beyond. Fast Design Changes: Tips on making quick and effective updates to your website’s design. Better Workflow: Learn ways to work faster and more efficiently in Silex. Practice Time: You'll get to try these skills by working on a real project. Expert Guidance: Led by Alex Hoyau, the official maintainer of Si...https://video.silex.me/static/streaming-playlists/hls/8a4fb735-f8b5-4b96-9c8c-ae883e829d23/6c91519f-f33b-460e-8bf6-5a2752b7d310-master.m3u8https://video.silex.me/videos/embed/i5AGtTajCnhQmuTJmHebTn123901972024-01-08T14:45:08.665Zsilexno-codepublicationsFreelance Web AgenciesYES[EN] Silex v3 videos in EnglishNOhttps://video.silex.me/w/qhYo8iMxXo9UVj7nsq2irkhttps://video.silex.me/lazy-static/thumbnails/6df422ef-d889-4ca3-9259-ebceffc4aeb0.jpgSérie d'ateliers no-code avec Silex | #4 Silex pour les PRO: Go live, itérer sur le designÀ propos de cet événement 👋 Bienvenue à la série d'ateliers no-code avec Silex ! Dans cette session interactive, nous explorons l'art de lancer vos projets de sites web rapidement et d'embrasser le pouvoir de l'itération rapide. Parfait pour les développeurs NoCode, les web designers et les agences web, cet atelier est conçu pour élever vos connaissances de création de sites web à un niveau professionnel. Né libre et open-source en 2009, Silex défie les constructeurs de sites web conventionnels. Nous donnons le pouvoir à une communauté mondiale de créateurs pour libérer la création web en utilisant le no-code. Rejoignez-nous dès maintenant ! 🎯 Public Cible : Développeurs NoCode freelance, Web Designers, Agences Web 👨‍💻 À propos de l'auteur : Alex Hoyau Salut tout le monde, je suis Alex, le mainteneur officiel du constructeur de sites web Silex. Je travaille actuellement sur la nouvelle et passionnante version V3, rendant Silex une alternative convaincante à des plateformes comme Webflow. Je dirige un studio web spécialisé dans l'éco-conception, où nous utilisons Silex pour autonomiser les personnes en transition vers le design web. Je suis passionné par la démocratisation et l'ouverture du design web. C'est pourquoi Silex n'est pas seulement open-source, mais aussi libre et piloté par la communauté. Je suis investi dans la formation des gens au design web avec cet outil, j'évite l'enfermements dans un outils en me concentrant sur les standards du web qui vous serviront bien au-delà de Silex. 📚 Sujets abordés : Publication Rapide : Découvrez les secrets pour déployer rapidement et en toute confiance votre site web sur diverses plateformes, de Neocities à Netlify et au-delà. Modifications Rapides du Design : Des astuces pour réaliser des mises à jour rapides et efficaces du design de votre site web. Meilleur Flux de Travail : Apprenez des méthodes pour travailler plus rapidement et plus efficacement dans Silex. Temps de Pratiqu...https://video.silex.me/static/streaming-playlists/hls/c4b9f977-b46b-465b-bfbe-c33264cdd149/9bf382eb-81c7-4de1-a50c-2262c0bb5b54-master.m3u8https://video.silex.me/videos/embed/qhYo8iMxXo9UVj7nsq2irk30240762024-01-19T14:49:39.632Zno-codefreelancepublicationssilexftpYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/7P1j35Gzdk2raYEkeeU1oGhttps://video.silex.me/lazy-static/thumbnails/1fc3957e-fa93-4b8a-a1b2-67d7052c262f.jpgUnlocking Silex #5 | SEO, Accessibility, and optimizationsTopics Covered: * Search Engine Optimization (SEO): Learn how to improve your website's ranking in search results and increase its visibility. * Web Accessibility: Discover the keys to making your site accessible to all users, including those with specific needs. * Load Time Optimization: Techniques to reduce your site's loading time, thereby improving user experience and retention. Useful links Certainly, here are the links formatted as requested: * [Silex online versino](https://short.silex.me/v3) * [Roadmap](https://short.silex.me/roadmap) * [Documentation](https://short.silex.me/docs) * [Blog Posts](https://short.silex.me/blog) * [English Newsletter](https://short.silex.me/news_en) * [Community forum](https://short.silex.me/community) * [Chat](https://short.silex.me/chat) https://video.silex.me/static/streaming-playlists/hls/3726fb14-eb6c-4a9c-b96f-1af0a9811bf4/2b5c2495-fe19-4819-9be5-025c1e79b877-master.m3u8https://video.silex.me/videos/embed/7P1j35Gzdk2raYEkeeU1oG164752752024-02-12T09:53:53.678ZenglishenfossnocodesilexYES[EN] Silex v3 videos in EnglishNOhttps://video.silex.me/w/enSmSkUYmHWL4DQiD1djyEhttps://video.silex.me/lazy-static/thumbnails/fbbb78ce-243c-4fa0-99e1-286b5ba5103f.jpgSérie d'ateliers no-code avec Silex | #5 Optimisation SEO et accessibilitéRejoignez-nous pour le cinquième volet de notre série d'ateliers dédiés au no-code avec Silex, le constructeur de sites web libre et gratuit. Cet atelier est spécialement conçu pour ceux qui souhaitent aquérir des compétences professionnelles et pousser leurs sites web à la perfection en optimisant le SEO et l'accessibilité. Né libre et open-source en 2009, Silex défie les constructeurs de sites web conventionnels. Nous donnons le pouvoir à une communauté mondiale de créateurs pour libérer la création web en utilisant le no-code. Tout ce que vous apprendrez sera utilisable aussi hors de Silex. 📚 Sujets abordés : Optimisation pour les Moteurs de Recherche (SEO) : Apprenez comment améliorer le classement de votre site dans les résultats de recherche et augmenter sa visibilité. Accessibilité Web : Découvrez les clés pour rendre votre site accessible à tous les utilisateurs, y compris ceux ayant des besoins spécifiques. Guidance d'Expert : Dirigé par Alex Hoyau, le mainteneur officiel de Silex, vous aurez un accès direct à des conseils d'expert et des astuces pour améliorer vos compétences. Discuter et Apprendre : Partagez vos réflexions et questions avec d'autres passionnés de design web. -------------- DOC DU PROJET https://docs.google.com/document/d/1Rns9YuC658yh0pnoW1i4PtVsFDNDPYpcdopK3W1Ejc0/edit?usp=sharing SEO / OPTIMISATION / ACCESSIBILITÉ: https://pagespeed.web.dev/ https://wave.webaim.org/ screen reader / narrateur système LIENS PRATIQUES: https://v3.silex.me/ https://docs.silex.me/ https://community.silex.me/ https://uberspace.de/en/ https://neocities.org/ https://www.netlify.com/ https://docs.gitlab.com/ee/user/project/pages/ NEWSLETTER https://news.silex.me/forms/nfrm_BzLMaLXv CMS https://directus.io/ https://squidex.io/ NOUS SUIVRE / SUPPORTER https://opencollective.com/silex https://www.youtube.com/user/Silexlabs https://www.meetup.com/fr-FR/Silex-Labs-Aperopensource/ https://www.silexlabs.org/tag/...https://video.silex.me/static/streaming-playlists/hls/6c547502-dcfc-4d54-a773-f4266d8e532e/2fbd89cd-0423-428b-a027-266302d16cc9-master.m3u8https://video.silex.me/videos/embed/enSmSkUYmHWL4DQiD1djyE30860452024-02-16T14:03:35.018Zsilexseoaccessibiliténo-codeoptimisationYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/sCzNpCLvEhmMyaxS4GRJsThttps://video.silex.me/lazy-static/thumbnails/7560af4e-ee7b-40b3-b3cf-df2ff2ba4bb3.pngWebflow vs Silex**Webflow vs Silex — le regard croisé d'un expert Webflow certifié** Émission Silex Labs enregistrée sur la chaîne Twitch No Code France (sept. 2024). Brice Martin et Jonas (Internet 2000) présentent Silex, l'éditeur de sites web visuel, libre et open source ; Valentin Geffroy, expert Webflow certifié, apporte la comparaison. Au programme : - **Démo Silex** : éditeur visuel, classes CSS, responsive, custom code, et branchement d'un CMS headless (Squidex, WordPress, Directus…) en GraphQL. - **Silex vs Webflow, honnêtement** : logique tout-en-un vs modulaire, dérive no-code → low-code, performance et optimisation d'images, et surtout le **modèle de pricing Webflow** (abonnement par site, bande passante facturée, localisation payante) — quand il devient trop cher. - **Le positionnement** : Webflow verrouillé façon iOS vs Silex ouvert façon Linux, où tu gardes la main sur ton code et ton hébergement. Éditeur en ligne gratuit : https://v3.silex.me · Site : https://www.silex.me · Docs : https://docs.silex.me · Forum : https://community.silex.me ⚠️ Émission de 2024 : l'interface Silex a beaucoup évolué depuis, et les tarifs Webflow cités ont pu changer — reportez-vous aux sources à jour.https://video.silex.me/static/streaming-playlists/hls/d7a93600-c61f-4839-8e3a-e13ec492b607/3852cdf7-e29f-4140-a897-8f6cac137b67-master.m3u8https://video.silex.me/videos/embed/sCzNpCLvEhmMyaxS4GRJsT41330832024-10-03T09:50:28.576Zno-codesilexwebsite-builderfreeYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/qmKCYLTkqbnm7CJoSn6CZ3https://video.silex.me/lazy-static/thumbnails/1d4047fc-e9df-42f4-9cb4-1f58f943dbdd.jpgDes CSS aux CMS, créer des sites statiques avec des données dynamiques sans code**Des CSS aux CMS : créer des sites statiques avec des données dynamiques (sans code)** Émission de Silex Labs avec Alex Hoyau (dév principal de Silex) et Brice Martin (studio Internet 2000). Un tuto de fond en deux temps : - **L'éditeur Silex** : gestion des classes CSS, states et transitions, typographie/Google Fonts, édition responsive par breakpoints, publication d'un site statique sur GitLab Pages. - **Les données dynamiques** : comment brancher une source de données (data source / CMS) sur un site statique, et générer du contenu automatiquement — **listes/boucles** (une carte par élément) et **pages collection** (une page par élément), permalinks (`slugify`), liens et images dynamiques. Le tout illustré sur une API de pays, avec le build GitLab et le workflow WordPress headless (webhook → rebuild). Pourquoi le statique ? Rapidité, sécurité (rien à hacker côté serveur) et éco-conception — sans renoncer à un contenu éditable par vos clients. Silex est un éditeur de sites web visuel, libre et open source, qui génère des sites statiques. Éditeur en ligne gratuit : https://v3.silex.me · Site : https://www.silex.me · Docs : https://docs.silex.me · Forum : https://community.silex.me ⚠️ Émission d'octobre 2024 : l'interface a évolué depuis (onglet CMS, panneau loop, hébergement) — reportez-vous à la doc à jour.https://video.silex.me/static/streaming-playlists/hls/c5411889-56f5-4498-92b0-3a62991b2ed4/64682593-3f4a-4bf3-83b0-a40ae84b72cd-master.m3u8https://video.silex.me/videos/embed/qmKCYLTkqbnm7CJoSn6CZ333890502024-10-03T10:42:21.588Zfreeno-codesilexwebsite-builderYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/18UqADmQj7PxdbiKUrXohJhttps://video.silex.me/lazy-static/thumbnails/5a015c1f-eaf3-46c5-9c50-02b339c4cb64.jpgSilex-WordPress integration**English:** Discover how to integrate Silex with WordPress to design powerful static websites using dynamic WordPress data. In this video, I guide you through the process of configuring Silex to fetch WordPress content, allowing you to create visually stunning, high-performance static websites while retaining the flexibility of WordPress. Perfect for web designers and agencies looking to optimize SEO, security, and performance without sacrificing design freedom. Watch and learn how to streamline your WordPress projects with Silex! **Turkish:** Silex'i WordPress ile entegre ederek dinamik WordPress verilerini kullanarak güçlü statik web siteleri tasarlamayı keşfedin. Bu videoda, WordPress içeriğini almak için Silex'i nasıl yapılandıracağınızı adım adım gösteriyorum, böylece hem yüksek performanslı hem de görsel açıdan etkileyici statik siteler oluşturabilirsiniz. SEO, güvenlik ve performansı optimize etmek isteyen, ancak tasarım özgürlüğünden ödün vermek istemeyen web tasarımcıları ve ajanslar için mükemmel bir çözüm. Silex ile WordPress projelerinizi nasıl kolaylaştırabileceğinizi izleyin ve öğrenin! https://video.silex.me/static/streaming-playlists/hls/011a838d-ecbf-415b-84a5-1063243043ca/dc9c5deb-10a9-41f7-a9db-5a7090b4cf58-master.m3u8https://video.silex.me/videos/embed/18UqADmQj7PxdbiKUrXohJ1160532024-10-14T13:36:54.326ZYESlexoyo_silexNOhttps://video.silex.me/w/vUieHSEtmysiPPN8n7VhMhhttps://video.silex.me/lazy-static/thumbnails/3875acc9-40e5-4503-82ab-9c4626eae56e.jpgEmission Webdesign libre : Spécial WordPress et SilexWeb design libre avec Silex : comment utiliser **WordPress en headless** avec Silex pour produire un site statique rapide, souverain et sans lock-in, tout en laissant vos clients gérer leur contenu depuis un back-office WordPress qu'ils connaissent déjà. Émission-atelier avec Alex Hoyau (Silex Labs) et Brice Martin, invité : Hugo Blanchard (agence Digital Corner / studio de plugins WP Connect, Nantes). Au programme : tour de l'éditeur Silex (styles, breakpoints, symboles, publication GitLab/FTP/ZIP), puis intégration WordPress via le plugin WPGraphQL — récupération des posts en données dynamiques (loops), génération statique avec Eleventy, rebuild depuis WordPress, gestion des slugs/SEO, custom post types & ACF, optimisation d'images (WebP/AVIF), formulaires (Formspree, NocoDB) et sécurité de l'API. ⚠️ Émission tournée en novembre 2024 : l'interface a pu évoluer depuis, et la voix de l'un des intervenants est affaiblie ce jour-là. Le workflow présenté reste d'actualité. Éditeur en ligne gratuit et open source : https://v3.silex.me — Silex : https://www.silex.me — Roadmap : https://roadmap.silex.mehttps://video.silex.me/static/streaming-playlists/hls/f22651d1-7ec2-4303-9f29-cf8282f7f30a/16ce6fbf-e66a-4c64-ac5b-3767d8812556-master.m3u8https://video.silex.me/videos/embed/vUieHSEtmysiPPN8n7VhMh38520172024-11-14T08:34:32.955Zfreeno-codesilexwebsite-builder7wordpressYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/23nN5QRDrmYnUR4QngsBWLhttps://video.silex.me/lazy-static/thumbnails/e8849e12-7722-4d1b-9c78-f8e3f1d3990f.jpgPrésentation de Silex par Alex Hoyau - Le Pitch #3.3Le Pitch, c'est des présentations courtes d'outils autour d'un thème en particulier, sur le Twitch No-Code France. Dans cette vidéo, Alex Hoyau présente Silex, né libre et open source en 2009, un outil défiant les créateurs de sites Web mainstream avec une communauté croissante de designers et de développeurs web passionnés avec la mission de libérer la création web sans code. Plus d'infos sur Silex : https://www.outilsnocode.com/outil/silex/r/recFIBywWySFRuCmH Webflow vs. Framer vs. Webstudio vs. Silex vs. Carrd, le débat de nos expert·es : • Webflow, Framer, Webstudio, Silex, Carrd... https://www.youtube.com/watch?v=pP5MevLbnPQhttps://video.silex.me/static/streaming-playlists/hls/086e0ebc-8862-4182-9b9b-b2e4c6ac62f4/7977fe4d-8a7c-469d-b1bc-cc9203639469-master.m3u8https://video.silex.me/videos/embed/23nN5QRDrmYnUR4QngsBWL6790912024-11-18T10:08:52.121ZsilexWebflow Framer Webstudio CarrdYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/otE6DrWVPTfr2A24fwASUnhttps://video.silex.me/lazy-static/thumbnails/1f4c9263-ad5e-4bfb-b592-82b06c765a72.jpgÉco-conception avec les outils no-code**Éco-conception avec les outils no-code** Émission de Silex Labs avec Alex Hoyau et Brice Martin (Internet 2000), et l'invité Arnaud, co-fondateur de Kamu Studio (studio graphique, Luxembourg). Créer des sites web sobres et performants, est-ce possible en no-code ? On fait le tour : - **Mesurer l'empreinte carbone** d'un site — Website Carbon Calculator, EcoIndex, GTmetrix, PageSpeed Insights (et ce qu'ils ne voient pas). - **Pourquoi le statique est sobre** — un site généré par Silex ne fait rien tourner sur le serveur : c'est du HTML/CSS pur, on maîtrise le DOM, on consomme moins (vs WordPress et sa base de données, vs Webflow propriétaire). - **Les leviers concrets** — CSS plutôt que JavaScript, suppression des conteneurs inutiles (Unwrap Content), **optimisation d'image au build** (WebP/AVIF, plusieurs tailles), concaténation et minification. - **Au-delà de la technique** — concilier sobriété, besoin client et accessibilité ; hébergement durable ; sobriété numérique au quotidien. Silex est un éditeur de sites web visuel, libre et open source, qui génère des sites statiques. Éditeur en ligne gratuit : https://v3.silex.me · Site : https://www.silex.me · Docs : https://docs.silex.me · Forum : https://community.silex.me · Roadmap : https://roadmap.silex.me ⚠️ Émission de fin 2024 : l'interface de Silex a évolué depuis, et la procédure d'installation des plugins a pu être simplifiée — reportez-vous à la doc à jour. Les principes d'éco-conception, eux, restent valables.https://video.silex.me/static/streaming-playlists/hls/b6059c52-2d69-48a9-8dbe-8af0ced30a15/96b21a28-42cf-4159-9016-e565ecdc06b7-master.m3u8https://video.silex.me/videos/embed/otE6DrWVPTfr2A24fwASUn42440262024-12-17T16:14:22.461Zno-code silex wordpresswebsite-builderYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/rq3u3YTWFPbY2xMvffBEr3https://video.silex.me/lazy-static/thumbnails/c43b0733-f4c6-4abf-a330-e7811410e260.jpgSites statiques et contenus dynamiques : Silex et Squidex**Sites statiques et contenus dynamiques : Silex et Squidex** Émission de Silex Labs (webdesign libre avec Silex) avec Alex Hoyau, Brice Martin (Internet 2000) et JP, utilisateur invité. En direct : comment brancher **Silex** sur un **CMS headless open source (Squidex)** pour produire un **site statique alimenté par du contenu dynamique** — éditable par un client, sans toucher au code. Au programme : - connecter le CMS à Silex (Settings > CMS) ; - la **Collection Page** (une entrée du CMS = une page du site) et la différence tableau/objet ; - récupérer les champs du CMS (`flatData`), définir les **permaliens** (slug) ; - **boucler** sur une liste (posts de blog) ; - publier via **GitLab** (site Eleventy, HTML/CSS pur) et automatiser le rebuild avec des **webhooks**. Le tout dans une logique **statique sans lock-in** et **éco-conçue** : le site final est du HTML/CSS pur, rapide et sobre. Silex est un éditeur de sites web visuel, libre et open source. Éditeur en ligne gratuit : https://v3.silex.me · Site : https://www.silex.me · Docs : https://docs.silex.me · Forum : https://community.silex.me ⚠️ Émission de janvier 2025 : l'interface de Silex et de Squidex a pu évoluer depuis, et il n'existait alors pas encore de doc dédiée Silex–Squidex — reportez-vous à la doc à jour et au forum.https://video.silex.me/static/streaming-playlists/hls/cdcfd8fb-03ec-42f6-985a-4d1e27b298dc/09428e83-6354-4391-93b1-8a1a8f426197-master.m3u8https://video.silex.me/videos/embed/rq3u3YTWFPbY2xMvffBEr345410492025-01-16T12:22:20.788Zsilexsquidexno-codeopensourceYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/mytBXhB4yzWfJNkYMKpZAkhttps://video.silex.me/lazy-static/thumbnails/d309de84-614d-4a37-a58c-4812c98ae99c.jpgSilex 💜 les dev WordPress**Silex 💜 les dev WordPress — WordPress en CMS headless** Émission de Silex Labs avec Alex Hoyau, Brice Martin (Internet 2000) et l'invité **Emmanuel Mutel**, designer-intégrateur freelance. Emmanuel partage son retour d'expérience sur Silex et montre comment il a branché **WordPress comme CMS headless** sur un site Silex : - garder l'admin WordPress (que le client connaît) mais publier un **site 100 % statique** (HTML/CSS, sans PHP ni base de données exposée) ; - structurer le contenu avec le plugin **ACF** (Advanced Custom Fields) et le récupérer dans Silex (contenu, titres, champs SEO) ; - les bénéfices concrets : rapidité, sécurité, éco-conception (scores Website Carbon), code propre face aux thèmes/constructeurs WordPress (Divi, Elementor). En fin d'émission, aperçu d'une **nouvelle interface de sélecteurs CSS** pour Silex. Silex est un éditeur de sites web visuel, libre et open source, qui génère des sites statiques (Eleventy). Éditeur en ligne gratuit : https://v3.silex.me · Site : https://www.silex.me · Docs : https://docs.silex.me · Forum : https://community.silex.me ⚠️ Émission de février 2025 : l'interface a évolué depuis, et le sélecteur CSS présenté en fin de live était alors en développement — reportez-vous à la doc à jour.https://video.silex.me/static/streaming-playlists/hls/a67f985e-dbe9-4633-92b2-5bd1cd219cb3/1fe57d1e-98e3-417b-ae4c-c1d4ecfcfeda-master.m3u8https://video.silex.me/videos/embed/mytBXhB4yzWfJNkYMKpZAk52800472025-02-17T16:05:01.254Zno-codesilexwordpressopensourceYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/2cQ7i2WM7ZcYjB6wSLFS5ahttps://video.silex.me/lazy-static/thumbnails/c911bbeb-0290-4cba-ae1b-51fb95d5ce9b.jpgSilex & Weweb : deux visions du no-code**Silex & WeWeb : deux visions du no-code** Émission croisée de Silex Labs (avec Nocode France) : Alexandre Hoyau et Brice (agence Internet 2000) reçoivent **Antoine**, CPO de Poder et utilisateur intensif de **WeWeb**, pour comparer deux approches très différentes du no-code. - **Silex** : éditeur libre et open source pour créer visuellement des **sites statiques** (HTML/CSS purs, générés avec Eleventy) avec du contenu dynamique — performances, SEO, hébergement gratuit, aucune dépendance imposée (on branche le CMS/back-end de son choix : Supabase, WordPress, Directus…). - **WeWeb** : plateforme no-code propriétaire pour créer des **applications web** dynamiques, connectées à un back-end (Supabase, Xano…). Au programme : démo « brancher Supabase » côté Silex (data source, listes dynamiques, publication GitLab) puis côté WeWeb (collection list, workflows, RLS), et une discussion de fond — statique vs dynamique, SEO & performances, logiciel libre vs propriétaire, gouvernance par roadmap communautaire, utilisateurs vs contributeurs. Deux outils, deux usages : à choisir selon le but final — et pourquoi pas à combiner. Éditeur en ligne gratuit : https://v3.silex.me · Site : https://www.silex.me · Docs : https://docs.silex.me · Forum : https://community.silex.me · Roadmap : https://roadmap.silex.me ⚠️ Émission de mars 2025 : l'interface et la roadmap ont évolué depuis (Silex Desktop, intégration Tailwind, etc.). Reportez-vous à la doc et à la roadmap à jour.https://video.silex.me/static/streaming-playlists/hls/09bff7d2-5f15-43d0-b232-26f90e0b7511/4aca057d-d86c-4ba1-ba35-bb87c149e5b4-master.m3u8https://video.silex.me/videos/embed/2cQ7i2WM7ZcYjB6wSLFS5a52425402025-03-18T12:36:23.302Zsilexno-codewewebYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/oz9opqAWVjZPufQY1YRyD5https://video.silex.me/lazy-static/thumbnails/ae5223a6-9c41-447a-87f3-3351ba58154c.jpgPrésentation du sélecteur avancé "Advanced Selector Manager" 🔥Web design libre avec Silex : test en direct de l'« Advanced Selector Manager », le sélecteur CSS avancé de Silex, plus un tour des plugins GrapesJS candidats à la roadmap (Tailwind, Silex Desktop) et des raccourcis clavier de l'éditeur. Émission live avec Alex Hoyau, Brice et Jonas (utilisateur Silex chez Internet 2000). Au programme : actualités Silex (nouvel hébergement éco, Silex Desktop, guide Supabase), test de plugins (zoom, éditeur de code, user blocks, Tailwind CSS), présentation de l'Advanced Selector Manager pour construire des sélecteurs CSS complexes visuellement (relations parent/enfant, pseudo-classes, spécificité, copier-coller de styles), et quiz sur la navigation au clavier / accessibilité. ⚠️ Émission de test tournée en avril 2025 : certaines fonctionnalités étaient en cours de développement, l'interface a pu évoluer depuis. Éditeur en ligne, gratuit et open source : https://v3.silex.me — Roadmap : https://roadmap.silex.me Silex, l'éditeur de sites web libre : https://www.silex.mehttps://video.silex.me/static/streaming-playlists/hls/b6c9c35e-1721-4488-8bee-d562e59caa0e/7fa1ee28-25c9-4b23-8e99-994d4778227e-master.m3u8https://video.silex.me/videos/embed/oz9opqAWVjZPufQY1YRyD566400172025-04-15T14:52:42.048ZsilexFOSSopensourcegrapeJSYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/iyE2AnvFyLPdtmfzZFi8tjhttps://video.silex.me/lazy-static/thumbnails/3c906df7-e26f-4f91-a73d-4b64b616ee3a.jpgAutomation no-code avec Silex + n8n + NocoDB + GitLab**Automation no-code avec Silex + n8n + Supabase + GitLab** Émission de Silex Labs (live No Code France) avec Alex Hoyau et Brice Martin. Comment afficher des **données dynamiques sur un site statique** et le republier automatiquement : - récupérer une source (ici un flux RSS Mastodon) et la transformer en **API GraphQL** consommable par Silex ; - orchestrer le tout dans **n8n** (auto-hébergé) : interroger les flux, dédoublonner, stocker en base, puis déclencher un **rebuild GitLab** uniquement quand il y a du nouveau (sobriété énergétique) ; - côté Silex : mise en forme des données (modules, boucles, variables) et **collaboration via fork/merge GitLab**. Silex est un éditeur de sites web visuel, libre et open source, qui génère des sites statiques. Éditeur en ligne gratuit : https://v3.silex.me · Site : https://www.silex.me · Docs : https://docs.silex.me · Forum : https://community.silex.me · Roadmap : https://roadmap.silex.me ⚠️ Live de mai 2025, en conditions réelles : Alex montre qu'il s'était trompé d'outil (**NocoDB n'a pas d'API GraphQL — c'est Supabase qu'il faut**) et la démo finale bugue en direct. L'intérêt est la **démarche** et le pattern, pas une recette à copier telle quelle. Reportez-vous à la doc à jour.https://video.silex.me/static/streaming-playlists/hls/8e3a97d6-4f8e-4e53-8fb2-068fe7f20824/11ae5285-ace9-4be1-9898-810b33e493f0-master.m3u8https://video.silex.me/videos/embed/iyE2AnvFyLPdtmfzZFi8tj42065382025-05-12T14:36:12.007ZsilexFOSSnoCoden8nnocoDBYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/ruLDAPGkuX5nLgfjBhSbWdhttps://video.silex.me/lazy-static/thumbnails/99e54a6d-2bf2-4c81-8c1c-637d03da0f91.jpg2025-06-19-Nouvelle version ： Silex v3.3.1🗓️ Vendredi 13 juin 🕑 14h/14h15 📺 Live sur Twitch Ce mois-ci dans Webdesign libre avec Silex : Focus sur la dernière pré-release Déployée sur canary.silex.me, elle inclut le nouveau Selector Manager le retour des Symboles ! Nouveau système de release On vous montre en direct comment suivre les versions de Silex, toujours savoir ce qui est déployé sur canary.silex.me et sur v3.silex.me grâce aux GitHub Releases. Abonnement possible via RSS, GitHub, et bientôt par mail ou via le chat. Comme toujours : – Un tour d’horizon des dernières actus Silex – Un échange ouvert en fin de session : questions, retours d’expérience, démos, et même debug en direct si besoinhttps://video.silex.me/static/streaming-playlists/hls/ce78cebb-0981-4de2-806f-145e4659bfe0/94237dc5-2722-4c9d-8c78-ba4de232607c-master.m3u8https://video.silex.me/videos/embed/ruLDAPGkuX5nLgfjBhSbWd27955232025-07-09T14:08:29.553ZFOSSsilexlibreopen-sourceYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/fKB4iH53eyZ5xREZJAReb2https://video.silex.me/lazy-static/thumbnails/dcd93af1-ff6e-4f56-9173-0b23d82bafb9.jpgFramer, Webflow, Bubble, faut-il tout jeter ?**Framer, Webflow, Bubble : faut-il tout jeter ?** Émission de Silex Labs avec Alex Hoyau (fondateur de Silex) et Brice Martin (Internet 2000), et l'invité Pierre Kalu Bayard, freelance no-code venu de Framer et Bubble. Un débat honnête et contradictoire sur les outils de création de sites : que valent vraiment Framer, Webflow et Bubble, et où se situe un éditeur libre et souverain comme Silex ? Au programme : la **souveraineté numérique** (techno américaine, lock-in tarifaire, risque géopolitique), l'**éco-conception** (pourquoi l'EcoIndex ne mesure que le front-end, et ce que ça cache côté serveur), le **statique sans enfermement** (Silex génère un site HTML/CSS pur, hébergeable partout, code et compétences portables), et le **modèle open source vs open core** (« on a besoin de contributeurs, pas d'utilisateurs »). Silex est un éditeur de sites web visuel, libre et open source, qui génère des sites statiques (Eleventy). Éditeur en ligne gratuit : https://v3.silex.me · Site : https://www.silex.me · Docs : https://docs.silex.me · Forum : https://community.silex.me · Roadmap : https://roadmap.silex.me ⚠️ Live de juillet 2025 : l'interface a évolué depuis, et certaines news (stats, versions) datent du direct.https://video.silex.me/static/streaming-playlists/hls/7776872a-1e04-4505-80c5-35630956d961/f56feeea-c909-4592-a2ef-6c9a00ef2f97-master.m3u8https://video.silex.me/videos/embed/fKB4iH53eyZ5xREZJAReb255010262025-07-21T11:07:07.445ZsilexbubbleframerfossjamstackYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/5aGB7BB2g9aSPK2vbGx1Zwhttps://video.silex.me/lazy-static/thumbnails/23142fa4-5b37-4d0f-92bc-1d1f82aac3fb.jpgWebdesign libre avec Silex - FORWARD TO THE FUTUREÉmission « FORWARD TO THE FUTURE » : Alex Hoyau et Brice Martin passent en revue les développements en cours et la roadmap de Silex, l'éditeur de sites web libre et open source. Au programme : composants Tailwind en glisser-déposer, nouvelle interface des data sources avec aperçu en direct, collection pages (une page générée par élément de données), pagination au build via Eleventy, et deux prototypes exploratoires — intégration de l'IA et import de HTML externe (Lovable). Émission en direct : démos brutes, work-in-progress et coulisses assumées. Essayer Silex (gratuit) : https://v3.silex.me Roadmap & votes : https://github.com/silexlabs/Silex Communauté : https://community.silex.me Avec : Alex Hoyau et Brice Martin (Silex / No Code France).https://video.silex.me/static/streaming-playlists/hls/21bf45c5-8d7a-48a6-9eb8-2456d289fb60/c0d4926f-b57d-4dc7-8f32-f031897954d4-master.m3u8https://video.silex.me/videos/embed/5aGB7BB2g9aSPK2vbGx1Zw41080192025-09-19T10:26:05.241Zsilexroadmapdata-sourcesfossjamstackYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/9AUToGFFoLGXZTcBGBVkJShttps://video.silex.me/lazy-static/thumbnails/e5e1a9da-b12d-416f-893b-feb30faa104d.jpgCreate a Free Silex Account with GitLab | Créer un Compte Silex avec GitLab🇬🇧 This video has subtitles in two languages (English + French). There is no audio, only text on screen. Text version on [Silex docs about registration](https://docs.silex.me/en/user/register) 🇫🇷 Cette vidéo contient des sous-titres en deux langues (anglais + français). Il n’y a pas de son, uniquement du texte à l’écran. Vidéo pour [la doc Silex sur la création de compte](https://docs.silex.me/fr/user/register) --- 🇬🇧 **English description** In this 3-minute video, you’ll see how to quickly create a free account and get started with Silex. The focus is on the sign-up flow with **GitLab.com**, which is required to publish sites for free. - Go from **silex.me** to the sign-up page - Create a **GitLab.com** account (email, captcha, SMS verification if new) - Connect Silex to GitLab with one click (OAuth) - Land in the Silex dashboard and create your first project - Open the editor, add a text block, and publish to GitLab Pages The key takeaway: once your GitLab account is created and linked, you can publish sites online in minutes, no code, no setup --- 🇫🇷 **Description française** Cette vidéo de 3 minutes vous montre comment créer rapidement un compte gratuit et démarrer avec Silex. L’accent est mis sur l’inscription via **GitLab.com**, nécessaire pour publier des sites gratuitement. - Depuis **silex.me**, accédez à la page d’inscription - Créez un compte **GitLab.com** (email, captcha, vérification par SMS si compte neuf) - Connectez Silex à GitLab en un clic (OAuth) - Arrivez sur le tableau de bord Silex et créez votre premier projet - Ouvrez l’éditeur, ajoutez un bloc de texte et publiez sur GitLab Pages À retenir : une fois votre compte GitLab créé et lié, vous pouvez publier vos sites en ligne en quelques minutes, sans code, sans configuration https://video.silex.me/static/streaming-playlists/hls/45a8fd59-ceaa-4cc2-8cf1-66a89ff4df1a/955d4c34-a3ba-4b15-bd08-f2be50dfa751-master.m3u8https://video.silex.me/videos/embed/9AUToGFFoLGXZTcBGBVkJS19852092025-10-17T21:16:16.903ZYESSilex Labs videosNOhttps://video.silex.me/w/8nd9pFFYFVbAait9W2Bs16https://video.silex.me/lazy-static/thumbnails/2a3ac24e-3212-445e-b4fd-59b90547c4bb.jpgPlugins et pagination avec Silex**Plugins et pagination avec Silex** Émission de Silex Labs avec Alex Hoyau et Brice Martin. Deux tutos concrets, en direct : 1. **La pagination** — comment découper une longue liste (articles, galerie…) en plusieurs pages, **même sans CMS**, avec le plugin Pagebreak : `data-page-break`, boutons précédent/suivant, numéro de page. Tout se passe **au build** : le site publié reste du HTML/CSS pur, rapide et sobre. 2. **Les plugins Eleventy utiles avec Silex** — optimisation d'image (AVIF/WebP, redimensionnement), sitemap, RSS, internationalisation (i18n), regroupement des CSS, et la **recherche full-text statique** avec Pagefind (index construit au build, filtres, multilingue). Silex est un éditeur de sites web visuel, libre et open source, qui génère des sites statiques (Eleventy). Éditeur en ligne gratuit : https://v3.silex.me · Site : https://www.silex.me · Docs : https://docs.silex.me · Forum : https://community.silex.me · Roadmap : https://roadmap.silex.me ⚠️ Émission d'octobre 2025 : l'interface a pu évoluer depuis, et la doc des contrôles de pagination était en cours de mise à jour au moment du live — reportez-vous à la doc à jour.https://video.silex.me/static/streaming-playlists/hls/3ba6130b-85cd-4a02-8a3d-ea05df2d3675/58f330ab-bf68-4796-a55c-9629f1cf8229-master.m3u8https://video.silex.me/videos/embed/8nd9pFFYFVbAait9W2Bs1636635192025-10-21T09:51:46.129Zdata-sourcesFOSSJAMSTACKSILEXpaginationYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/4ULsTN59kbTSznNVP2ZD2Phttps://video.silex.me/lazy-static/thumbnails/82931884-3eae-4231-890a-5f06639a38fe.jpgOn code pas_ on debug en live _ Webdesign libre avec SilexÉmission « Web design libre » du 14/11/2025 (live Twitch no-code France) avec Alexandre (Silex) et Brice (agence i2k / WordPress). Au programme : démo de la nouvelle prévisualisation des données du CMS WordPress directement dans l'éditeur Silex (version canary), puis une session de débogage en direct du code de Silex — l'occasion de voir « l'envers du décor » : architecture en plugins, filtres, et comment on traque un bug pas à pas. En fil rouge, une discussion utile sur le choix entre site statique et dynamique : pourquoi la plupart des sites (y compris de gros sites d'inbound marketing) gagnent à rester statiques, et quand basculer en dynamique (Pagefind, comptes utilisateurs). Silex est un éditeur de sites web libre, visuel et open source. Éditeur en ligne gratuit : https://v3.silex.me · Docs : https://docs.silex.me · Formations gratuites et events : https://www.silex.me Note : émission enregistrée en direct, rythme spontané ; le bug abordé n'est pas résolu à l'antenne.https://video.silex.me/static/streaming-playlists/hls/1fa97e65-3423-475c-bd1b-969f9bd31c35/f2a7668f-f0c0-4769-a536-506f4bc6c112-master.m3u8https://video.silex.me/videos/embed/4ULsTN59kbTSznNVP2ZD2P5260082025-11-19T16:03:38.720ZYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/w5EnPGF5LSrcGcNRNXGHUghttps://video.silex.me/lazy-static/thumbnails/a5a05ab1-ed2e-4d29-b38a-3217a376865d.jpgVibe coding a website with Silex and Claude Code | x5 timelapseThe template code: https://gitlab.com/lexoyo/silex_retro-web-haven # Retro Web Haven – retro 90s-inspired website template Vibe coded with [Silex](https://www.silex.me) and Claude Code System prompt for Claude when building Silex websites: https://prompts-1776e5.gitlab.io/Silex_designer.md You can open Claude in Cloud Mode and give it the system-prompt URL above to generate or extend pages. ## Live Demo 👉 [**View the live site:**](https://silex-retro-web-haven-62e7ad.gitlab.io/) ## Project Prompt Create a retro 90s-inspired website template with pixel-art influences, neon gradients, soft VHS noise, and simple geometric layouts. Use basic HTML structure and lightweight CSS. The aesthetic should evoke the early web, personal homepages, digital vernacular art, and the playful DIY spirit found on NeoCities. Integrate indie web concepts: small web publishing, digital autonomy, CHATON values, commons-based culture, and community stewardship of the open web. Pages required: - Home: introduction to the small web ethos, why low-tech personal websites matter, references to digital commons and community-run infrastructures - About: who the author is, why they chose a retro aesthetic, their relation to independent hosting and open commons - Projects: list of personal or collective projects, presented with pixel accents or simple retro layout blocks - Links: curated small web resources, indie web tools, peer-hosted services, CHATON collectives, NeoCities inspirations - How to host this site on Neocities: - In Silex, open “Publish” then choose “Download zip file” to export a fully static version of the site - This works only when the site does not use CMS or data sources - Explain how to upload the extracted files to Neocities via the dashboard file uploader - Add instructions for the “FTP” option in Silex, allowing upload directly to any FTP server using credentials and a target path Keep the structure simple, fun, nostalgic, an...https://video.silex.me/static/streaming-playlists/hls/f398c8fb-3928-488f-aaed-ea8176ee124b/8d992515-6d13-477c-bafe-c8f2a89f88da-master.m3u8https://video.silex.me/videos/embed/w5EnPGF5LSrcGcNRNXGHUg1770292025-12-11T16:02:29.301ZsilexfossIAvibe codingopen sourceYESlexoyo_silexNOhttps://video.silex.me/w/6rad2dUn8Wd9DHT9TaxGBjhttps://video.silex.me/lazy-static/thumbnails/4565dee1-73a2-4250-ab67-e21ebdcbbbd1.jpgVers une marketplace communautaire | Webdesign libre avec Silex - 12/12/2025, 1:00:25 PM**Vers une marketplace de templates communautaire pour Silex** Émission mensuelle de Silex Labs, avec Alex Hoyau et Brice Martin. On réfléchit ensemble à une future marketplace où partager (et peut-être vendre) des templates Silex. Au programme : un aperçu de la nouvelle version de Silex (refonte des polices, thème plus contrasté, réglages simplifiés), l'état actuel des templates (via les forks GitLab), un tour d'horizon de la concurrence (Canva, Figma, v0, Webflow et Penpot) pour s'inspirer de leurs galeries, et une explication de fond : la différence entre **logiciel libre, open source et open core**, et pourquoi Silex ne monétise jamais ses utilisateurs. Silex est un éditeur de sites web visuel, libre et open source. Éditeur en ligne gratuit : https://v3.silex.me · Site : https://www.silex.me · Templates : https://www.silex.me/templates/ · Docs : https://docs.silex.me · Forum : https://community.silex.me · Formations : https://events.silex.me ⚠️ Émission de décembre 2025 : la marketplace y est à l'état d'idée (roadmap), et l'interface montrée est une version beta qui a pu évoluer depuis.https://video.silex.me/static/streaming-playlists/hls/2c00f633-a44c-47e5-a5fe-dbf164c7b968/504fcb42-d1e2-4b6b-ab4d-5cc53ece0e19-master.m3u8https://video.silex.me/videos/embed/6rad2dUn8Wd9DHT9TaxGBj48580192025-12-13T09:33:10.611ZlivenocodesilexYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/dR9Fi9Hw4kn6WWoKK8fQw9https://video.silex.me/lazy-static/thumbnails/e8a00e95-ba87-48bf-addd-3d5e8e40c6a4.jpgSilex v3.6.0-canary.2 – First templates previewThis screencast shows the new templates workflow in Silex. It covers: - Browsing the list of available templates - Viewing a template details page - Clicking “Edit in Silex” - Forking the template into a new project - Opening the project in the Silex editor - Publishing the site - Browsing the published website The goal is to show how you can start from an existing site instead of a blank page, and go from template to published website in a few clicks. https://video.silex.me/static/streaming-playlists/hls/680a74d3-c99d-4234-b6af-6f2b337d3ad4/5c944b30-1060-4359-93a6-80042161a499-master.m3u8https://video.silex.me/videos/embed/dR9Fi9Hw4kn6WWoKK8fQw9600302026-01-07T14:37:59.297ZsilexbetacanaryfossbuildinpublicYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/6vAqh8U2vqSKni528qp5AEhttps://video.silex.me/lazy-static/thumbnails/7a70f95d-6633-44ce-9b6f-4c8e7288a7a0.jpgCarnet de route- templates, Supabase et Strapi | Webdesign libre avec Silex - 01/09/2026**Carnet de route : templates, Supabase et Strapi** Émission « carnet de route » de Silex Labs avec Alex Hoyau et Brice. Au programme, en avant-première sur la version beta (https://canary.silex.me) : 1. **CMS headless** — une nouvelle interface pour filtrer les champs de vos sources de données (WordPress, Strapi, Supabase, GitLab) et ne garder que l'utile (ex. passer de 507 à 242 champs WordPress). 2. **Templates forkables** — un système pour démarrer un site à partir d'un template plutôt que d'une page blanche, avec un workflow de fork/contribution via GitLab (merge request). 3. **Monétiser le libre sans le fermer** — pourquoi Silex refuse les templates payantes (open core, rente) et choisit le **crowdfunding de packs de templates** : une fois financées, les templates restent libres, modifiables et redistribuables. 4. **Bonus** — noms de domaine souverains (.eu.org, netlib.re) et démo de génération de sites avec OpenCode (agents IA + MCP, modèles open/locaux). Silex est un éditeur de sites web visuel, libre et open source, qui génère des sites statiques et se branche en headless sur vos CMS. Éditeur en ligne gratuit : https://v3.silex.me · Site : https://www.silex.me · Docs : https://docs.silex.me · Forum : https://community.silex.me · Roadmap : https://roadmap.silex.me ⚠️ Émission de janvier 2026 : fonctionnalités présentées en beta (Canary), susceptibles d'avoir évolué depuis. Reportez-vous à la version stable et à la doc à jour.https://video.silex.me/static/streaming-playlists/hls/2c9f794d-8cbe-4b74-822b-df8630012622/c57d1394-086b-4e93-a431-57317b616c36-master.m3u8https://video.silex.me/videos/embed/6vAqh8U2vqSKni528qp5AE52770402026-01-12T09:03:54.804ZlivenocodesilexYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/5abURiHwoVvK8in8F71bAuhttps://video.silex.me/lazy-static/thumbnails/9378a235-9205-4157-97e7-66295d58c3d5.jpgSilex desktop & IA | Webdesign libre avec Silex - 2/13/2026, 1:01:50 PM**Silex Desktop & IA locale : faire des sites web libres, en local, sans lock-in** Émission mensuelle de Silex. Au programme : la première démo de **Silex Desktop**, l'app de bureau native (backend en Rust) qui permet d'utiliser Silex **en local, hors ligne, sans compte ni GitLab**. On y branche l'IA via un **serveur MCP** intégré : avec OpenCode et le modèle de votre choix (y compris des modèles locaux), on génère un site — et tout reste éditable à la main dans Silex. Au menu aussi : le nouveau site silex.me et son manifeste (open source, souveraineté, sobriété numérique, pas de lock-in à la Webflow), le crowdfunding en cours, l'intégration WordPress/ACF, la mesure d'impact de l'IA, et une explication concrète des skills, agents et commandes. Silex est un éditeur de sites web visuel, libre et open source. Éditeur en ligne : https://v3.silex.me · Site & manifeste : https://www.silex.me · Télécharger : https://www.silex.me/download · Docs : https://docs.silex.me · Forum : https://community.silex.me ⚠️ Émission de février 2026 : Silex Desktop y est montré à l'état de prototype (démos en cours de stabilisation).https://video.silex.me/static/streaming-playlists/hls/21acf90c-1d9e-443f-840e-a00567c1f838/a1db6eea-839b-4841-9dbb-63c1882d1ed7-master.m3u8https://video.silex.me/videos/embed/5abURiHwoVvK8in8F71bAu42090182026-02-13T15:24:40.878ZlivenocodesilexYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/iRZVLqU16on2u96e1M46Tfhttps://video.silex.me/lazy-static/thumbnails/3671f8a0-8269-405b-ae98-a215b1b4ba80.jpgCSS variables in SilexDefine and manage CSS custom properties (design tokens) for colors, sizes, and typography directly within Silex Code: https://github.com/silexlabs/grapesjs-css-variables https://video.silex.me/static/streaming-playlists/hls/90a6802f-fc14-4df4-8e53-0dff5c78b958/7f39b05a-aac4-4557-93e2-3748bdfe001a-master.m3u8https://video.silex.me/videos/embed/iRZVLqU16on2u96e1M46Tf855202026-03-01T14:57:00.142ZsilexGrapesJsfossOpenSourceUXYESSilex Labs videosNOhttps://video.silex.me/w/2hzvmNYxuvg4WCjE13UHZphttps://video.silex.me/lazy-static/thumbnails/034ac0cb-7392-40ff-b5ed-59d3599ee186.jpgSilex news | Webdesign libre avec Silex - 3/13/2026, 1:02:24 PM**Silex news — mars 2026 : manifesto, nouvelles templates, IA locale & variables CSS** L'émission mensuelle de Silex Labs avec Alex Hoyau et Brice. Au programme de cette édition : - **News** : le nouveau manifesto Silex (nos engagements : jamais payant, sans tracking, sans pub, gouvernance ouverte), retour des Journées du Logiciel Libre de Grenoble, et deux contributions du mois (étude UX pour les débutants + compilation de Silex sous Windows). - **Nouvelles templates** : Bold Folio, Studio Reflex, Startup Tech… pour démarrer un site (portfolio, agence, freelance) en quelques minutes. - **IA en local** : premiers essais de modèles open source qui tournent sur votre machine (LM Studio, Goose) pour piloter Silex via MCP — gratuit, hors-ligne, sobre. Bonus : migrer le contenu d'un CMS à un autre en laissant l'IA faire les copier-coller. - **Variables CSS** : la nouvelle fonctionnalité (aperçu sur canary.silex.me) pour partager une couleur, une taille ou une police entre plusieurs éléments et tout changer d'un coup. Silex est un éditeur de sites web visuel, libre et open source, qui génère des sites statiques. Éditeur en ligne gratuit : https://v3.silex.me · Site : https://www.silex.me · Templates : https://www.silex.me/templates/ · Docs : https://docs.silex.me · Forum : https://community.silex.me ⚠️ Émission d'actualités de mars 2026 : certaines fonctionnalités montrées étaient en cours (canary) et l'écosystème IA locale évolue vite — reportez-vous à la doc et aux versions à jour.https://video.silex.me/static/streaming-playlists/hls/0a69b01a-4496-4530-83a3-6c5fe3f8b085/8908e6cf-c842-4ce4-86ef-572708126ea2-master.m3u8https://video.silex.me/videos/embed/2hzvmNYxuvg4WCjE13UHZp36210272026-03-13T14:22:18.660ZlivenocodesilexYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/4X9TN2vgNSUoSXZiG584nLhttps://video.silex.me/lazy-static/thumbnails/fc4e835a-f40d-4357-92ec-d9da02769ddb.jpgL'accessibilité s'invite dans Silex | Webdesign libre avec Silex - 4/10/2026, 12:01:00 PMÉpisode 1 de notre série accessibilité, en direct. Avec André (utilisateur non-voyant, lecteur d'écran JAWS + plage braille) et Jean-Pierre (expert accessibilité, auditeur RGAA), on compare deux templates Silex au lecteur d'écran pour comprendre ce qui rend un site réellement accessible. Au programme : balise `title` vide et attribut `lang` sans valeur, pourquoi les « cartes cliquables » en lien englobant cassent la navigation, l'intérêt des landmarks et du HTML sémantique, les liens d'évitement (skip links), le test clavier (« enlevez la souris »), la visibilité du focus, et le débat emoji décoratif vs informatif. Plus une règle à retenir : « la première règle d'ARIA, c'est de ne pas utiliser ARIA ». Le premier live d'une série : Silex veut devenir non seulement un outil d'éco-conception, mais le meilleur outil pour faire des sites accessibles. Éditeur libre et open source : https://www.silex.me — Templates : https://www.silex.me/templates/ — Forum : https://community.silex.mehttps://video.silex.me/static/streaming-playlists/hls/1ffecdc7-e0ff-4b61-8072-e3be762a5c72/4d9d4d80-f088-47ab-ac27-163c3ab3dd8b-master.m3u8https://video.silex.me/videos/embed/4X9TN2vgNSUoSXZiG584nL5120062026-04-13T07:47:24.630ZlivenocodesilexaccessibilityYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/1ax4uyifv4z8Uun1wsWHw8https://video.silex.me/lazy-static/thumbnails/1cacb7b3-41dd-455a-ba4e-95fdc881eeec.jpgLocal LLMs in LM StudioTesting different local language models in LM Studio with the same question ("What's the Eiffel Tower height?") to compare response speed, accuracy, and detail. A fourth model is tested with a geography question about driving from Paris to Marseille. Results vary significantly across models — some are fast but inaccurate, others are slower but more detailed Config : Intel i7-12700H, 16 GB RAM, NVIDIA RTX 3050 Ti (4 GB VRAM) 00:00 GPT-OSS 20B 00:44 Qwen3-v1 8B 01:30 Lucie 7B Instruct v1.1 02:24 Qwen2.5-Coder 3B Instructhttps://video.silex.me/static/streaming-playlists/hls/0154d5e1-20c0-4595-ae7b-f557bd0d16e7/697deba9-0233-48a9-a6f7-be5340da3509-master.m3u8https://video.silex.me/videos/embed/1ax4uyifv4z8Uun1wsWHw82080262026-04-10T19:05:35.038ZllmaiethicalYESlexoyo_silexNOhttps://video.silex.me/w/kQhLvA9eNWmBHGt6ntQvvjhttps://video.silex.me/lazy-static/thumbnails/271f3c0b-ee59-44d6-92ec-61546b1b114d.jpgAccessibilité : crash test d'un template silex | Webdesign libre avec Silex - 5/8/2026Épisode 2 de notre série accessibilité, en direct. Avec André (utilisateur non-voyant, lecteur d'écran JAWS + plage braille) et Jean-Pierre (expert accessibilité), on « crash-teste » l'accordéon FAQ du template Startup Tech de Silex. On montre pourquoi une FAQ qui « marche » visuellement (astuce CSS checkbox + `max-height: 0`) est en réalité inutilisable au clavier et au lecteur d'écran : pas de bouton, pas d'annonce d'état. Puis on la corrige en direct dans l'éditeur Silex en passant aux éléments HTML natifs `details` / `summary`, et on re-teste au lecteur d'écran : l'état « collapsed / expanded » est enfin annoncé. Au passage : sobriété vs accessibilité, « la première règle d'ARIA c'est de ne pas utiliser ARIA », et le workflow de contribution d'un template Silex (fork GitLab, Merge Request, publication). Éditeur libre et open source : https://www.silex.me — Forum : https://community.silex.mehttps://video.silex.me/static/streaming-playlists/hls/a09bab35-a47e-4d72-9013-baecc9336ac8/627c32de-97b9-492d-8f67-b2c536656666-master.m3u8https://video.silex.me/videos/embed/kQhLvA9eNWmBHGt6ntQvvj5343052026-05-11T10:04:36.993ZYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/upAYcBhnaVY4ibUgTYuHLuhttps://video.silex.me/lazy-static/thumbnails/f8071749-e1b4-48f6-80cd-fe077294f607.jpgAccessibilité : crash test d'un template silex | Webdesign libre avec Silex - 6/12/2026, 12:01:47 PMÉpisode 3 de notre série accessibilité, en direct. Alex étant en conférence, Brice mène l'atelier avec André (utilisateur non-voyant, lecteur d'écran JAWS + plage braille) et Jean-Pierre (expert accessibilité). Après l'accordéon FAQ de l'épisode précédent, on « crash-teste » cette fois le **menu** du template Startup Tech de Silex. Au lecteur d'écran, on montre pourquoi un menu « qui marche » visuellement peut être inutilisable : un `<ul>` sans `<li>`, un bouton burger qui est en fait un `<label>` + checkbox masquée (donc pas un vrai bouton), un menu caché à l'opacité mais toujours présent dans l'arbre d'accessibilité, un `aria-expanded` manquant. On discute la bonne piste de remédiation : passer en HTML natif `<details>` / `<summary>` (« disclosure »), remettre le déclencheur dans le `<nav>`, gérer la touche Échap, et donner un nom accessible au caractère burger ☰ via `aria-label`. Un atelier exploratoire, laissé volontairement « en suspens » pour la prochaine émission. Éditeur libre et open source : https://www.silex.me — Templates : https://www.silex.me/templates/ — Forum : https://community.silex.mehttps://video.silex.me/static/streaming-playlists/hls/e60b8a22-0a5c-402a-84b3-7d9b35052b58/e33bcd27-3ff1-434e-818d-0fea9e8a5581-master.m3u8https://video.silex.me/videos/embed/upAYcBhnaVY4ibUgTYuHLu5054032026-06-12T13:37:10.614ZlivenocodesilexYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/w/pmygvJEzfEkwwpbUEgwbNuhttps://video.silex.me/lazy-static/thumbnails/8996df58-c5f9-45d3-bb08-4b87800cf6a6.jpgThe Silex editor — a guided tourA guided tour of the Silex editor: the canvas, the left toolbar (Blocks, Layers, Pages, Symbols), the Style Manager, and the top bar. Silex is a free/libre no-code website builder — visual design, standard HTML/CSS, no lock-in. Subtitles: English and French (turn on captions). Docs: https://docs.silex.me/en/designer/getting-started/editor/ Try Silex: https://v3.silex.mehttps://video.silex.me/static/streaming-playlists/hls/bd20f33a-505b-48cd-ba14-b1f14600b950/51d4c629-4f61-41ab-b023-049fa3622926-master.m3u8https://video.silex.me/videos/embed/pmygvJEzfEkwwpbUEgwbNu63032026-07-05T23:16:45.712ZsilexnocodetutorialopensourcedocsYESSilex DocumentationNOhttps://video.silex.me/w/gsi5pARXjpWQ7rxt6ure1Bhttps://video.silex.me/lazy-static/thumbnails/3a02746f-0883-415b-a8c0-99569423d5c8.jpgSilex Quick Start — create and publish your first websiteCreate and publish your first website with Silex — the free, open-source, no-code website builder. This quick start walks you through signing in with a GitLab account, creating a site from the dashboard, adding a heading, text and an image, styling the heading, and publishing to GitLab Pages. Silent demo with English on-screen visuals. Subtitles are available in English and French — turn them on in the player. 📖 Full guide • English: https://docs.silex.me/designer/getting-started/quick-start/ • Français : https://docs.silex.me/fr/designer/getting-started/quick-start/ Silex is free and open source: https://www.silex.me — — — Créez et publiez votre premier site avec Silex, le créateur de sites web no-code, libre et open source. Ce démarrage rapide couvre la connexion avec un compte GitLab, la création d'un site depuis le tableau de bord, l'ajout d'un titre, de texte et d'une image, la mise en forme du titre, puis la publication sur GitLab Pages. Démo muette, visuels à l'écran en anglais. Sous-titres disponibles en anglais et en français — activez-les dans le lecteur.https://video.silex.me/static/streaming-playlists/hls/7d24f0fd-70fb-40f5-81e8-7f4d17d875ff/9e4b7632-9e6e-4d63-aaa6-f695d7076089-master.m3u8https://video.silex.me/videos/embed/gsi5pARXjpWQ7rxt6ure1B103082026-07-06T10:37:41.184Zsilexnocodetutorialdocsgetting-startedYESSilex DocumentationNOhttps://video.silex.me/w/fRkLxVJovox5GwEU5wpNUhhttps://video.silex.me/lazy-static/thumbnails/65d0c52c-c069-4f06-a81a-38bf4a5384c1.jpgSilex Elements — the building blocks of your pageIn Silex, every piece of content is an element — an HTML building block. This short guide shows how to add elements by dragging blocks from the Blocks panel, and how to set each element's semantic tag with the Tag Name selector: turn a paragraph into a heading, a plain container into a section. Same content, clearer meaning for browsers, SEO and screen readers. Silent demo with English on-screen visuals. Subtitles are available in English and French — turn them on in the player. 📖 Full guide • English: https://docs.silex.me/designer/structure/elements/ • Français : https://docs.silex.me/fr/designer/structure/elements/ Silex is free and open source: https://www.silex.me — — — Dans Silex, chaque contenu est un élément — une brique HTML. Ce guide montre comment ajouter des éléments en glissant des blocs depuis le panneau Blocks, et comment définir la balise sémantique de chaque élément avec le sélecteur Tag Name : transformer un paragraphe en titre, un simple conteneur en section. Même contenu, un sens plus clair pour les navigateurs, le référencement et les lecteurs d'écran. Démo muette, visuels à l'écran en anglais. Sous-titres disponibles en anglais et en français — activez-les dans le lecteur.https://video.silex.me/static/streaming-playlists/hls/78439189-4cbe-4e47-b45c-f2fa3bf36a48/7d5f6768-c7fe-45a6-a2f5-8ccb07d98035-master.m3u8https://video.silex.me/videos/embed/fRkLxVJovox5GwEU5wpNUh77012026-07-06T11:27:11.757ZsilexnocodetutorialdocshtmlYESSilex DocumentationNOhttps://video.silex.me/w/4BpR22BDQ7fTih7JoVHKXvhttps://video.silex.me/lazy-static/thumbnails/8a226dc8-280c-40ea-8b55-ff1061591303.jpgSilex — the box model (content, padding, border, margin)Every element in Silex is a box made of four layers: content, padding, border and margin. This short guide shows the box in the editor — sizing the content with Width, giving it a background, and adding padding to space the content from the edge. Understanding these layers is the foundation of CSS layout and spacing. Silent demo with English on-screen visuals. Subtitles are available in English and French — turn them on in the player. 📖 Full guide • English: https://docs.silex.me/designer/structure/box-model/ • Français : https://docs.silex.me/fr/designer/structure/box-model/ Silex is free and open source: https://www.silex.me — — — Chaque élément dans Silex est une boîte à quatre couches : contenu, padding, bordure et marge. Ce guide montre la boîte dans l'éditeur — dimensionner le contenu avec Width, lui donner un fond, et ajouter du padding pour espacer le contenu du bord. Ces couches sont le fondement de la mise en page et de l'espacement en CSS. Démo muette, visuels à l'écran en anglais. Sous-titres disponibles en anglais et en français — activez-les dans le lecteur.https://video.silex.me/static/streaming-playlists/hls/1d3d249c-a7de-4e3d-ab48-80304aaf2d97/79d52e20-498d-4a36-85d3-fadc484aa521-master.m3u8https://video.silex.me/videos/embed/4BpR22BDQ7fTih7JoVHKXv46502026-07-06T13:05:47.344ZsilexnocodetutorialdocscssYESSilex DocumentationNOhttps://video.silex.me/w/n9Gs9JFj5JRCQE2BwX8abZhttps://video.silex.me/lazy-static/thumbnails/ad023e3e-280f-4257-82f9-3bb45e3dcedc.jpgSilex — Flexbox layout (rows, centering, wrapping)Flexbox is how you arrange layout in Silex — placing elements side by side, centering them, and wrapping them into a responsive grid. This guide follows the core idea: the parent container defines the layout and its direct children follow. Set Display to Flex to line items up in a row, use Justify-content on the main axis and Align-items on the cross axis, then Flex-wrap for multiple lines. Silent demo with English on-screen visuals. Subtitles are available in English and French — turn them on in the player. 📖 Full guide • English: https://docs.silex.me/designer/styling/flexbox/ • Français : https://docs.silex.me/fr/designer/styling/flexbox/ Silex is free and open source: https://www.silex.me — — — Flexbox est la façon d'agencer la mise en page dans Silex — placer des éléments côte à côte, les centrer, et les faire passer à la ligne en grille responsive. Ce guide suit l'idée centrale : le conteneur parent définit la mise en page et ses enfants directs suivent. Passez Display à Flex pour aligner les éléments en ligne, utilisez Justify-content sur l'axe principal et Align-items sur l'axe transversal, puis Flex-wrap pour plusieurs lignes. Démo muette, visuels à l'écran en anglais. Sous-titres disponibles en anglais et en français — activez-les dans le lecteur.https://video.silex.me/static/streaming-playlists/hls/ab46ca6e-f92e-4e16-b7ab-1202932a4a49/e8dcdc2a-10c1-4c88-bcf7-a5518c102a59-master.m3u8https://video.silex.me/videos/embed/n9Gs9JFj5JRCQE2BwX8abZ49012026-07-06T13:16:22.919ZsilexnocodetutorialdocsflexboxYESSilex DocumentationNOhttps://video.silex.me/w/npPW4F4bBA46wrxtBTDkBuhttps://video.silex.me/lazy-static/thumbnails/43e7f808-bc14-42e0-b6bd-8b32f00402a8.jpgSilex — Responsive breakpoints (device preview & media queries)Breakpoints let your design adapt to any screen. Silex is desktop-first: your base styles apply everywhere, and when you switch to a narrower device in the toolbar, the styles you change are scoped to a max-width media query — only affecting that width and below. This demo sets a heading on desktop, switches to Mobile Portrait (the 480px breakpoint), shrinks the heading there, then returns to desktop to show the base styles stay intact. Silent demo with English on-screen visuals. Subtitles are available in English and French — turn them on in the player. 📖 Full guide • English: https://docs.silex.me/designer/responsive/breakpoints/ • Français : https://docs.silex.me/fr/designer/responsive/breakpoints/ Silex is free and open source: https://www.silex.me — — — Les breakpoints permettent à votre design de s'adapter à chaque écran. Silex fonctionne en desktop-first : vos styles de base s'appliquent partout, et quand vous basculez sur un appareil plus étroit dans la barre d'outils, les styles modifiés sont limités à une media query max-width — n'affectant que cette largeur et en dessous. Cette démo définit un titre en desktop, bascule sur Mobile Portrait (le breakpoint 480px), y réduit le titre, puis revient en desktop pour montrer que les styles de base restent intacts. Démo muette, visuels à l'écran en anglais. Sous-titres disponibles en anglais et en français — activez-les dans le lecteur.https://video.silex.me/static/streaming-playlists/hls/ad638ecb-78e0-450b-8e32-6d39d54057ce/65912875-8131-47d0-9987-b32f67be8bc9-master.m3u8https://video.silex.me/videos/embed/npPW4F4bBA46wrxtBTDkBu41002026-07-06T14:48:37.170ZsilexnocodetutorialdocsresponsiveYESSilex DocumentationNOhttps://video.silex.me/w/u36Dnmctg2v2iwnAY8Xmiehttps://video.silex.me/lazy-static/thumbnails/2dcdf0ff-be7c-4493-93b8-c3bf326c49de.jpgSilex — Publish your website to GitLab PagesGitLab Pages gives your Silex website free, fast hosting — storage and hosting in one place. This demo shows the whole flow: click Publish, pick GitLab.com, and Silex commits your site to a Git repository and triggers a build. GitLab Pages builds it in under a minute, then Silex shows your live links — View your website opens it at your gitlab.io URL. Silent demo with English on-screen visuals. Subtitles are available in English and French — turn them on in the player. 📖 Full guide • English: https://docs.silex.me/designer/publishing/gitlab/ • Français : https://docs.silex.me/fr/designer/publishing/gitlab/ Silex is free and open source: https://www.silex.me — — — GitLab Pages offre à votre site Silex un hébergement gratuit et rapide — stockage et hébergement au même endroit. Cette démo montre tout le flux : cliquez sur Publish, choisissez GitLab.com, et Silex commite votre site dans un dépôt Git et lance un build. GitLab Pages le construit en moins d'une minute, puis Silex affiche vos liens — View your website l'ouvre à son URL gitlab.io. Démo muette, visuels à l'écran en anglais. Sous-titres disponibles en anglais et en français — activez-les dans le lecteur.https://video.silex.me/static/streaming-playlists/hls/e30ad932-a5ab-42f0-86dc-55aa562824bf/0b2651ad-9355-46c6-a2d2-7cf2214adaf2-master.m3u8https://video.silex.me/videos/embed/u36Dnmctg2v2iwnAY8Xmie58012026-07-06T14:59:46.252ZsilexnocodetutorialdocshostingYESSilex DocumentationNOhttps://video.silex.me/w/irbQkgFxTMdg6YTFfZqV2Vhttps://video.silex.me/lazy-static/thumbnails/d7a2c857-1cda-4837-bc21-9cacc3622f23.jpgSilex — Selectors & classes (reusable styles, BEM, :hover)Selectors decide exactly what gets styled. In Silex you style reusable classes, not one-off elements. This demo creates a BEM class on a button, styles the class itself, then reuses it on a second button — edit the class once and every button updates together. It adds a modifier class for a variant, and a :hover pseudo-class that reacts to the mouse live. Silent demo with English on-screen visuals. Subtitles are available in English and French — turn them on in the player. 📖 Full guide • English: https://docs.silex.me/designer/styling/selectors/ • Français : https://docs.silex.me/fr/designer/styling/selectors/ Silex is free and open source: https://www.silex.me — — — Les sélecteurs décident exactement de ce qui est stylé. Dans Silex, on style des classes réutilisables, pas des éléments isolés. Cette démo crée une classe BEM sur un bouton, style la classe elle-même, puis la réutilise sur un second bouton — on modifie la classe une fois et tous les boutons suivent. On ajoute un modifier pour une variante, et une pseudo-classe :hover qui réagit à la souris en direct. Démo muette, visuels à l'écran en anglais. Sous-titres disponibles en anglais et en français — activez-les dans le lecteur.https://video.silex.me/static/streaming-playlists/hls/8d2fa0b3-61e4-44df-953f-5433169e7533/72acfd24-4d9d-469f-97d8-b0cb0c549225-master.m3u8https://video.silex.me/videos/embed/irbQkgFxTMdg6YTFfZqV2V102002026-07-06T22:07:27.656ZsilexnocodetutorialdocscssYESSilex DocumentationNOhttps://video.silex.me/w/6hygZpF5XfHo5rwBVssMaqhttps://video.silex.me/lazy-static/thumbnails/66c39a6f-e5ae-450d-b76b-e0927dc5aed2.jpgSilex — Symbols (reusable, synced components)A Symbol is a reusable component that stays synchronized everywhere it appears — build a header or footer once and it stays consistent across your whole site. This demo builds a header bar, turns it into a Symbol, places a second instance, then edits one instance — and every instance updates together. Unlike copy-paste, all instances mirror the same component. Silent demo with English on-screen visuals. Subtitles are available in English and French — turn them on in the player. 📖 Full guide • English: https://docs.silex.me/designer/symbols/symbols/ • Français : https://docs.silex.me/fr/designer/symbols/symbols/ Silex is free and open source: https://www.silex.me — — — Un Symbol est un composant réutilisable qui reste synchronisé partout où il apparaît — construisez un header ou un footer une fois et il reste cohérent sur tout le site. Cette démo construit une barre de header, la transforme en Symbol, place une seconde instance, puis édite une instance — et toutes les instances se mettent à jour ensemble. Contrairement au copier-coller, toutes les instances reflètent le même composant. Démo muette, visuels à l'écran en anglais. Sous-titres disponibles en anglais et en français — activez-les dans le lecteur.https://video.silex.me/static/streaming-playlists/hls/2acd7bf5-ba35-4225-9e32-19365d2b7e06/37186638-b439-4355-b904-81870065c2e8-master.m3u8https://video.silex.me/videos/embed/6hygZpF5XfHo5rwBVssMaq53012026-07-06T22:21:05.159ZsilexnocodetutorialdocscomponentsYESSilex DocumentationNOhttps://video.silex.me/w/hwC1HHsShEBc86NGJ3q7qRhttps://video.silex.me/lazy-static/thumbnails/4e6bf7df-9c98-4678-acf3-ebc39f9b5acb.jpgWebdesign libre avec Silex : finaliser un menu accessible | Webdesign libre avec Silex - 7/10/202...Épisode 3 : crash test d'un template 🎯 Au programme : On finalise l'accessibilité du menu (l'accordéon / menu déroulant) d'un template Silex, la suite de notre crash-test accessibilité. On parlera aussi du choix d'une forge libre pour héberger le code de Silex (en remplacement de GitHub), avec André Polykanine, de nos idées de conférences et d'un point d'étape. 👨‍💻 Nos invités : Brice Martin (webdesigner, utilisateur silex) Jean-Pierre Gay (Expert en accessibilité numérique et éco-conception web) André Polykanine (Développeur backend et spécialiste en accessibilité) Jean-Philippe Vinet (webdesigner, utilisateur silex) 📍 Infos pratiques Une émission mensuelle en direct pour parler design web, no-code et logiciels libres, autour de l’outil Silex. En direct sur : Twitch : https://www.twitch.tv/nocodefrance event.silex.me : https://video.silex.me/w/41Mpc7Ai4tP2ezTNgMbUsz linkedin : https://www.linkedin.com/events/7470779132377714688/ 14h : news Silex 14h15 – 15h15 : émission avec nos invités Chaque 2e vendredi du mois, de 14h15 à 15h15, sur la chaîne Twitch de No-Code France. L’émission est animée par Brice Martin (designer et contributeur au projet). 🔗 Ressources : Site officiel de Silex Documentation Silex Newsletter https://community.silex.me/ 🍿 Les replays sont disponibles ici. Replay episode 1 (10 avril) : https://video.silex.me/w/4X9TN2vgNSUoSXZiG584nL Replay episode 2 (11 mai) : https://video.silex.me/w/kQhLvA9eNWmBHGt6ntQvvj https://video.silex.me/static/streaming-playlists/hls/85d8b99f-814c-4da2-b10e-1ebb367a6a99/a05fddc7-871c-4d99-9445-1d58bb3da0ac-master.m3u8https://video.silex.me/videos/embed/hwC1HHsShEBc86NGJ3q7qR2580052026-07-10T13:57:37.079ZlivenocodesilexYES[FR] Silex v3 videos en françaisNOhttps://video.silex.me/c/lexoyo_silex/videoshttps://video.silex.me/c/silex_fr/videoshttps://video.silex.me/c/silexlabs/videoshttps://video.silex.me/c/silex_en/videoshttps://video.silex.me/c/docs/videoshttps://video.silex.me/a/root/video-channelshttps://video.silex.me/a/lexoyo/video-channels