![\"\"](\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/10\/gridulator.png\" "\\"Gridulator")
Rendez-vous sur ce site : http:\/\/gridulator.com\/<\/a>\nC’est sur cette simple page que tout se passe.
\nRenseignez la largeur de votre (futur) site ainsi que le d\u00e9coupage en colonne qui vous semble le plus adapt\u00e9.
\nG\u00e9n\u00e9ralement, au plus le contenu de celui-ci (et donc les styles et positionnement de vos \u00e9l\u00e9ments) est vari\u00e9, au plus vous aurez besoin d’une grille fine et pr\u00e9cise.
\nUn choix de diff\u00e9rentes d\u00e9coupes de la largeur vous est pr\u00e9sent\u00e9 (image ci-contre).
\nA vous ensuite de faire votre choix. Rien ne vous emp\u00eache d’en t\u00e9l\u00e9charger plusieurs en cliquant sur \u00ab\u00a0Make PNG<\/em>\u00ab\u00a0.<\/p>\n
Et mon d\u00e9bordement de cr\u00e9ativit\u00e9 dans tout \u00e7a ?<\/h2>\n
Le point \u00e0 ne pas oublier dans cette histoire c’est que la grille doit \u00eatre un outil de plus dans votre palette de Webdesigner, et certainement pas un obstacle \u00e0 votre cr\u00e9ativit\u00e9. Utilisez-la avant tout comme un moyen de cerner l’espace et de r\u00e9organiser vos blocs de contenu.<\/p>\n
Il m’est souvent arriv\u00e9 de constater que cet outil est fort utile lorsque je doute de l’alignement et de la correspondance de deux blocs (image, texte, colonage) vis \u00e0 vis d’un troisi\u00e8me ; plus souvent en terme d’espacement (le travail des \u00ab\u00a0blancs\u00a0\u00bb) qu’en terme d’alignement simple.<\/p>\n
A vos designs !<\/p>\n
Liens utiles : Il peut paraitre bizarre de parler de grille, de calcul, d’espacements graduels, etc. lorsque l’on parle de Webdesign, surtout si vous associez ce mot au terme \u00ab\u00a0cr\u00e9atif\u00a0\u00bb. En effet, vous auriez le droit de penser qu’une grille de positionnement est un frein \u00e0 la cr\u00e9ativit\u00e9. J’ai moi-m\u00eame d\u00e9fendu cette position pendant un bon moment<\/p>\n","protected":false},"author":4,"featured_media":611,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[50,11],"tags":[208,206,203,202,207,4],"coauthors":[597],"class_list":["post-592","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ressources-telechargements","category-veille-graphique","tag-alignement","tag-composition","tag-gridulator","tag-grille","tag-technique","tag-webdesign"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=592"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/592\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/611"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=592"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n– Gridulator.com\/<\/a>
\n– Tutoriel pr\u00e9sentant une utilisation de grille<\/a>
\n– Conseils sur les grilles – Pixenjoy<\/a> (merci a-noe)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"