Ce tutoriel est majeur, car nous verrons comment placer les éléments d’abord dans une grille simple et ensuite dans une autre responsive, le tout construit avec Grid Layout CSS. Pour rester informer, n’hésitez pas à vous inscrire à la newsletter. Placement automatique des enfants Dans cette partie nous verrons comment la … [Lire plus...] à proposPlacer les éléments avec Grid Layout CSS
Web Design tutos
Unité de mesure avec Grid Layout CSS
Dans ce tutoriel, nous verrons comment utiliser les différentes unités de mesure avec Grid Layout. Je mettrais plus l’accent sur la nouvelle unité fr. Pour rester informer, n’hésitez pas à vous inscrire à la newsletter. Unités disponibles Dans cette section, nous verrons les unités disponibles avec Grid Layout. Valeurs fixes ou … [Lire plus...] à proposUnité de mesure avec Grid Layout CSS
Construction de grilles simples avec Grid Layout CSS
Nous verrons dans ce tutoriel comme construire une grille basique avec Grid Layout CSS. Pour rester informer, n’hésitez pas à vous inscrire à la newsletter. Création de la grille Structure HTML Comme je l’évoquais dans mon premier article sur Grid Layout, la structure HTML doit être très simple. La valeur grid est appliquée à un … [Lire plus...] à proposConstruction de grilles simples avec Grid Layout CSS
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. Pour rester informer, n’hésitez pas à vous inscrire à la newsletter. Déclaration sur le parent de Grid Quand vous appliquez la valeur grid sur une balise, … [Lire plus...] à proposDéclaration et terminologie pour Grid Layout CSS
Concevoir les sites de demain avec Grid Layout et WordPress
Dans cet article, je montrerai dans quelle mesure Grid Layout sera au coeur des sites Web de demain. Le nouveau paradigme avec Grid Layout En mars 2017, la nouvelle propriété CSS, Grid Layout sortait officiellement. Pour une fois, le support dans la plupart des navigateurs web fut rapide. En quelques mois, nous avons atteint près … [Lire plus...] à proposConcevoir les sites de demain avec Grid Layout et WordPress
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 … [Lire plus...] à proposUtiliser l’inspecteur de Chrome pour modifier et sauvegarder vos styles CSS en direct
Web Designer :: maîtriser l’inspecteur de Google Chrome
J’ai découvert très récemment cet ensemble de tutoriels vidéo en ligne pour maîtriser l’inspecteur Web de Google Chrome: Discover DevTools. D’après ce que j’ai pu voir, cette série est sortie en mars. Présentation Paul Irish, le créateur et acteur dans de nombreux outils en ligne comme Modernizr, CSS3 … [Lire plus...] à proposWeb Designer :: maîtriser l’inspecteur de Google Chrome
Web Designer :: les outils essentiels
Voici une sélection des outils que j’utilise le plus au quotidien dans mon activité de Web Designer. Je mettrai à jour régulièrement cet article. Maj le le 17/08/2013 Navigateurs Compatibilité Ces deux outils permettent de connaître compatibilité CSS3 et HTML5 sur tous les navigateurs HTML5 & CSS3 Support Can I use… … [Lire plus...] à proposWeb Designer :: les outils essentiels
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 … [Lire plus...] à proposCSS3 :: Les outils pour inspecter
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 … [Lire plus...] à proposless :: Comment ne pas compiler les mixins
CSS3 :: comprendre les media queries avec Chrome
Les sites "Responsive" deviennent incontournables en 2012. Par "Responsive" entendez tout site qui peut facilement s'adapter au contenu en se reposant sur la taille de la fenêtre du navigateur. Dans ce tutoriel, je me contenterai de vous donner quelques articles qui font référence et un moyen de peu à peu explorer la toile avec … [Lire plus...] à proposCSS3 :: comprendre les media queries avec Chrome
Outil css3 Please
Voici un outil CSS3 gratuit qui vient de sortir: "CSS3 Please!". Une petite merveille développée par Paul Irish. [MAJ Novembre 2011]: j'ai regroupé sur une seule page tous les outils WebDesign que je préfère. Tous ces liens sont régulièrement mis à jour. Voici le process: L'ergonomie générale: A gauche les déclaration CSS3 et … [Lire plus...] à proposOutil css3 Please