Olá pessoas, neste repositório estão organizados os principais links para vários serviços, componenetes e ferramentas relacionadas ao desenvolvimento web.
Segue um índice para navegação.
- Design Assets
- Imagens vetorizadas
- Ícones
- Paleta de Cores
- Tutoriais e Cursos
- Downloads e Inspirações
- Ferramentas e Tecnologia
- Tecnologias Diversas
- Podcasts
- Usabilidade e Pesquisa
- Arquitetura de Informação, Fluxogramas e SiteMaps
- Wireframes e Prototipação
- Codificação
- Codificação online
- SEO & Otimização
- Compressão de Imagens
- UI & UI
- Transferência de Arquivo
- Conferência
Na tabela a seguir estão alguns bancos de imagens que podem ser utilizadas para compor um layout web.
A idéia foi reunir links de bancos de imagens com distribuiçào gratúita.
Link | Descrição |
---|---|
http://gratisography.com 🔥 | Banco de imagens gratúitas e hipsters |
http://visualhunt.com | Banco de imagens |
https://www.pexels.com | Banco de fotografias grátis |
http://epicantus.tumblr.com | Tumblr com fotos grátis e originais |
http://kaboompics.com | Banco de imagens |
http://mmtstock.com | Banco de imagens grátis para uso comercial |
http://bit.ly/2OktBT3 | Banco de imagens grátis |
http://jaymantri.com | Banco de imagens grátis |
http://snapwiresnaps.tumblr.com | Thumblr com imagens gratúitas |
http://freestocks.org | Banco de imagens grátis |
http://getrefe.tumblr.com | Thumblr com imagens gratúitas |
http://nos.twnsnd.co | Banco de imagens vintage |
http://www.imcreator.com/free | Banco de imagens grátis |
https://picjumbo.com | Imagens grátis enviadas por email |
http://deathtothestockphoto.com | Imagens grátis enviadas por email |
http://www.lifeofpix.com | Imagens grátis em alta resolução |
http://littlevisuals.co | 7 imagens em alta resolução em seu email |
http://www.splitshire.com | Banco de imagens e videos em alta grátis |
http://negativespace.co | Banco de imagens alta resolução grátis |
https://unsplash.com | Bonitas fotos gratúitas |
https://stocksnap.io | Bonitas fotos gratúitas |
http://jeshoots.com | Banco de imagens gratúitas |
http://pixabay.com | Banco de imagens gratúitas |
http://cupcake.nilssonlee.se 🔥 | Banco de imagens gratúitas e hipsters |
http://www.uhdwallpapers.org | Banco de wallpappers gratúitas em HD |
http://foodiesfeed.com | Banco de imagens de comidas gratúitas |
http://www.raumrot.com/10 | Lista com bancos de imagens |
http://graphicburger.com | Vetores, mock-ups, icons e etc |
http://instantlogosearch.com | Grande acervo de logos |
http://www.brusheezy.com | Arquivos em psd, brushes e actions free |
http://freepsds.org | Arquivos em PSD |
http://pt.365psd.com | Arquivos em PSD |
http://www.pixeden.com | Arquivos em PSD |
http://www.premiumpixels.com | Arquivos em PSD |
http://freebiesbug.com | Arquivos em PSD |
http://pt.clipart.me | Arquivos em PSD |
http://uidock.com | Arquivos em PSD |
http://www.freepik.com | Arquivos em PSD |
http://freepsdfiles.net | Arquivos em PSD |
http://www.psdgraphics.com | Arquivos em PSD |
http://psdreams.com | Arquivos em PSD |
http://www.brusheezy.com/psds | Arquivos em PSD |
http://psdblast.com | Arquivos em PSD |
Alguns links para achar imagens vetorizadas.
Link | Descrição |
---|---|
http://www.vecteezy.com | Imagens vetorizadas |
http://vector.so | Imagens vetorizadas |
http://www.freevectors.net | Imagens vetorizadas |
https://www.vectorstock.com | Imagens vetorizadas |
http://pt.vector.me | Imagens vetorizadas |
http://www.freevector.com | Imagens vetorizadas |
Links para biblioteca de ícones
Link | Descrição |
---|---|
https://icomoon.io | Biblioteca de ícones |
http://paymentfont.io | Biblioteca de ícones |
http://iosicongallery.com | Biblioteca de ícones |
https://www.iconfinder.com | Biblioteca de ícones |
http://findicons.com | Biblioteca de ícones |
http://www.iconarchive.com | Biblioteca de ícones |
http://iconmonstr.com | Biblioteca de ícones |
http://flaticons.net | Biblioteca de ícones |
http://famfamfam.com | Biblioteca de ícones |
http://www.iconspedia.com | Biblioteca de ícones |
http://fonticons.net | Biblioteca de ícones |
http://flaticon.io | Biblioteca de ícones |
http://fontello.com | Biblioteca de ícones |
Opções para criação de paleta de cores;
Link | Descrição |
---|---|
http://colorphile.com | Paleta de Cores |
http://clrs.cc | Palera de Cores |
http://brandcolors.net | Cores de logos e empresas famosas |
http://cymbolism.com | Significado das cores |
Seguem alguns links para canais, tutoriais e cursos para diversas áreas.
Link | Descrição |
---|---|
http://bit.ly/2y0kIYp 🔥 | CollabCode - Cursos Web |
http://bit.ly/2uQZo66 | Hugo Vasconcelos - Tutoriais em Geral |
http://bit.ly/2NO0pmm | Brainstorm Tutoriais - Edição de Vídeo |
http://bit.ly/2LtBbNu | DD Tutoriais |
http://bit.ly/2OkGJYw | Clube do Design |
http://bit.ly/2NKSMx6 | RBTech |
http://bit.ly/2AeYYvs | HXTutors |
http://bit.ly/2JYBvya | PSD Box |
http://bit.ly/2JXY4TJ | PHLearn - Photoshop Tutorials |
http://bit.ly/2Ad8oYx | Walter Mattos - Design |
http://bit.ly/2vbDMAC | Amarelo Criativo |
http://bit.ly/2LDhzWy | CreativeStation |
http://bit.ly/2mKpLpZ | Cursos Variádos Web |
Seguem alguns links com downloads e inspirações para o desenvolvimento web.
Link | Descrição |
---|---|
http://bit.ly/2mPvWca | Mais de 9GB de Mockups e PSDs |
http://tympanus.net/codrops/ 🔥 | Exemplos em CSS para inspirar |
https://codyhouse.co/library/ | Coleção de Bibliotecas CSS e JavaScript |
http://bit.ly/2uUV7P6 | Ferramentas gratúitas para criativos |
http://bit.ly/2AhmJ65 | 50 Recursos de referências para designers |
http://waltermattos.com/biblioteca/ | Recomendações de livros |
https://resourcecards.com/ | Recursos variados: Fotos, Icones, Fontes... |
http://bit.ly/2LuO0ad | Livros sobre Design |
http://bit.ly/2vcz8ma | 500 Backgrounds |
http://bit.ly/2LVxXhQ | Vários Gradientes |
http://bit.ly/2Lxi598 | Paterns para Photoshop |
http://bit.ly/2Lxi598 | Paterns para Photoshop |
Seguem alguns links com ferramentas e tecnologias para o desenvolvimento web.
Link | Descrição |
---|---|
http://www.heropatterns.com/ | Background Patterns Svg |
http://bit.ly/2AizJbB 🔥 | Curso sobre Docker |
Alguns links relacionados a tecnologia JavaScript.
Link | Descrição |
---|---|
http://bit.ly/2LLirsi | Novidades no ECS6 |
http://bit.ly/2vfBmRy | Validação de Cartão de Crédito |
http://bit.ly/2vad7Ez | Programação JavaScript Funcional |
http://umbrellajs.com | Alternativa ao JQuery |
http://bit.ly/2Ly0RIY | Notificações em JavaScript |
http://fullcalendar.io | Calendário em JavaScript |
http://leafletjs.com | Manipulação de Mapas |
http://jvectormap.com | Criação de Mapas |
http://bit.ly/2OnODQX | Alerta em JavaScript |
http://bit.ly/2uUbMlO | Alerta em JavaScript |
https://codemirror.net | Editor de Texto em JavaScript |
http://bit.ly/2AfHdvX | JavaScript Hacks |
http://jstherightway.org | JavaScript da Forma Correta |
http://nipher.io/ES6-arrow-functions | Arrow Functions ES6 |
http://bit.ly/2AkP5fO | Map Reduce |
http://bit.ly/2LUa0rf | O que TODO dev JavaScript precisa saber |
http://www.dropzonejs.com | Drag and Drop Upload |
http://flipclockjs.com | Relógio Flip |
https://formspree.io/ | Envio de Email de Páginas Estáticas |
https://bit.ly/1j6hetV | Uma moderna introdução ao JavaScript |
https://learnjavascript.online/ | Curso de JavaScript |
Links para plugins JQuery e Frameworks JavaScript.
Link | Descrição |
---|---|
http://bit.ly/2K2ApBJ | Loading de imagens com porcentagem |
http://bit.ly/2OoeoQY | Typed.js - Efeito de escrita |
http://bit.ly/2OqmEjt | Howler - Biblioteca de Sons |
http://bit.ly/2K2Cuxx | Contagem regressiva |
http://underscorejs.org | Biblioteca JavaScript |
http://masonry.desandro.com | Layout em grid dinâmico |
http://isotope.metafizzy.co | Filtros e ordenação em layouts |
http://flickity.metafizzy.co | Carrosel touch e responsivo |
http://bit.ly/2NR5ydn 🔥 | Carrosel Owl |
http://bit.ly/2NSfrI0 | Vivus - Animações SVG com JS |
http://t4t5.github.io/sweetalert | Alert com JavaScript |
http://slippry.com | Slider com JavaScript |
http://bit.ly/2LX0aoL | TimeSheet.js - Timeline |
http://bit.ly/2LICzv7 | Dropdown personalizado |
https://select2.org/ | Dropdown personalizado |
http://bit.ly/2Oo2mY0 | Cropper para imagens |
http://icheck.fronteed.com | Personalizar checkbox e radio |
http://bit.ly/2mOQiCo | Switch com visual IOS |
https://jqueryvalidation.org | Validação com JQuery |
http://bit.ly/2LK2QJn | Background em sites |
http://bit.ly/2NNFHTN | CEP via JQuery |
http://bit.ly/2Ai2qoZ | Lazy Load Images |
Dicas e links gerais sobre HTML.
Link | Descrição |
---|---|
http://bit.ly/2K2PFOX | Legendas em vídeos no HTML |
http://bit.ly/2OrMtQ2 | Cheat Sheets for Frontend Developers |
https://getmdl.io/ | Material Design Lite |
http://bit.ly/2vbCGVO | Desenhar com SVG |
http://bit.ly/2vcowDB | Vídeos como Background |
http://bit.ly/2LXwoA8 | Manipulando SVG com JavaScript |
http://bit.ly/2GtUZ0U | Experiências com SVG |
http://bit.ly/2LxY5TV | SVG com Smil |
http://bit.ly/2Lzh292 | Seções Full Screen |
http://bit.ly/2NSKmE9 | Usando SVG Sprites |
http://bit.ly/2Ag5xxI | Upload de arquivos em HTML5 |
http://bit.ly/2Okaitj | Vetor com SVG |
http://bit.ly/2OoE00g | Animação SVG |
http://bit.ly/2uYd3sf | Header animado on Scroll |
https://www.tinymce.com | Editor de Textos Web |
http://bit.ly/2K9bpc4 | TimeLine |
http://bit.ly/2M01OFV | Logo responsiva com SVG |
http://bit.ly/2LKzj2d | Efeito Paralax |
http://bit.ly/2NSWgh5 | Ícones em SVG |
https://html5up.net/ | Templates em HTML . |
Links sobre CSS.
Alguns links e tecnologias sobre Wordpress.
Link | Descrição |
---|---|
http://html5blank.com | Um tema limpo para customização |
http://bit.ly/2AjSHP7 | Tema Kalium |
http://bit.ly/2NOdDzu | Tema Divi |
https://www.advancedcustomfields.com | Plugin para customização de campos |
http://bit.ly/2mQ9AHJ | Tutorial ACF |
http://bit.ly/2uZ2DbL | WooCommerce |
Alguns links sobre a linguagem de programação PHP.
Link | Descrição |
---|---|
http://bit.ly/2vccIl1 | Facebook e PHP |
http://reactphp.org | ReactPHP |
http://socketo.me | Websockets com PHP |
http://www.codeigniter.com | Framework Codeingniter para PHP |
http://bit.ly/2uZU28H | PDF com PHP |
http://bit.ly/2vhwifu | Manipulação de Imagens |
https://cakephp.org/ | CakePHP |
https://laravel.com/ | Laravel |
Um apanhado de links sobre diversas tecnologias.
Link | Descrição | Tecnologia |
---|---|---|
http://bit.ly/2NQTdWO | Segurança no Apache | Apache |
https://do.co/2NVLYgq | Apache vs. Nginx | Servidor Web |
http://bit.ly/2mSTygg | Tutorial Básico NodeJS | NodeJS |
http://bit.ly/2vfRrHb | Criando um executável com NodeJS | NodeJS |
http://bit.ly/2mU3bLn | Transformando ECS6 em ECS5 | NodeJS |
http://bit.ly/2LyyCJW | RSS Feed Emitter | NodeJS |
http://webschool.io/bemean | Básico do MEAN | MongoDB |
http://bit.ly/2AhEzGf | Usando JSON com MySQL | MySQL + JSON |
http://bit.ly/2mNnwlE | Material Theme para o SublimeText | SublimeText |
http://bit.ly/2K5ooLG | Temas e Plugins | SublimeText |
https://github.com/tonsky/FiraCode | Fonte Para Editores de Texto | SublimeText |
https://www.web-font-generator.com | Gerador de Fontes para CSS + HTML | Tipografia |
http://bit.ly/2AlL6zI | Gerador de Fontes para CSS + HTML | Tipografia |
http://bit.ly/2Os8qyv | Butler Font | Tipografia |
https://onlinefontconverter.com | Conversor de Fonte Online | Tipografia |
http://bit.ly/2vcehiT | Tutorial Git | Git |
http://bit.ly/2H2dciU | Do clone ao Pull Request | Git |
http://bit.ly/2NLoVVl | Git e GitHub para iniciantes | Git |
http://bit.ly/2pYO9Gh | Básico do Branch e Merge | Git |
http://bit.ly/2v14vAE | Dicas para usar o GitHub | Git |
http://bit.ly/2mQ9rnq | Temas para Linux | Linux |
https://do.co/2OpKzzD | Como usar ps e kill | Linux |
http://imgur.com/1c9y0 | Terminal Commands | Linux |
http://bit.ly/2AmsTSA | Otimizando Web Apps IOS | Otimização |
https://browserdiet.com/pt | Como perder peso no browser | Otimização |
http://pastebin.com/ZA9shjxU | Exemplo Web Database | Web Database |
http://bit.ly/2LUTkQr | Metodologia Solo | Projetos |
https://www.slack.com | Ferramenta de Couminçação | Projetos |
https://www.rocket.chat | Ferramenta de Couminçação | Projetos |
https://asana.com | Ferramenta de Comunicação | Projetos |
http://devdocs.io | Documentações Variadas | Documentação |
http://bit.ly/2v04SeP | Links Interessantes | Links |
http://ionicframework.com | Ionic Desenvolvimento Híbrido | Híbridos |
http://bit.ly/2LK1Yog | Vídeo Call | Vídeo Call |
http://bit.ly/2vgrHKD | Usabilidade -> Conversão | Usabilidade |
http://bit.ly/2uXEFO9 | Como se tornar um desenvolvedor Front-End | Motivação |
http://bit.ly/2mQ9waP | Trezentas coisas Gratuitas para Startups | Dica |
http://bit.ly/2KadhRA | Extensões Gratuitas para Photoshop | Photoshop |
https://www.mailpile.is | Cliente de Email Local | |
http://it-ebooks-search.info | Ebooks Gratuitos | Livros |
http://www.allitebooks.com | Livros de TI | Livros |
http://libgen.io | Materiais Gratuitos | Materiais |
http://bit.ly/2mPSppF | Elastic Search | Elastic Search |
http://bit.ly/2NSOX9e | Hospedando seu site no GitHub | Hospedagem |
http://www.mettzer.com | TCC nas normas ABNT | TCC |
http://codeseven.github.io/toastr | Toast | Interface |
http://www.json-generator.com | Gerador de JSON | JSON |
https://markdown-it.github.io | Markdown live preview | Markdown |
https://material.io/resizer | Resizer do Google | Resizer |
http://bit.ly/2Altfc7 | Expressões Regulares | Exp. Regular |
http://instacod.es | Imagem para códigos instagram | Outros |
http://www.z-cron.com | Cron no Windows | Cron |
http://bit.ly/2Osbb38 | Processo de Criação Web | Dev. Web |
http://bit.ly/2K5MPJ7 | Npm Init defaults | NodeJS |
http://bit.ly/2GoEO0t | MSG de Inicializaço do Terminal | Terminal |
https://carbon.now.sh/ | Para compartilhar códigos elegantes | Outros |
https://flaviocopes.com/page/ebooks/ | Vários ebooks sobre JavaScript | Ebooks |
https://bit.ly/2m4ljEv | Developer-roadmap 2019 | Guia carreira |
Alguns podcasts que recomendamos.
Link | Descrição |
---|---|
http://aparelhoeletrico.com/podcast | Podcast em PT-BR |
https://hipsters.tech | Podcast em PT-BR |
http://devnaestrada.com.br | Podcast em PT-BR |
http://bit.ly/2OroK2M | Jovem Nerd Tech |
https://www.podtag.com.br/ | Podcast de Tecnologia |
https://www.likeaboss.com.br/ | Podcast de Empreendedorismo |
https://bit.ly/2XaRncx | Diversos Podcasts em inglês |
https://bit.ly/325Kb06 | Podcast Carreiras sem Fronteiras |
Ferramentas para usabilidade e pesquisa para briefing.
Link | Descrição |
---|---|
https://usabilityhub.com | UsabilityHub |
https://usabilla.com | Usabilla |
https://www.techsmith.com/morae.html | Morae |
http://www.testaisso.com.br | Testaisso |
https://dribbble.com | Dribbble |
https://www.behance.net | Behance |
http://www.materialup.com | MaterialUp |
https://br.pinterest.com | Pintrest |
http://www.calltoidea.com | Calltoidea |
Ferramentas para Arquitetura da Informação, Fluxogramas e SiteMaps.
Link | Descrição |
---|---|
https://docs.google.com/drawings | Google Draw |
https://www.draw.io | Draw.io |
https://www.gliffy.com | Gliffy |
http://www.axure.com | Axure |
Ferramentas para Wireframes e Prototipação.
Link | Descrição |
---|---|
http://www.axure.com | Axure |
http://quirktools.com/wires/p0njrs | QuirkTools |
http://www.pixate.com | Pixate |
http://www.invisionapp.com | Invision |
https://adobe.ly/2Aiahmx | Adobe XD |
https://balsamiq.com | Balsamiq |
Ferramentas para Codificação.
Link | Descrição |
---|---|
https://www.sublimetext.com | SublimeText |
https://code.visualstudio.com | Visual Studio Code |
http://brackets.io | Brackets |
https://wakatime.com | Wakatime - Tempo de Codding |
https://atom.io | Atom |
Ferramentas para Codificação online.
Link | Descrição |
---|---|
https://jsfiddle.net | JSFiddle |
http://codepen.io | Codepen |
https://plnkr.co | Plunker |
https://c9.io | C9 |
Ferramentas para SEO e Otimizações.
Link | Descrição |
---|---|
http://bit.ly/2vgUjDB | Google Webmaster |
http://bit.ly/2uYdJ0L | Google Analytics |
http://bit.ly/2mSg2O8 | Good Adwords (Key Planner) |
https://www.woorank.com/pt | Woorank |
http://openlinkprofiler.org/ | OpenLinkProfiler |
https://moz.com/products/pro | Moz |
http://bit.ly/2vh96Ov | SEO Básico para Iniciantes |
Ferramentas para compressão de imagens.
Link | Descrição |
---|---|
https://tinypng.com | TinyPNG |
https://pngquant.org | PNGQuant |
http://www.fnordware.com/superpng | Plugin Photoshop PNGQuant |
Dicas para UX e UI.
Link | Descrição |
---|---|
http://bit.ly/2NUi4sQ | Mito híbrido UX e UI Designer |
http://bit.ly/2JzOpEt | Raio X de UX |
Links para serviços de transferência de arquivos.
Link | Descrição |
---|---|
https://reep.io | ReepIO |
http://www.wetransfer.com | WeTransfer |
http://www.mega.nz | Mega.nz |
Links para realização de vídeo conferências.
Link | Descrição |
---|---|
https://role.vc | Role.vc |
https://appear.in | Appear.in |
https://www.cyclops.io | Ciclops.io |
É isso pessoal.
Sintam-se a vontade para ajudar e melhorar os links.
Abraços.