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

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

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.

diogocezar / dctb-links Goto Github PK

dctb-links's Introduction