Auteur/autrice : rfragniere

  • Wise Chat

    Wise Chat

    Petit test du plugin Wise Chat qui permet tout simplement de fournir un chat aux visiteurs du site. Il existe une version pro mais la version gratuite à l’air de tenir la route, cependant relativement pénible à customiser. Cela reste faisable en css!

  • Typothèque

    Typothèque

    Regroupement de bibliotèques de typographies gratuites et ou Open Source, histoire de changer un peu de Google Fonts !

  • Références

    Références

    Regroupement de ressources utiles en cas de pannes d’inspiration ou pour se tenir informé des tendances nouveautés et nouveautés.

  • Outils : divers

    Outils : divers

    Regroupement d’outils utiles pouvant faire économiser pas mal de temps et de sueur !

  • WordPress – Mode maintenance sans plugin

    WordPress – Mode maintenance sans plugin

    Après avoir testé un certain nombre d’extension offrant cette fonction et fait face à quelques problèmes mineurs, voici une petite manipulation qui permet d’avoir un contrôle total du mode maintenance sans affecter le référencement du site !

  • Plugins WordPress

    Plugins WordPress

    Même si d’une manière générale je préfère me passer de plugins dès que possible, certain sont incontournables. Cet article répertorie les plugins qui me sont les plus utiles.

  • Outils : html/css

    Outils : html/css

    Regroupement d’outils utiles pouvant faire économiser pas mal de temps et de sueur !

  • Random image position and size

    Random image position and size

    On sait depuis longtemps que travailler avec du texte lisible et contenant du sens est source de distractions, et empêche de se concentrer sur la mise en page elle-même. L’avantage du Lorem Ipsum sur un texte générique comme ‘Du texte. Du texte. Du texte.’ est qu’il possède une distribution de lettres plus ou moins normale,…

  • Outils : AI

    Outils : AI

    Collection d’outils exploitant l’intelligence artificielle un potentiel intéressant. Ce domaine évoluant à une vitesse vertigineuse, je n’ai pas le temps de tout essayer. Il est aussi possible qu’une partie du contenu sur cette page soit obsolète la moitié du temps.

  • WIP – wave 1.0

    WIP – wave 1.0

    par

    dans ,

    Nombre de points : 6 Radius : 100 Radius : 100 Regénérer Télécharger le SVG Lausanne, avril 2023 Version: 1.0 To do -> trouver un moyen d’adoucir/supprimer l’angle qui se dessine à l’origine du tracé. -> calculer les points en partant du centre Code

  • WIP – SVG Blob Generator 1.0

    WIP – SVG Blob Generator 1.0

    par

    dans ,

    Nombre de points : 6 Radius : 400 Regénérer Télécharger le SVG Lausanne, avril 2023 Version: 1.0 Voici un mini-programme en javascript qui permet de générer une forme aléatoire exportable en format .svg. Les sliders permettent d’agir sur le nombre de points d’ancrage et les valeurs maximales appliquées aux fonctions « Math.random » en javascript. Cette version…

  • WIP – SVG Generator 1.0

    WIP – SVG Generator 1.0

    par

    dans ,

    Lausanne, avril 2023 Version: 1.0 Voici un mini-programme en javascript qui permet de générer une forme aléatoire exportable en format .svg. Les sliders permettent d’agir sur le nombre de points d’ancrage et les valeurs maximales appliquées aux fonctions « Math.random » en javascript. Cette version n’est qu’un premier pour me remettre dans le bain et poser les…

  • Random border radius

    Random border radius

    par

    dans ,

    Des bordures de containers générées aléatoirement Petit script rigolo qui permet de calculer des valeurs aléatoires puis de les appliquer en css à l’attribut « border-radius ». Dans cet exemple, le script s’exécute au chargement et à chaque clic sur le container. Selon source trouvée sur codepen.

  • Grille Masonry dans un post

    Grille Masonry dans un post

    par

    dans ,

    Cet article est un regroupement à pour but de trouver la meilleure façon d’intégrer dans les posts le Masonry déjà importé qui est actif sur les pages d’archives Le but c’est de réutiliser le masonrry que d’utiliser le masonry déjà importé qui est actif sur les pages d’archives Custom html c’est facile en le codant…

  • JS – Obtenir les dimension d’une fenêtre web

    JS – Obtenir les dimension d’une fenêtre web

    par

    dans

    Exemple (cette fenêtre) This window size: Width: px Height: px Introduction Avoir accès aux dimensions de la fenêtre en temps réel peut être bien pratique pour rendre les animations JavaScript responsive par exemple. Voici un petit script qui nous permet de récupérer ces informations. Comme souvent, un exemple vaut toutes les explications. Script Peut être…

  • p5js – test camera

    p5js – test camera

    par

    dans

    Introduction Petit sketch pour tester l’extension « Responsive P5js for WP », très facile à utiliser, qui permet tout simplement d’intégrer un sketch P5js sur un site Worpress grâce à un simple code court. Un article plus détaillé sur l’extension et comment s’en servir est disponible en suivant le lien ci-contre. Instructions Rien de très compliqué ici:…