Skip to content

Instantly share code, notes, and snippets.

View 7studio's full-sized avatar

Xavier Zalawa 7studio

View GitHub Profile
@7studio
7studio / 0.post.md
Created September 15, 2022 07:22
Créer un tableau de status pour vos composants dans Storybook

⚠️ La totalité de cet article a été rédigé pour être mis en place avec @storybook/html en utilisant le format MDX.

Le contexte

Notre besoin était de visualiser les différents status (UI, HTML - Vanilla, A11Y, Doc, Framework) de l'ensemble de nos composants à l'aide d'un tableau récapitulatif.

La centralisation de l'information avait pour objectif d'offrir de l'autonomie aux personnes pour trouver et lire facilement les informations qu'ils recherchaient. Evitant ainsi les A/R entre Confluence, Figma et Storybook.

Le résultat attendu était le suivant :

@7studio
7studio / Timeline.vue
Created December 18, 2019 08:40
Timeline
<template>
<div class="ckpt-Timeline">
<dl>
<dt class="cds-u-hidden">Start date</dt>
<dd class="ckpt-Timeline-item ckpt-Timeline-item--start">
<span class="ckpt-Timeline-date">{{ start | getFullYear }}</span>
</dd>
<dt class="cds-u-hidden">End date</dt>
<dd class="ckpt-Timeline-item ckpt-Timeline-item--end">
<span class="ckpt-Timeline-date">{{ end | getFullYear }}</span>
<template>
<!--
<cds-selectmultiple
v-model="selectedOptions"
:options="options"
label="Options"
option-text="name"
placeholder="Select an option"
@select="(selected) => log(selected)" />
-->
var gulp = require('gulp');
var plugins = require('gulp-load-plugins');
var browserSync = require('browser-sync');
var prettyBytes = require('pretty-bytes');
var reload = browserSync.reload;
var $ = plugins();
gulp.task('concat:styles', function() {
var paths = {
@7studio
7studio / POST.md
Created July 31, 2018 17:00
Créer des raccourcis vers des pages "importantes" dans le menu d'administration de WordPress

Créer des raccourcis vers des pages "importantes" dans le menu d'administration de WordPress

Thistle admin menu page shortcuts

Ce besoin est venu d'une ancienne chef de projet qui en avait marre de chercher certaines pages "importantes" dans la liste des pages 😄 Ça peut se comprendre. Entre nous, avec l'extension Simple Page Ordering, elle aurait pu remonter les pages concernées tout en haut mais pas question (pour tout le monde) de voir la liste des pages dans le plan du site (via wp_list_pages) être impactée par ce choix/besoin côté back-office.

Alors d'un commun accord, nous avons décidé d'ajouter des raccourcis dans le menu "Pages" du back-office de WordPress. Juste entre l'entrée "Toutes les pages" et "Ajouter" pour que ça soit plus "pratique" et "logique" 😅 Je savais que ça risquerait d'être chiant mais j'étais d'accord avec elle 👍 De t

@7studio
7studio / POST.md
Last active April 13, 2020 23:43
Cacher son URL de connexion dans les emails RGPD de WordPress (et un peu plus)

Cacher son URL de connexion dans les emails RGPD de WordPress (et un peu plus)

Nous le savons, WordPress est un outil formidable qui propose des évolutions toujours appréciables (ou pas). La dernière en date, ne déroge pas à la règle surtout quand elle concerne la conformité RGPD 😃
Si vous n'avez pas encore fait le tour du sujet, voici un article de monsieur Jb Audras : WordPress version 4.9.6/7 : de nouveaux outils pour l’application du RGPD, un autre article concernant WooCommerce : WooCommerce 3.4 GDPR features et la liste des choses à venir : Proposed Privacy Roadmap
C'est quand même cool tout ça !

Comme toutes nouvelles fonctionnalités, même si celle-ci facilite bien la vie aux administrateurs grâce à une interface soignée, l'envers du décor pour l

@7studio
7studio / POST.md
Created June 2, 2018 16:51
Améliorer le choix des dispositions dans un contenu flexible ACF

Améliorer le choix des dispositions dans un contenu flexible ACF

ACF Flexible Content Enhancer

Je pense que tout est parti d'un screenshot que j'ai vu passer sur le slack WordPress-fr et où je me suis dit que ça serait génial d'avoir la même chose pour nos contributeurs 😍

Au boulot, nous adorons les contenus flexibles ACF mais il faut bien se l'avouer, la popin pour choisir les dispositions n'est pas très "sexy" pour l'utilisateur final.

Je pensais que cela serait assez simple car comme nous le savons tous, ACF est très extensible et bien codé, sauf qu'il a fallu réfléchir un peu plus que prévu 😅 ACF ne propose pas encore la possibilité d'ajouter une option à une disposition d'un contenu flexible. Pour les curieux, ça se passe ici : plugins/advanced-custom-fields-pro/pro/fields/class-acf-field-flexible-content.php#L564-648 et vraiment aucun hook dans les parages… De toute façon, en y réfléch

<?php
/**
* Force indexation of Search WP
* May cause trouble on production site
*
* @author Maxime CULEA
*/
/* @see https://searchwp.com/docs/hooks/searchwp_lazy_settings/ */
add_filter( 'searchwp_lazy_settings', '__return_false' );
@7studio
7studio / wp_mail.md
Created December 7, 2017 08:48 — forked from johnbillion/wp_mail.md
WordPress Emails

WordPress Emails

This document lists all the situations where WordPress sends an email, along with how to filter or disable each email.

This is accurate as of WordPress 4.9.

There are a few TODOs left. Please bear with me.

@7studio
7studio / gist:d769a4c09c25cd4272a50106751dfde0
Created October 13, 2017 13:50
FACEBOOK, POST TO WALL, PUBLISH_STREAM, JAVASCRIPT, SDK
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<link rel="stylesheet" type="text/css" href="">
<script type="text/javascript">
</script>
</head>
<body>