Skip to content

diogocezar/dctb-links

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 

Repository files navigation

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.