Javascript – Accéder au shadow root
Les shadow DOM sont conçus pour encapsuler les éléments et les styles d’un composant web, les rendant inaccessibles depuis l’extérieur…
Étiquette : css
Utiliser la propriété subgrid en CSS
Comment aligner horizontalement des éléments situé dans 3 colonnes ? Le système de sous-grille va nous permettre de corriger l’alignement…
Reset CSS moderne
Un reset CSS est un ensemble de règles CSS visant à remplacer les styles par défaut fournis par les navigateurs…
La propriété mask-image en CSS
La propriété mask permet de combiner deux images. Une image principal à laquelle on va superposer une autre image qui…
RWD : Responsive Web Design
Le Responsive Web Design (RWD) est une technique de conception de sites web qui ajuste automatiquement l’affichage de la page…
Ressources accessibilité Web
L’accessibilité du Web est la pratique consistant à rendre les sites Web et les applications accessibles à tous les utilisateurs,…
Utiliser la fonctionnalité window.native.share()
Presque tous les navigateurs possèdent nativement une fonctionnalité de partage. On peut l’exploiter avec quelques lignes de Javascript. Le marquage…
Compiler les fichiers SCSS avec une interface graphique
Installer SASS et l’utiliser en ligne de commande n’est pas forcément aisé pour tout le monde. Il existe une application…
Quelques exemples d’utilisation de SASS
Mettre en pratique SASS/SCSS pour reproduire l’équivalent des classes bootstrap pour les marges (mr-0) et padding (pr-2) ainsi que pour…
Comprendre et utiliser SASS (2)
Suite du premier article Comprendre et utilises SASS et de l’installation de SASS. Définir une liste SASS/SCSS Ceci se fait…
Comprendre et utiliser SASS
Déclarer des variables en SCSS Toutes les variables commencent par le symbole $. Les variables sont affectées par le symbole…
Installer SASS
Sass est un préprocesseur CSS. Il va nous permettre d’outrepasser les inconvénients du CSS : pas de variables, pas de…
Javascript : déclenchement animation lors de l’affichage
Utiliser IntersectionObserver lorsque le navigateur affiche un bloc (div, paragraphe, image…) dans la partie visible du navigateur. Une page web…
Reset CSS
L’objectif d’un reset CSS est d’avoir une feuille de style réinitialisée et de minimiser les incohérences des navigateurs dans des…
Mes extensions favorites pour Visual Studio Code
Une liste non exhaustive des extensions que j’utilise au quotidien. Elles me permettent d’écrire plus rapidement, d’avoir des snippets pour…
Mettre en place / installer Gulp
Gulp va nous permettre de compiler des fichiers sass, less, stylus… mais également de minifier les fichiers css ; de…
Xavier Mercier / b:pulp
Après avoir fait une formation d’ingénieur et travaillé pendant presque 20 ans dans un grand groupe ; Xavier s’est redirigé…
Apprendre le code avec le jeu
Apprendre le HTML/CSS/javascript, le positionnement avec flexbox ou avec grid, la programmation PHP/C/Ruby/Python, le versionning de code…
Concepteur de Projets de Communication – Promotion 2018-09
Quelques liens pour des Infographistes / Concepteur de Projets de Communication sympathiques de ma session 2017-09.