# Syntaxe de texte avec Markdown
Markdown est un langage simple qui permet de mettre en forme du texte. Par exemple, vous pouvez facilement ajouter des…
Étiquette : html
Convertir un fichier markdown en HTML depuis le finder
Toujours grâce à Automator, on va pouvoir créer un flux de travail qui automatise la conversion des fichiers markdown (.md)…
Soumettre un formulaire Web avec un bouton en dehors de la balise form
Après quelques listes d’attributs sur les formulaires web, la soumission d’un formulaire en dehors de la balise <form> est une…
Utiliser les attributs des formulaires HTML pour améliorer l’expérience utilisateur
Les formulaires web et les champs de saisie possèdent une multitude d’attributs qui peuvent fournir des indications au navigateur et…
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…
Activer les suggestions de mot de passe dans les champs de type password
Lorsque vous avez un site Internet où les gens peuvent s’inscrire, se connecter à l’aide d’un formulaire pour saisir un…
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…
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…