{"id":1858,"date":"2011-01-28T12:04:30","date_gmt":"2011-01-28T14:04:30","guid":{"rendered":"https:\/\/www.kadunew.com\/blog\/?p=1858"},"modified":"2011-01-28T12:06:28","modified_gmt":"2011-01-28T14:06:28","slug":"ferramentas-online-para-web-designers","status":"publish","type":"post","link":"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers","title":{"rendered":"Ferramentas online para Web Designers"},"content":{"rendered":"
\"Ferramentas
Ferramentas para web designers<\/figcaption><\/figure>\n

Hoje em dia existem muitas ferramentas para Web Designers<\/strong> que podem facilmente serem encontradas na internet. Muitas dessas ferramentas servem para realizar tarefas com facilidade e rapidez. Cada desenvolvedor tem sua lista de ferramentas, hoje vou mostrar algumas das ferramentas que uso no meu dia a dia.<\/p>\n

Confira algumas dessas ferramentas<\/strong> abaixo, algumas delas v\u00e3o melhorar sua produtividade durante seu trabalho.
\n<\/p>\n

Typetester<\/a><\/h2>\n

Aplicativo para fazer a compa\u00e7\u00e3o de fontes<\/strong>. As fontes dispon\u00edveis s\u00e3o as mais comununs, entre elas, arial, verdana, Georgia. Al\u00e9m de trocar de fonte voc\u00ea pode escolher tamanho, cores e outras configura\u00e7\u00f5es…
\n

\"typetester
typetester comparador de fontes<\/figcaption><\/figure><\/a><\/p>\n

Icon Finder<\/a><\/h2>\n

O uso de \u00edcones em trabalhos impressos e em sites est\u00e3o cada vez maior. Para achar seus \u00edcones nada melhor que um buscador de icones<\/strong>.
\n

\"Site
Site de busca de Icones<\/figcaption><\/figure><\/a><\/p>\n

Rounded Corner<\/a><\/h2>\n

Esse aplicativo gera um c\u00f3digo HTML e CSS para simular uma div com cantos arredondados utilizando imagens. O aplicativo vai criar quatro arquivos de imagem, os htmls necess\u00e1rios e o c\u00f3digo CSS para colocar cantos arredondados em torno do seu conte\u00fado. Essa t\u00e9cnica j\u00e1 se encontra ultrapassada uma vez que podemos fazer uso das propriedades CSS3<\/a> para tal finalidade.
\n

\"Rounded
Rounded Corner<\/figcaption><\/figure><\/a><\/p>\n

Vecteezy<\/a><\/h2>\n

Obtenha gratuitamente gr\u00e1ficos vetoriais.
\n

\"Vecteezy
Vecteezy gr\u00e1ficos vetoriais<\/figcaption><\/figure><\/a><\/p>\n

Photoshop Brushes<\/a><\/h2>\n

Pinc\u00e9is (Brushes) photoshop<\/a> \u00e9 uma \u00f3tima maneira de acrescentar um toque de beleza e profissionalismo em seus trabalhos. Para pesquisar os pinc\u00e9is voc\u00ea pode utilizar a op\u00e7\u00e3o de filtro e tamb\u00e9m a op\u00e7\u00e3o de vers\u00f5es do aplicativo.
\n

\"Site
Site com diversos Brushes para photoshop<\/figcaption><\/figure><\/a><\/p>\n

CSS3 Made Simple<\/a><\/h2>\n

\"CSS3
CSS3 Generator - Gerador css3<\/figcaption><\/figure><\/a><\/p>\n

A grande maioria dos navegadores hoje em dia j\u00e1 tem suporte \u00e0s propriedades CSS3<\/strong>. Pensando nisso o site CSS3 Generator<\/strong> desenvolveu um aplicativo online capaz de gerar as principais propriedades CSS3<\/strong> sem a necessidade do desenvolvedor, ou Web Designer saber essas propriedades.<\/p>\n

Para usar a ferramenta voc\u00ea seleciona um tipo de efeito que voc\u00ea est\u00e1 tentando criar a partir de uma lista drop-down<\/em>, modifica algumas configura\u00e7\u00f5es e obt\u00e9m um bloco de c\u00f3digo CSS para copiar. Os efeitos incluem cantos arredondados, sombras, gradientes, etc.<\/p>\n

Galeria de Inspira\u00e7\u00e3o para Web Designer<\/a><\/h2>\n

Uma situa\u00e7\u00e3o muito comum principalmente para quem trabalha com Design \u00e9 a falta de criatividade para desenhar seus layouts, ilustra\u00e7\u00f5es, etc. Quem j\u00e1 n\u00e3o ficou por horas em frente ao Photoshop<\/a> com a p\u00e1gina branca, sem saber que cor usar, que desenho fazer… Nessas situa\u00e7\u00f5es \u00e9 interessante dar uma olhada em \u201cgalerias de inspira\u00e7\u00f5es para Web Design\u201d, que nada mais s\u00e3o que uma cole\u00e7\u00e3o de trabalhos. Esses tipos de sites t\u00eam sido extremamente influentes na escolha de Layouts para os projetos dos Designers.
\n

\"Galeria
Galeria de Inspira\u00e7\u00e3o para Web Designers<\/figcaption><\/figure><\/a><\/p>\n

Galeria de Inspira\u00e7\u00e3o de CSS<\/a><\/h2>\n

Quem trabalha com Internet sabe o poder das CSS. Esse site re\u00fane uma cole\u00e7\u00e3o de sites onde o destaque fica por parte das famosas folhas de estilos, o site tamb\u00e9m pode ser usado como uma fonte de inspira\u00e7\u00e3o para desenhar seus layouts<\/strong>.
\n

\"CSS
CSS drive - Galeria css<\/figcaption><\/figure><\/a><\/p>\n

Me siga no Twitter: @kadunew<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Hoje em dia existem muitas ferramentas para Web Designers que podem facilmente serem encontradas na internet. Muitas dessas ferramentas servem para realizar tarefas com facilidade e rapidez. Cada desenvolvedor tem sua lista de ferramentas, hoje vou mostrar algumas das ferramentas que uso no meu dia a dia. Confira algumas dessas ferramentas abaixo, algumas delas v\u00e3o […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[53,55],"class_list":["post-1858","post","type-post","status-publish","format-standard","hentry","category-web-design","tag-links","tag-web-design"],"yoast_head":"\nFerramentas online para Web Designers<\/title>\n<meta name=\"description\" content=\"Artigo que mostra algumas das in\u00fameras ferramentas online para Web Designers. Utilize essas ferramentas que ir\u00e3o facilitar seu trabalho.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ferramentas online para Web Designers\" \/>\n<meta property=\"og:description\" content=\"Artigo que mostra algumas das in\u00fameras ferramentas online para Web Designers. Utilize essas ferramentas que ir\u00e3o facilitar seu trabalho.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers\" \/>\n<meta property=\"og:site_name\" content=\"KADUNEW\" \/>\n<meta property=\"article:published_time\" content=\"2011-01-28T14:04:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2011-01-28T14:06:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2011\/01\/ferramentas-para-webdesigners1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"399\" \/>\n\t<meta property=\"og:image:height\" content=\"210\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kadu Oliveira\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kadu Oliveira\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers\",\"url\":\"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers\",\"name\":\"Ferramentas online para Web Designers\",\"isPartOf\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2011\/01\/ferramentas-para-webdesigners1.png\",\"datePublished\":\"2011-01-28T14:04:30+00:00\",\"dateModified\":\"2011-01-28T14:06:28+00:00\",\"author\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05\"},\"description\":\"Artigo que mostra algumas das in\u00fameras ferramentas online para Web Designers. Utilize essas ferramentas que ir\u00e3o facilitar seu trabalho.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers#primaryimage\",\"url\":\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2011\/01\/ferramentas-para-webdesigners1.png\",\"contentUrl\":\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2011\/01\/ferramentas-para-webdesigners1.png\",\"width\":\"399\",\"height\":\"210\",\"caption\":\"Ferramentas para web designers\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.kadunew.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\/\/www.kadunew.com\/blog\/category\/web-design\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Ferramentas online para Web Designers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#website\",\"url\":\"https:\/\/www.kadunew.com\/blog\/\",\"name\":\"KADUNEW\",\"description\":\"Artigos sobre Front-End e Programa\u00e7\u00e3o web\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.kadunew.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05\",\"name\":\"Kadu Oliveira\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g\",\"caption\":\"Kadu Oliveira\"},\"sameAs\":[\"https:\/\/www.kadunew.com\/blog\"],\"url\":\"https:\/\/www.kadunew.com\/blog\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ferramentas online para Web Designers","description":"Artigo que mostra algumas das in\u00fameras ferramentas online para Web Designers. Utilize essas ferramentas que ir\u00e3o facilitar seu trabalho.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers","og_locale":"pt_BR","og_type":"article","og_title":"Ferramentas online para Web Designers","og_description":"Artigo que mostra algumas das in\u00fameras ferramentas online para Web Designers. Utilize essas ferramentas que ir\u00e3o facilitar seu trabalho.","og_url":"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers","og_site_name":"KADUNEW","article_published_time":"2011-01-28T14:04:30+00:00","article_modified_time":"2011-01-28T14:06:28+00:00","og_image":[{"width":399,"height":210,"url":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2011\/01\/ferramentas-para-webdesigners1.png","type":"image\/png"}],"author":"Kadu Oliveira","twitter_misc":{"Escrito por":"Kadu Oliveira","Est. tempo de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers","url":"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers","name":"Ferramentas online para Web Designers","isPartOf":{"@id":"https:\/\/www.kadunew.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers#primaryimage"},"image":{"@id":"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers#primaryimage"},"thumbnailUrl":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2011\/01\/ferramentas-para-webdesigners1.png","datePublished":"2011-01-28T14:04:30+00:00","dateModified":"2011-01-28T14:06:28+00:00","author":{"@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05"},"description":"Artigo que mostra algumas das in\u00fameras ferramentas online para Web Designers. Utilize essas ferramentas que ir\u00e3o facilitar seu trabalho.","breadcrumb":{"@id":"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers#primaryimage","url":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2011\/01\/ferramentas-para-webdesigners1.png","contentUrl":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2011\/01\/ferramentas-para-webdesigners1.png","width":"399","height":"210","caption":"Ferramentas para web designers"},{"@type":"BreadcrumbList","@id":"https:\/\/www.kadunew.com\/blog\/web-design\/ferramentas-online-para-web-designers#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.kadunew.com\/blog"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/www.kadunew.com\/blog\/category\/web-design"},{"@type":"ListItem","position":3,"name":"Ferramentas online para Web Designers"}]},{"@type":"WebSite","@id":"https:\/\/www.kadunew.com\/blog\/#website","url":"https:\/\/www.kadunew.com\/blog\/","name":"KADUNEW","description":"Artigos sobre Front-End e Programa\u00e7\u00e3o web","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kadunew.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05","name":"Kadu Oliveira","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g","caption":"Kadu Oliveira"},"sameAs":["https:\/\/www.kadunew.com\/blog"],"url":"https:\/\/www.kadunew.com\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/1858"}],"collection":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/comments?post=1858"}],"version-history":[{"count":34,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/1858\/revisions"}],"predecessor-version":[{"id":1903,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/1858\/revisions\/1903"}],"wp:attachment":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/media?parent=1858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/categories?post=1858"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/tags?post=1858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}