Dans ce tutoriel, nous verrons comment utiliser l’éditeur moderne de WordPress pour créer des pages qui repose sur Grid CSS. Si vous connaissez mal cette nouvelle propriété, je vous recommande ma série dédiée sur Grid Layout. Utilisation du nouvel éditeur de WordPress Avec la version 5 de WordPress, l’éditeur moderne va remplacer le bon vieux …
Pour rester informé, abonnez-vous à la newsletter
Article / Page: L’éditeur moderne de WordPress avec Grid Layout CSS. Retour vers l'accueil
Placer les éléments avec Grid Layout CSS
Dans ce tutoriel sur Grid Layout CSS, nous verrons les réglages principaux pour placer tous les éléments dans la grille, les grille implicites avec les réglages sur grid-auto-columns et grid-auto-rows.
Article / Page: Placer les éléments avec Grid Layout CSS. Retour vers l'accueil
Unité de mesure avec Grid Layout CSS
Dans ce tutoriel sur Grid Layout CSS, nous verrons les unités de mesure disponibles et plus particlulièrement la valeur fr, constration de fraction qui ajoute beaucoup de souplesse dans le réglage de vos grille CSS.
Article / Page: Unité de mesure avec Grid Layout CSS. Retour vers l'accueil
Construction de grilles simples avec Grid Layout CSS
Dans ce tutoriel sur Grid Layout nous verrons comment construire une grille simple avec grid-template-columns et grid-template-rows. Nous aborderons également le principe des gouttières avec grid-gap.
Article / Page: Construction de grilles simples avec Grid Layout CSS. Retour vers l'accueil
Déclaration et terminologie pour Grid Layout CSS
Voici le premier tutoriel d’une longue série sur Grid Layout CSS. Ce premier article a pour but de vous familiariser avec les termes principaux de cette nouvelle propriété CSS.
Article / Page: Déclaration et terminologie pour Grid Layout CSS. Retour vers l'accueil
Utiliser l’inspecteur de Chrome pour modifier et sauvegarder vos styles CSS en direct
Dans ce tutoriel, nous verrons comment à partir de l’inspecteur de Google Chrome, modifier et enregistrer en direct les modifications CSS de votre site installé en local. Au final, nous verrons comment appliquer la même méthode pour votre thème WordPress. Pourquoi travailler dans l’inspecteur Mais qu’est-ce que l’inspecteur? L’inspecteur du navigateur Google Chrome est un …
Article / Page: Utiliser l’inspecteur de Chrome pour modifier et sauvegarder vos styles CSS en direct. Retour vers l'accueil
WordPress :: Utiliser Grid Layout CSS dans votre thème
Dans ce tutoriel, nous verrons comment utiliser grid, la nouvelle valeur CSS de la propriété display. Ici, je me concentrerai sur les grilles de contenu. Nous verrons qu’il est possible de l’intégrer dans son thème aujourd’hui. Pour information, cet article est un avant-goût. Je prépare une série complète sur le sujet; abonnez-vous!. Qu’est-ce que Grid Layout? …
Article / Page: WordPress :: Utiliser Grid Layout CSS dans votre thème. Retour vers l'accueil
CSS3 :: Les outils pour inspecter
Il existe deux outils incontournables pour inspecter les pages Web: Firebug et l’Inspecteur Web. Le premier peut marcher dans tous les navigateurs. Le deuxième est intégré à tous les navigateurs qui reposent sur Webkit (Safari, Chrome…) Ces outils vous permettent de mieux comprendre la construction des pages Web. Vous pouvez également faire des tests CSS …
Article / Page: CSS3 :: Les outils pour inspecter. Retour vers l'accueil
less :: Comment ne pas compiler les mixins
Récemment, après avoir beaucoup utilisé les mixins avec Less, j’ai constaté après coup que ces mêmes mixins étaient également générés dans la feuille de style compilée. Cela provoquait dans mon cas une duplication du code. Mixin dans les CSS compilé Pour ne pas avoir les mixins dans les CSS compilés par Less, il s’agit juste …
Article / Page: less :: Comment ne pas compiler les mixins. Retour vers l'accueil
CSS3 :: comprendre les media queries avec Chrome
Dans ce tutoriel, nous verrons comment inspecter les « media query » avec l’inspecteur web de Chrome.