/dctb-links

My Personal Links

MIT LicenseMIT

Meus Links Favoritos

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.


Índice

  1. Design Assets
  2. Imagens vetorizadas
  3. Ícones
  4. Paleta de Cores
  5. Tutoriais e Cursos
  6. Downloads e Inspirações
  7. Ferramentas e Tecnologia
    1. JavaScript
    2. JQuery & Plugins & Frameworks
    3. HTML
    4. CSS
    5. Wordpress
    6. PHP
  8. Tecnologias Diversas
  9. Podcasts
  10. Usabilidade e Pesquisa
  11. Arquitetura de Informação, Fluxogramas e SiteMaps
  12. Wireframes e Prototipação
  13. Codificação
  14. Codificação online
  15. SEO & Otimização
  16. Compressão de Imagens
  17. UI & UI
  18. Transferência de Arquivo
  19. Conferência

Design Assets

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

Imagens vetorizadas

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

Icones

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

Paleta de cores

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

Downloads e Inspirações

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

Ferramentas e Tecnologias

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

JavaScript

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

JQuery & Plugins & Frameworks

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

HTML

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 .                      

CSS

Links sobre CSS.

Link Descrição
http://expo.getbootstrap.com Exemplos BootStrap
https://jonsuh.com/hamburgers Menus
http://www.voxelcss.com CSS e 3D
http://bit.ly/2mS8nje Flexbox
http://flexboxgrid.com Grid baseado em Flexbox
http://bit.ly/2LxAeDN Flexbox
http://bit.ly/2mQwi2g Filtros em CSS
http://bit.ly/2mOGWqa Background Blur
http://bit.ly/2OqvlKA Seletores Importantes
http://bit.ly/2LKUYHy Material Design + Bootstrap
http://bit.ly/2LzooJp Calendário em Bootstrap
http://bit.ly/2LzSEnC Animação utilizando CSS
http://bit.ly/2LZnqlZ Select para BootStrap
http://bit.ly/2uYjb3w Bootstrap 4 Cheat Sheet
http://bit.ly/2v0EXnb Animação de Ícones
http://bit.ly/2mU2G3X Calc em Grids
http://bit.ly/2OpcEXC Guia Completo Grids
http://bit.ly/2mQwvm4 Animações CSS
http://bit.ly/2OmZpXw Animações CSS e JavaScript
http://bit.ly/2uYrjAX Efeitos Houver Imanges
http://shoelace.io Ferramenta Visual para Bootstrap
http://cssreference.io Referências de Comandos em CSS
http://bit.ly/2AkkXRG Efeito Tremendo (CSSShake)
http://bit.ly/2mTpotc Efeitos CSS (WOW)
http://lab.hakim.se/scroll-effects Efeitos Scroll
http://www.jasonlusk.com/scroll Efeitos Scroll
http://pt-br.learnlayout.com 🔥 Aprenda Layout

Wordpress

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

PHP

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

Tecnologias Diversas

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 Mail
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

Podcasts

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

Usabilidade e Pesquisa

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

Arquitetura de Informação, Fluxogramas e SiteMaps

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

Wireframes e Prototipação

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

Codificação

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

Codificação online

Ferramentas para Codificação online.

Link Descrição
https://jsfiddle.net JSFiddle
http://codepen.io Codepen
https://plnkr.co Plunker
https://c9.io C9

SEO & Otimização

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

Compressão de Imagens

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

UX&UI

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

Transferência de Arquivo

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

Conferência

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.