{"id":11135,"date":"2016-07-14T13:30:05","date_gmt":"2016-07-14T11:30:05","guid":{"rendered":"https:\/\/xlogic.org\/blog\/?p=11135"},"modified":"2024-01-03T16:58:55","modified_gmt":"2024-01-03T15:58:55","slug":"migliori-tools-web-designer-luglio-2016","status":"publish","type":"post","link":"https:\/\/xlogic.org\/blog\/migliori-tools-web-designer-luglio-2016.html\/","title":{"rendered":"I migliori tools per i Web Designer &#8211; Luglio 2016"},"content":{"rendered":"<p><strong>I migliori tools per i Web Designer &#8211; Luglio 2016.\u00a0<\/strong>In passato gli sviluppatori dovevano creare il proprio sito web in maniera del tutto autonoma senza avere la possibilit\u00e0 di utilizzare dei tools che l&#8217;avrebbero aiutati a sviluppare il tutto, mentre da qualche anno, la situazione \u00e8 migliorata, ed ora gli sviluppatori hanno la possibilit\u00e0 di utilizzare degli strumenti utili a migliorare l&#8217;esperienza lavorativa.<\/p>\n<p>In passato gli sviluppatori dovevano creare le guide di stile manualmente, in questo articolo ti elenchiamo\u00a0i migliori strumenti che ti aiuteranno a generare le tue linee di stile:<\/p>\n<p>&nbsp;<\/p>\n<h2><a href=\"http:\/\/stylifyme.com\/\" target=\"blank\" rel=\"nofollow noopener\">Stylify me<\/a><\/h2>\n<p><img decoding=\"async\" class=\"alignnone wp-image-11160\" title=\"I migliori tools per i Web Designer - Luglio 2016\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/stylify.jpg\" alt=\"I migliori tools per i Web Designer - Luglio 2016\" width=\"400\" height=\"227\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/stylify.jpg 500w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/stylify-300x170.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Questo tool \u00e8 molto divertente e semplice da utilizzare; \u00e8 necessario incollare il link del proprio sito web e cliccare su Stylify me, il risultato? Otterrai rapidamente una panoramica dei modelli del sito, i colori, il font, le dimensioni e la spaziatura.<\/p>\n<p>Una volta ottenuto il risultato potrai scaricarlo mediante un file .pdf<\/p>\n<p>&nbsp;<\/p>\n<h2><a href=\"http:\/\/fbrctr.github.io\/\" target=\"blank\" rel=\"nofollow noopener\">Fabricator<\/a><\/h2>\n<p><img decoding=\"async\" class=\"alignnone wp-image-11161\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/fabricator.jpg\" alt=\"fabricator\" width=\"400\" height=\"211\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/fabricator.jpg 1229w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/fabricator-300x158.jpg 300w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/fabricator-768x404.jpg 768w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/fabricator-1024x539.jpg 1024w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Questo tool consente di organizzare il sistema di progettazione e di generare uno\u00a0stile; in pratica avrai a disposizione un vero e proprio kit di strumenti di interfaccia utente che ti permetteranno di progettare lo stile del tuo sito web.<\/p>\n<p>&nbsp;<\/p>\n<h2><a href=\"http:\/\/patternlab.io\/\" target=\"blank\" rel=\"nofollow noopener\">Pattern Lab<\/a><\/h2>\n<p><img decoding=\"async\" class=\"alignnone wp-image-11162\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/pattern.jpg\" alt=\"pattern\" width=\"400\" height=\"191\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/pattern.jpg 1351w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/pattern-300x143.jpg 300w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/pattern-768x367.jpg 768w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/pattern-1024x490.jpg 1024w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Pattern Lab \u00e8 una raccolta di strumenti che consente di creare un sistema di costruzione modulare; questo tool \u00e8 un generatore di siti statici che permetter\u00e0 di scegliere e personalizzare ogni singolo aspetto tra cui le pagine, gli stili, i template, etc.<\/p>\n<p>&nbsp;<\/p>\n<h2>Aigis<\/h2>\n<p><img decoding=\"async\" class=\"alignnone wp-image-11163\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/aigis.jpg\" alt=\"aigis\" width=\"400\" height=\"182\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/aigis.jpg 1350w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/aigis-300x137.jpg 300w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/aigis-768x350.jpg 768w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/aigis-1024x466.jpg 1024w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Con Aigis \u00e8 possibile generare guide di stile da qualsiasi file di testo come ad esempio .css | .scss | .styl | .MD , inoltre si pu\u00f2 anche scrivere la progettazione in Markdown e personalizzare il tema del proprio sito web.<\/p>\n<p>&nbsp;<\/p>\n<h2>SC5 Style guide generator<\/h2>\n<p><img decoding=\"async\" class=\"alignnone wp-image-11164\" src=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/styleguide.jpg\" alt=\"styleguide\" width=\"400\" height=\"191\" srcset=\"https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/styleguide.jpg 1348w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/styleguide-300x143.jpg 300w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/styleguide-768x366.jpg 768w, https:\/\/xlogic.org\/blog\/wp-content\/uploads\/2016\/07\/styleguide-1024x488.jpg 1024w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Attraverso questo tool sar\u00e0 possibile personalizzare la guida di stile del proprio sito web direttamente via Browser, si basa su KSS dove sono incluse alcune interessanti funzioni come ad esempio AngularJS che consente di visualizzare, cercare e testare gli stili.<\/p>\n<p>&nbsp;<\/p>\n<p>Alla prossima!<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I migliori tools per i Web Designer &#8211; Luglio 2016.\u00a0In passato gli sviluppatori dovevano creare il proprio sito web in maniera del tutto autonoma senza avere la possibilit\u00e0 di utilizzare dei tools che l&#8217;avrebbero aiutati a sviluppare il tutto, mentre da qualche anno, la situazione \u00e8 migliorata, ed ora gli sviluppatori hanno la possibilit\u00e0 di [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[5,1421],"tags":[1224,1223],"class_list":["post-11135","post","type-post","status-publish","format-standard","hentry","category-news","category-coding","tag-strumenti-web-designer","tag-tools-webdesigner"],"modified_by":"Andrea (Xlogic.org)","_links":{"self":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts\/11135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/comments?post=11135"}],"version-history":[{"count":0,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts\/11135\/revisions"}],"wp:attachment":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/media?parent=11135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/categories?post=11135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/tags?post=11135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}