{"id":5231,"date":"2016-11-17T22:19:12","date_gmt":"2016-11-18T00:19:12","guid":{"rendered":"https:\/\/www.mxcursos.com\/blog\/?p=5231"},"modified":"2019-07-26T11:43:16","modified_gmt":"2019-07-26T14:43:16","slug":"8-geradores-online-que-todo-desenvolvedor-deveria-conhecer","status":"publish","type":"post","link":"https:\/\/www.mxcursos.com\/blog\/8-geradores-online-que-todo-desenvolvedor-deveria-conhecer\/","title":{"rendered":"8 geradores online que todo desenvolvedor deveria conhecer"},"content":{"rendered":"

Sabemos que desenvolvedores geralmente possuem solu\u00e7\u00e3o para tudo, n\u00e3o \u00e9 verdade? Mas tamb\u00e9m concordamos que nos dias de hoje, “time is money”<\/em> e para otimizar e agilizar seus trabalhos nada melhor do que recursos que facilitem seu dia-a-dia.<\/p>\n

E para ajudar nesta miss\u00e3o, listo aqui 8 geradores online que todo desenvolvedor deveria conhecer.<\/p>\n

Ah, e claro! Se quiser se aprofundar e se aperfei\u00e7oar em desenvolvimento, conhe\u00e7a nossos cursos online de Front-End<\/a>.<\/p>\n

Vamos l\u00e1?<\/p>\n

1. Border Radius Generator<\/a><\/h2>\n

\"Geradores<\/a><\/p>\n

Todo desenvolvedor que se preza conhece o border-radius (Ao menos, deveria n\u00e9?). Contudo, ter uma ferramenta que gera esta propriedade do CSS3 que arredonda os cantos de um elemento, traz bastante otimiza\u00e7\u00e3o ao seu trabalho.<\/p>\n

O gerador de Border Radius facilita este trabalho e em poucos segundos voc\u00ea j\u00e1 tem acesso ao c\u00f3digo CSS para implementar seus projetos.<\/p>\n

Acesse o gerador<\/a><\/strong><\/p>\n

2. Gerador de Gradient Background CSS<\/a><\/h2>\n

\"Gerador<\/a><\/p>\n

Outra propriedade do CSS \u00e9 o background gradiente. Atrav\u00e9s dele \u00e9 poss\u00edvel criar um efeito gradiente em um elemento de forma simples e pr\u00e1tica e o melhor: Sem usar imagens.<\/p>\n

Acesse o gerador<\/a><\/strong><\/p>\n

3. CSS Opacity\/Transparency Generator<\/a><\/h2>\n

Opacity \u00e9 uma propriedade do CSS incr\u00edvel. Com ela, \u00e9 poss\u00edvel esmaecer ou criar uma opacidade em um elemento ou imagem. \u00c9 bastante \u00fatil no dia-a-dia do desenvolvedor.<\/p>\n

O gerador cria rapidamente o c\u00f3digo e ainda habilita\u00a0suporte ao IE 6>9<\/p>\n

Acesse o gerador<\/a><\/strong><\/p>\n

4.\u00a0iFrame Generator<\/a><\/h2>\n

\"iFrame<\/a><\/p>\n

O iframe \u00e9 uma tag do HTML que j\u00e1 foi febre. Atualmente \u00e9 pouco utilizada face \u00e0s melhorias nas linguagens e recursos, mas dependendo das necessidades, pode ser uma sa\u00edda paliativa.<\/p>\n

O gerador de iFrame \u00e9 bastante \u00fatil e rapidamente voc\u00ea poder\u00e1 configurar suas propriedades como largura, altura, borda, margem, etc.<\/p>\n

Acesse o gerador<\/a><\/strong><\/p>\n

5.\u00a0CSS Menu Generator<\/a><\/h2>\n

\"CSS<\/a><\/p>\n

Outro gerador incr\u00edvel \u00e9 o CSS Menu Generator. Atrav\u00e9s dele \u00e9 poss\u00edvel criar diversos modelos de menus com hierarquia (Sub-menus) e estiliz\u00e1-las para que se adequem ao visual do seu site.<\/p>\n

O gerador tamb\u00e9m possui diversas configura\u00e7\u00f5es que permitem mudar cor, estilo, bordas, espa\u00e7amentos, largura, altura, enfim, voc\u00ea poder\u00e1 customiz\u00e1-lo por completo.<\/p>\n

Acesse o gerador<\/a><\/strong><\/p>\n

6.\u00a0Image Slider Generator<\/a><\/h2>\n

\"Image<\/a><\/p>\n

Os Sliders s\u00e3o recursos que trazem movimento e otimiza\u00e7\u00e3o ao site. Para desenvolver um Slider \u00e9 necess\u00e1rio amplo conhecimento em HTML5, CSS3 e uma biblioteca como jQuery.<\/p>\n

Este gerador permite a cria\u00e7\u00e3o de Sliders de imagens com bullets, arrows, entre diversos outros elementos e recursos.<\/p>\n

Acesse o gerador<\/a><\/strong><\/p>\n

7.\u00a0CSS Buttons Generator<\/a><\/h2>\n

\"CSS<\/a><\/p>\n

Eu que j\u00e1 viajo no “mundo dev”<\/em> desde o in\u00edcio da web comercial no Brasil, me recordo de quando criar bot\u00f5es acqua era febre. O tempo passou e os Flats e Minimalism’s tomaram conta do peda\u00e7o.<\/p>\n

Embora saber criar bot\u00f5es estilizados seja uma obriga\u00e7\u00e3o b\u00e1sica de qualquer dev, ter uma ferramenta que crie bot\u00f5es lindos \u00e9 uma m\u00e3o na roda, n\u00e3o \u00e9 mesmo?<\/p>\n

Este gerador atende o que se prop\u00f5e e cria bot\u00f5es incr\u00edveis com total possibilidade de customiza\u00e7\u00e3o.<\/p>\n

Acesse o gerador<\/a><\/strong><\/p>\n

8.\u00a0Modal Generator<\/a><\/h2>\n

Os Modais jQuery<\/strong> trouxeram modernidade, flexibilidade e otimiza\u00e7\u00e3o aos projetos web. \u00c9 uma vers\u00e3o mais moderna dos antigos popup\u2019s HTML.<\/p>\n

Com o recurso de bloqueio de popup\u2019s dos navegadores mais recentes, o uso de Modais em jQuery virou febre e uma solu\u00e7\u00e3o bastante eficaz. Ali\u00e1s, tratei bem de Modais neste artigo aqui<\/a>.<\/p>\n

Este gerador cria Modais do BootStrap\u00a0e voc\u00ea pode adequ\u00e1-lo melhor ao seu projeto.<\/p>\n

Acesse o gerador<\/a><\/strong><\/p>\n

Dica:<\/strong> Quer se especializar ou potencializar seus conhecimentos em Desenvolvimento Front-End e dominar tecnologias e linguagens como HTML5, CSS3, Javascript, jQuery, Bootstrap, entre outros? Conhe\u00e7a nossos cursos online<\/a> e decole sua carreira.<\/p>\n

Gostou da lista? Conhece algum outro gerador importante? Deixe seu coment\u00e1rio e compartilhe.<\/p>\n

Para os Devs, esses geradores s\u00e3o ferramentas de otimiza\u00e7\u00e3o, mas sempre trabalhem em aprender a desenvolverem seus pr\u00f3prios c\u00f3digos.<\/em><\/p>\n

Abra\u00e7os e at\u00e9 a pr\u00f3xima.<\/p>\n","protected":false},"excerpt":{"rendered":"

Sabemos que desenvolvedores geralmente possuem solu\u00e7\u00e3o para tudo, n\u00e3o \u00e9 verdade? Mas tamb\u00e9m concordamos que nos dias de hoje, “time is money” e para otimizar e agilizar seus trabalhos nada melhor do que recursos que facilitem seu dia-a-dia. E para ajudar nesta miss\u00e3o, listo aqui 8 geradores online que todo desenvolvedor deveria conhecer. Ah, e […]<\/p>\n","protected":false},"author":83,"featured_media":18854,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[678],"tags":[1177,1181,1274,1275,1269],"class_list":["post-5231","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimento","tag-css","tag-css3","tag-geradores-online","tag-iframe","tag-slides"],"_links":{"self":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/5231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/comments?post=5231"}],"version-history":[{"count":0,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/5231\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media\/18854"}],"wp:attachment":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media?parent=5231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/categories?post=5231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/tags?post=5231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}