{"id":785,"date":"2010-12-06T20:03:46","date_gmt":"2010-12-06T18:03:46","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=785"},"modified":"2015-01-18T16:43:04","modified_gmt":"2015-01-18T15:43:04","slug":"colorzilla-presente-un-editeur-de-degrade-pour-css3","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/css-css3\/colorzilla-presente-un-editeur-de-degrade-pour-css3","title":{"rendered":"Colorzilla pr\u00e9sente un \u00e9diteur de d\u00e9grad\u00e9 pour CSS3"},"content":{"rendered":"<p>A fond dans les couleurs en ce moment !<br \/>\nPetite ressource envoy\u00e9e par <a href=\"http:\/\/goetter.fr\" title=\"Site Web de Rapha\u00ebl goetter (nouvelle fen\u00eatre)\" target=\"_blank\">Rapha\u00ebl<\/a> dans la journ\u00e9e de jeudi dernier (ouais l&rsquo;article traine dans mes brouillons&#8230; s&rsquo;il n&rsquo;y avait que lui :p) : il s&rsquo;agit qu&rsquo;un \u00e9diteur de d\u00e9grad\u00e9 pour CSS3.<!--more--><br \/>\nA l&rsquo;image de l&rsquo;\u00e9diteur disponible sous Photoshop et autres logiciels de cr\u00e9ation graphique, ce petit outil permet une \u00e9dition intuitive.<\/p>\n<p>D\u00e9velopp\u00e9 par <a href=\"http:\/\/www.iosart.com\/\" target=\"_blank\" title=\"Site web d'Alex Sirota (nouvelle fen\u00eatre)\" hreflang=\"en\">Alex Sirota<\/a>, d\u00e9veloppeur du c\u00e9l\u00e8bre <a href=\"http:\/\/www.colorzilla.com\/firefox\/\" target=\"_blank\" hreflang=\"en\" title=\"ColorZilla, extension pour Firefox (nouvelle fen\u00eatre)\">Colorzilla<\/a>, <a href=\"http:\/\/www.colorzilla.com\/gradient-editor\/\" title=\"Just another CSS Generator for CSS3 (new windows in english)\" lang=\"en\" hreflang=\"en\">Ultimate CSS Gradient Generator<\/a> est un \u00e9diteur de d\u00e9grad\u00e9 offrant une grande liste de r\u00e9glages pr\u00e9d\u00e9finis.<\/p>\n<p class=\"center\"><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/12\/presets-colorzilla.png\" alt=\"Moza\u00efque de d\u00e9grad\u00e9s pr\u00e9sentant les pr\u00e9r\u00e9glages de l&#039;\u00e9diteur\" title=\"Pr\u00e9r\u00e9glages de l&#039;\u00e9diteur\" width=\"421\" height=\"177\" class=\"aligncenter size-full wp-image-792\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/12\/presets-colorzilla.png 421w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/12\/presets-colorzilla-300x126.png 300w\" sizes=\"(max-width: 421px) 100vw, 421px\" \/><\/p>\n<p>Chacun des d\u00e9grad\u00e9s pr\u00e9sent\u00e9s peut \u00eatre \u00e9dit\u00e9 pour offrir une personnalisation optimale.<br \/>\nL&rsquo;\u00e9diteur est relativement simple \u00e0 utiliser, il s&rsquo;agit principalement de faire bouger des poignets (ancres) dans le but de positionner une couleur par rapport \u00e0 une autre.<br \/>\nLorsque vous souhaitez en rajouter une il suffit de cliquer entre deux ancres.<\/p>\n<p class=\"center\"><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/12\/manipulation-colorzilla.png\" alt=\"Pr\u00e9sentation d&#039;un d\u00e9grad\u00e9 pour l&#039;\u00e9dition\" title=\"Pr\u00e9sentation d&#039;un d\u00e9grad\u00e9\" width=\"422\" height=\"74\" class=\"aligncenter size-full wp-image-794\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/12\/manipulation-colorzilla.png 422w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/12\/manipulation-colorzilla-300x52.png 300w\" sizes=\"(max-width: 422px) 100vw, 422px\" \/><\/p>\n<p>Le d\u00e9grad\u00e9 ainsi cr\u00e9\u00e9 est visualis\u00e9 sur un petit bandeau sur lequel vous avez encore la possibilit\u00e9 de choisir l&rsquo;orientation (verticale ou horizontale), les dimensions du bandeau d&rsquo;aper\u00e7u, ainsi que l&rsquo;\u00e9mulation du rendu sous <abbr title=\"Internet Explorer\">IE<\/abbr>.<\/p>\n<p class=\"center\"><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/12\/preview-colorzilla.png\" alt=\"Pr\u00e9visualisation du d\u00e9grad\u00e9 avec \u00e9dition des r\u00e9glages\" title=\"Pr\u00e9visualisation du d\u00e9grad\u00e9\" width=\"414\" height=\"136\" class=\"aligncenter size-full wp-image-795\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/12\/preview-colorzilla.png 414w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/12\/preview-colorzilla-300x98.png 300w\" sizes=\"(max-width: 414px) 100vw, 414px\" \/><\/p>\n<p>Enfin, c&rsquo;est l\u00e0 l&rsquo;int\u00e9r\u00eat de cet outil, un code CSS est g\u00e9n\u00e9r\u00e9 dynamiquement pour vous offrir un r\u00e9sultat exploitable sur un maximum de navigateurs.<br \/>\nIl est important de noter qu&rsquo;en cas de non prise en charge des valeurs de d\u00e9grad\u00e9, une couleur unie est d\u00e9finie en fond qui correspond \u00e0 la premi\u00e8re couleur de votre d\u00e9grad\u00e9.<\/p>\n<p class=\"center\"><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/12\/code-css-colorzilla.png\" alt=\"Exemple de code CSS g\u00e9n\u00e9r\u00e9\" title=\"Code CSS g\u00e9n\u00e9r\u00e9\" width=\"411\" height=\"248\" class=\"aligncenter size-full wp-image-796\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/12\/code-css-colorzilla.png 411w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2010\/12\/code-css-colorzilla-300x181.png 300w\" sizes=\"(max-width: 411px) 100vw, 411px\" \/><\/p>\n<p><em class=\"sources\">Liens utiles :<br \/>\n&#8211; <a href=\"http:\/\/www.iosart.com\/\" target=\"_blank\" title=\"Site web d'Alex Sirota (nouvelle fen\u00eatre)\" hreflang=\"en\">Alex Sirota<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.colorzilla.com\/firefox\/\" target=\"_blank\" hreflang=\"en\" title=\"ColorZilla, extension pour Firefox (nouvelle fen\u00eatre)\">Colorzilla<\/a><br \/>\n&#8211; <a href=\"http:\/\/www.colorzilla.com\/gradient-editor\/\" title=\"Just another CSS Generator for CSS3 (new windows in english)\" lang=\"en\" hreflang=\"en\">Ultimate CSS Gradient Generator<\/a><br \/>\n<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A fond dans les couleurs en ce moment ! Petite ressource envoy\u00e9e par Rapha\u00ebl dans la journ\u00e9e de jeudi dernier (ouais l&rsquo;article traine dans mes brouillons&#8230; s&rsquo;il n&rsquo;y avait que lui :p) : il s&rsquo;agit qu&rsquo;un \u00e9diteur de d\u00e9grad\u00e9 pour CSS3.<\/p>\n","protected":false},"author":4,"featured_media":791,"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":[17,50],"tags":[262,250,264,263,265],"coauthors":[597],"class_list":["post-785","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-css3","category-ressources-telechargements","tag-colorzilla","tag-couleurs","tag-degrade","tag-editeur","tag-linear"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/785","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=785"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/785\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/791"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=785"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=785"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}