portfolio
Affiches API Cartes de visite CSV Design d'interface Faire-Part Flyers Google Sheets JavaScript Librairies js/css Magnet Marque-page Outils web Pins Site Web Stickers T-shirt Wordpress
Afficher les données d’un Google Sheet
Il y a maintenant 7 ans de cela, j’avais écrit un article qui expliquait comment lire des données depuis un tabl …
Blog API
Mancreations.be 2.0
J’ai refait le site de mon grand frère, qui demandait une bonne refonte au niveau de de son design. J’y ai …
Web Site Web
ecolesaintremy.be
ecolesaintremy.be est le dernier site web privé que j’ai mis en place bénévolement. Le prestataire, une école …
Web Site Web
5 conseils pour renforcer votre WordPress
Je vous propose pour terminer ce premier trimestre 2026, 5 conseils pour sécuriser notre CMS préféré.J’en ai d …
Blog Wordpress
Galerie WordPress + Masonry + Diaporama
WordPress propose une structure HTML qui lui est propre quand vous créez une galerie depuis le texte enrichi dédié à …
Blog Librairies js/css
Librairire JS liée à Mailchimp
Je commence l’année avec un petit projet que j’avais en tête depuis longtemps. Une librairire JS liée à …
Blog Librairies js/css
Scroll horizontal sans Javascript
Tout est dans le titre n’est-ce pas ? Mais ne pourrait-on pas en faire une question ? Réaliser un scroll horizont …
Blog Design d'interface
Plugin WordPress calendrier de l’avent
Takin est un plugin WordPress qui vous permet d’afficher les 24 dernier articles comme un calendrier de l’av …
Non classé Wordpress
Afficher la phase de la lune avec Python
Voilà un petit projet Python qui a pour but d’afficher le croissant de la Lune au jour d’aujourd’hui. …
Blog Outils web
Un effet sympa sur vos images
Les images sont importantes sur votre site. Pas seulement pour agrémenter votre contenu ou le SEO de votre page mais é …
Blog Outils web
Ma checkliste qualité web
Cela fait longtemps que je respecte une série de directives avant de publier en ligne un site web complet et de qualità …
Blog Outils web
5 liens utiles à garder sous le capot
Comme chaque année en cette période de vacances scolaires, je vous propose 5 liens utiles à garder sous le capot. 5 l …
Blog Outils web
Générer facilement ses favicons
Vous le savez sans doute, les favicons sont essentiels pour votre SEO. Ce sont les icônes qui représentent votre logo …
Blog Outils web
Découverte de Cookies Script
Vous le savez sûrement, mais les lois et politiques de cookies sont règlementés au niveau européen et il est depuis …
Blog Outils web
Invitation de mariage
Ma deuxième invitation de mariage ! Comme pour les faire-part de naissance, j’utilise toujours et encore l’ …
Print Faire-Part
Mon premier magnet
Il s’agit d’une carte de visite d’1 mètre de large et comme son nom l’indique, il est magnétiq …
Print Magnet
Dynamiser les balises OG
Les balises OG ? Oui, les balises OpenGraph. Elles sont utiles pour votre référencement et à la rédaction de cet art …
Blog Outils web
Un peu d’ordre …
Pour commencer l’année sur de bonnes bases, je me suis décidé à mettre un peu d’ordre dans mes projets. …
Blog Outils web
Carassin
Aujourd’hui, et pour terminer l’année, je voulais vous présenter « Carassin« . C’est le nom d&rs …
Blog API
Aladin : le thème qui vous convient
Et pourquoi ne pas coder un thème WordPress avec des composants prêts à l’emploi ? Et pourquoi ne pas rendre ce …
Blog Wordpress
Bespin : mes outils persos en ligne
Oui, c’est une planète célèbre dans la saga Star Wars mais c’est aussi mon nouveau projet qui vous prése …
Blog Librairies js/css
Un formulaire sur mesure lié à Flamingo
Voilà le contexte ; imaginez que vous avez réalisé un site-web sur mesure, mais qu’en cours de route, votre cli …
Blog Wordpress
API Feed
API Feed est le nom donné à un petit projet que j’avais imaginé il y a déjà un petit temps de cela et que je …
Blog Librairies js/css
5 outils web pour l’été !
Comme chaque année à cette période de l’année, je vous propose 5 outils web pour l’été qui me servent …
Blog Outils web
Mes outils sous JS et W3 School
Eh oui, encore un petit outil fait maison ! L’idée vient de W3 School qui me proposait d’obtenir un serveur …
Blog Outils web
Le sélecteur :has() en CSS
Ça y est ! Le langage CSS (Cascading Style Sheet) qui code le style de vos pages web, permet enfin aux développeu …
Blog Librairies js/css
HelperGrid.js
Aujourd’hui, je vous propose le descriptif d’une petite librairie faite maison. Je l’ai nommée « He …
Blog Librairies js/css
Implémenter un globe terrestre dynamique
C’est possible de le faire. Évidement, la méthode demandera des outils externes et je vous propose dans cet arti …
Blog Librairies js/css
Peregrin template !
Une nouvelle année a bel et bien commencée. Il est temps de mettre à jour mes projets existants. Et c’est égal …
Blog Outils web
Google Map et le calcul kilométrique
Il est possible avec l’API Google MAP de calculer des distances entre 2 ou plusieurs points. Ici, l’exercice …
Blog API
API WordPress et React.js
React JS est un framework Javascript. Il n’est pas le seul. Il existe également Angular et Vue pour ne citer que …
Blog API
Man Créations : Carte de visite V3
Et voilà une nouvelle mise à jour de la carte de visite de Man Créations, Man Créations : Carte de visite V3. C&rsqu …
Print Cartes de visite
BeDetectives.be
BeDetectives.be est mon 4ème site web perso. Il remplit certaines compétences acquisent depuis le début de ma formati …
Web Site Web
Mixin checkbox
Il est tout à fait permis et conseiller de styliser vos formulaires et leurs chekcboxs ou leurs boutons radios. J&rsquo …
Blog Outils web
5 liens à mettre dans vos favoris
Comme chaque année pour le mois d’août, je vous propose un article assez court, sur des outils en ligne que j&rs …
Blog Outils web
Liens actifs au scroll
Voici un petit code pour les vacances pour vous aider à coder des liens actifs au scroll. C’est-à -dire des liens …
Blog Outils web
La stylisation de la ScrollBar
Voilà un élément que je pourrais ajouter à mon template de base : la stylisation de la ScrollBar (En français : la …
Blog Librairies js/css
Switcher de thème dark/light
Switcher le contraste de votre site-web est devenu courant sur la toile. Je vous montre ici comment faire avec Javascrip …
Blog Librairies js/css
L’intermédiaire.be 3.0
Ce blog WordPress est maintenant à sa version 3. Je vous propose un bref descriptif et comment j’ai travaillé su …
Web Site Web
Générer un QR Code
S’il y a bien un symbole qui s’est imposé dans notre monde physique grâce au numérique, c’est le QR …
Blog API
Coder un code PIN
Coder un code PIN peut vous être utile si vous voulez réaliser par exemple une demande d’authentification à 2 f …
Blog Outils web
Coder une jauge de pourcentage
Pour commencer l’année en douceur, je vous propose un peu de code pour mettre en place une jauge de pourcentage. Vou …
Blog Librairies js/css
Un calendrier de l’avent avec l’API WordPress
En ce mois de fête, l’idée a été de coder un calendrier de l’avent, mais qui irait chercher les articles …
Blog API
Alea jacta est
« Alea jacta est  » veut dire en latin ; « le sort en est jeté« , ou autrement dit, « les dés sont jetés …
Blog Librairies js/css
Filtre Ajax sur les articles WordPress
J’ai été confronté à un petit exercice au boulot cette semaine. Il me fallait réaliser un filtre sur des arti …
Blog API
Sticky menu
On en voit beaucoup des sticky menu sur les sites web, mais comment cela fonctionne-t-il ? Et pourquoi les utiliser ? Vo …
Blog Outils web
CAPTCHA ?! A vos souhaits !
Loin de moi ici de vous proposer un tuto sur l’intégration d’un CAPTCHA Google, je vous propose plutôt d&r …
Blog API
MAJ de mes outils indispensables
En juillet et c’est de coutume, je vous propose un article plus light avec quelques liens qui me sont utiles, des …
Blog Outils web
Les images en Base64
Je ne connaissais pas les images en Base64. Je suis tombé dessus en examinante le code d’un site en ligne et plus …
Blog Outils web
Générer votre sitemap.xml
Je voulais vous présenter aujourd’hui encore un outil fait main et à placer sous la catégorie « SEO » de vo …
Blog Outils web
Un générateur de Pangrammes
Mais qu’est-ce qu’un pangramme ? Il s’agit d’un texte contenant les 26 lettres de l’alphab …
Blog Outils web
Énigma generator
« Pvouez-vouvs lrie ctete prhsae ? » Je suis tombé sur une étude de Cambridge, qui démontre que notre cerveau est …
Blog Outils web
Flux RSS & Feed 43
Je me suis soudainement suivi d’un outil utilisé en journalisme pour créer ses propres flux RSS.Par curiosité, …
Blog Outils web
Votre page web en PDF
Certains visiteurs préféreront une partie du contenu de votre site web sous un format différent que l’HTML, et …
Blog Librairies js/css
Grillage js
Pour terminer l’année 2021, je vous présente ma première librairie Javascript que j’ai nommé « Grillag …
Blog Librairies js/css
Mancreations.be
Je vous présente aujourd’hui mancreations.be ; un site web personnalisé pour mon frère aîné. Petit défi à l …
Web Site Web
PumpSkin : Mon premier Template
Je vous propose l’analyse d’un outil fait maison que j’ai nommé « PumpSkin » ; soit un jeu de mots mélangeant « potiron » …
Blog Outils web
Horoscope Amérindien
En ce début d’automne, je vous propose un projet en phase avec l’été indien ! Voilà l’idée ; un h …
Blog API
Liens utiles
Toujours dans l’idée de faire de l’intermédiaire un lieu de partage et surtout un réceptacle ou je vais moi-même rec …
Blog Outils web
Virgin Child : thème enfant de Virgin
Dans mon article précédent, je vous présentais Virgin ; un thème wordpress de base qui introduisait tout nouveau pro …
Blog Wordpress
Virgin : un thème WordPress de base
Dans la continuité des articles dédiés à mon CMS préféré (WordPress), je vous propose ici de vous présenter « …
Blog Wordpress
Est-ce un WordPress ?
Aujourd’hui, je voulais vous présenter un petit outil fait maison pour savoir si un site-web tourne sous WordPres …
Blog Wordpress
9 outils Web fait-maison
Aujourd’hui, je vous présente 9 outils web fait-maison et construit à l’aide de fonctions php.Il s’a …
Blog Outils web
Tailwind CSS, un framework qui a le vent en poupe !
Aujourd’hui je voulais vous parler d’un Framework CSS qui a la cote sur le Web en ce moment. Bien pensé, ce …
Blog Librairies js/css
WordPress API : exemple et usage
Encore un article sur WordPress pour continuer le début de cette année. Cette fois-ci, je voulais vous parler de son A …
Blog API
Découverte de WP-CLI
WP-CLI vous permet de gérer vos WordPress en invité de commande depuis le terminal Windows par exemple. En plus d&rsqu …
Blog Wordpress
L’intermédiaire 2.0
Ça y est, une grosse mise à jour de mon blog est en ligne ! Cela faisait 4 ans que le site n’avait plus cha …
Web Site Web
Présentation de wow.js
Je vous propose pour ce onzième article de l’année, une présentation brève d’une librairie Javascript tr …
Blog Librairies js/css
Affiche pour la bibliothèque du Chenois
Ca y est, ma première affiche A3 a été imprimée! Il s’agit d’une affiche pour la Bibliothèque du Chenoi …
Print Affiches
Envoyer un email avec PHP
Envoyer un email via un formulaire de contact ou pour vous avertir de la validation d’une inscription est courant dans l …
Blog Outils web
Mon premier Pluggin WordPress
Vous trouverez ci-dessous, un dossier zippé contenant mon premier Pluggin WordPress ! Très clairement, je n’éta …
Blog Wordpress
Découverte de Stripe Checkout
Les services de paiements en ligne sont nombreux sur le net. Dans l’agence pour laquelle je travaille, nous avons …
Blog API
Créer une barre de progression
Je vous propose aujourd’hui un petit effet sympa vu sur quelques sites-web que je lis. Il s’agit de créer u …
Blog Outils web
Leaflet ; une alternative à Google Map
Si vous avez lu mon article (ici), j’utilise l’API Google map pour afficher une carte interactive et stylisà …
Blog API
Avant Рapr̬s
Vous avez peut-être déjà vu cet effet sur des sites où il est possible à l’aide de sa souris, modifier une im …
Blog Librairies js/css
Cauchie.be 2.0
Pour terminer ce premier trimestre de l’année 2020, j’ai mis à jour l’un de mes sites développé de …
Web Site Web
Flex-boxes !
Flex-boxes est une propriété CSS qui permet de placer vos éléments sur une page HTML. Je vous donne ci-dessous, un m …
Blog Outils web
5 Plugins pour sécuriser votre WordPress
Une nouvelle année commence et vous prenez peut-être comme moi de bonnes résolutions notamment dans la gestion de vos …
Blog Wordpress
Man Cr̩ations РNouvelle carte de visite
Une mise à jour de ce projet. Man Créations – Nouvelle carte de visite D’autres projets de Man Créations …
Print Cartes de visite
Lorem ipsum : outils et origine
Le « lorem ipsum » dans le web est le nom que l’on donne au texte de substitution. Je vous livre ici 5 outils …
Blog Outils web
Baptiste a atterri
Encore un faire-part de naissance avec une ambiance quelque peu aérienne ! Après la présentation de plusieurs projets …
Print Faire-Part
Visuel Facebook
Sur le célèbre réseau social bleu, vous avez la possibilité de publier des photos et de créer des événements. Il …
Blog Outils web
Modifier son site avec un tableur
Cela fait un moment que je cherchais un outil de ce type ; pouvoir modifier son site avec un tableur, ou le contenu de v …
Blog API
Equinoxe : nouvelle voiture, nouveaux stickers
Voilà de nouveaux stickers pour Équinoxe. Rien n’a changé si ce n’est qu’il a fallut adapter les ta …
Print Stickers
Slick
Les sliders sont couramment placés dans les sites web. Ils font gagner de la place et peuvent égayer votre page avec s …
Blog Librairies js/css
Pins !
Oui, je fais du premium maintenant, voilà un pins 🙂 C’est en tous les cas une chouette façon d’ajouter …
Print Pins
Vive les mariées
Ci-dessous, mon premier faire-part de mariage ! Ici, les mariées savaient ce qu’elles souhaitent, ce qui a évide …
Print Faire-Part
Vidéo en background
Je me suis confronté à un problème récemment au boulot, où le client voulait avoir sur son site une vidéo en full- …
Blog Librairies js/css
Remerciement Samuel
En lien avec cet article, voilà le remerciement qui l’accompagne.C’est toujours plus facile de réaliser un …
Print Faire-Part
Styliser une Google Map
Pour commencer l’année, je vous propose un petit bout de code qui vous permettra de styliser une carte de Google Map. L …
Blog API
Système d’onglets
Les systèmes d’onglets ou les accordéons sont très courants dans le design des pages web que vous visitez, puis …
Blog Outils web
Mes 5 extensions WordPress favorites
Pas facile d’énumérer l’ensemble des extensions WordPress que j’ai déjà mises en place et pour les …
Blog Wordpress
Création d’une timeline
Ici je vous propose une timeline stylisée en html et css. La petite difficulté : j’y ai inclus des éléments cs …
Blog Outils web
Cauchie.be
Cauchie.be est le site web du musé « la maison Cauchie« , une maison de style art-Nouveau située à Bruxelles où …
Web Site Web
Ancres dynamiques
Ci-joint, un peu de code pour réaliser un effet assez courant et sympa sur les sites web « one-pages« , sur ce qu&r …
Blog Outils web
Menu burger + FonteAwesome
Vous trouverez ci-dessous, un menu burger construit à l’aide du langage scss et jquery. Je l’associe avec l …
Blog Outils web
Isotope : un système de filtres
Pour cet été, je vous propose de petits morceaux de codes que j’utilise couramment dans mes projets web. C&rsqu …
Blog Librairies js/css
Marque-page
Pour la bibliothèque du Chenois, située à Waterloo, j’ai réalisé un marque-page à l’aide des log …
Print Marque-page
Motifs
Pas trop de projets pour ce mois-ci, je vous propose de ressortir mon tout premier projet pour lequel j’avais fait …
Print Faire-Part
Basile remerciement
Rien à dire de plus : il s’agit d’un faire-part un peu différent, format carré recto verso.Je l’ai …
Print Faire-Part
Basile
Voilà encore un faire part, cette fois-ci pour mon petit Raton-laveur à moi ! Quoique le raton-laveur n’ait pas …
Print Faire-Part
Samuel !
Voilà encore un faire-part. Ici, il s’agit d’un dépliant et en format carré. Les illustrations on été r …
Print Faire-Part
Equinoxe : nouveau flyers
Voilà un nouveau flyers avec la charte graphique (son identité visuelle) d’Équinoxe. …
Print Flyers
Application cardio (fictif)
Je retrouve dans mes archives, un exercice réalisé lors de ma formation au Cepegra. Je ne fais pas (encore) des applic …
Web Design d'interface
Top 5 de mes outils web
Je vous propose aujourd’hui cinq outils web que j’utilise couramment dans le développement de mes sites web …
Blog Outils web
Raphaelle
Déjà mon troisième faire-part de naissance, … ! Comme pour le précédent, ce n’est pas moi qui l’a …
Print Faire-Part
Equinoxe : carte de visite
Et une carte de visite pour Equinoxe ! Une carte de visite, ce n’est vraiment pas facile à réaliser.La difficult …
Print Cartes de visite
Equinoxe : stickers
Dans la même logique que les polos, les stickers pour voitures doivent se réaliser avec des images vectorielles. J&rsq …
Print Stickers
Equinoxe : polo
Une nouveauté pour moi ; la conception d’un polo. …
Print T-shirt
Marius
Encore un faire-part, cette fois-ci en format carré et pour Marius!La fonte utilisée : My Big Heart pour le texte …
Print Faire-Part
Sarah
Voilà un faire-part de naissance hors du commun. Les hiboux sont à la mode mais l’idée ici était de cacher les …
Print Faire-Part
Toilettage Beethoven
Ci-joint, des mockups du site www.toilettagebeethoven.be. En plus d’avoir retouché à l’HTML du site d&rsqu …
Web Site Web
Pirouette Cacahuète
Je suis également bénévole dans deux asbl. Pour Pirouette Cacahuète asbl, je me suis attaché à quelques imprimés. …
Print Flyers
Manu Vaneberg
Manu Vaneberg, artisan, soudeur et menuiser, m’a demandé de réaliser sa carte de visite professionnelle. …
Print Cartes de visite
Equinoxe
www.arbrequinoxe.be est mon premier site-web professionnel. Constitué de 4 pages, d’une galerie (javascript) …
Web Site Web
Cinémons (fictif)
Voilà ci-dessous un travail fictif au cours de ma formation au Cepegra. Le client fictif : Cinémons, pour qui nous dev …
Web Design d'interface
La Maison Cauchie
La maison Cauchie est une maison de 1905, de style Art-Nouveau & Art-Déco, construit par l’architecte, peintr …
Print Flyers
Simple popup
Ca ne se fait plus … Et pourtant, les clients en raffolent ! La popup est toujours très agressive sur le web et p …
Blog Outils web
Remerciement Lilou
Après le faire-part, le remerciement. C’est déjà plus facile de commencer un projet avec une base. C’est …
Print Faire-Part
Lilou
Ca y est, je me lance dans le web. Je viens de terminer ma formation de web designer (voir ici) et concepteur d’in …
Print Faire-Part