Giter Club home page Giter Club logo

dctb-links's Introduction

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
https://goo.gl/v42k13 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
https://goo.gl/1QGDKJ Paleta de Cores
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

Tutoriais e Cursos

Seguem alguns links para canais, tutoriais e cursos para diversas áreas.

Link Descrição
https://goo.gl/ZsM75o Hugo Vasconcelos - Tutoriais em Geral
https://goo.gl/qbuc5b Brainstorm Tutoriais - Edição de Vídeo
https://goo.gl/yKLY91 DD Tutoriais
https://goo.gl/2QUQPj Clube do Design
https://goo.gl/vxCGwi RBTech
https://goo.gl/pyaLCv HXTutors
https://goo.gl/hWENVa PSD Box
https://goo.gl/hvXqmN PHLearn - Photoshop Tutorials
https://goo.gl/eV1emN Walter Mattos - Design
https://goo.gl/p4KSxp Amarelo Criativo
https://goo.gl/XAYKmK Magrelo
https://goo.gl/oJVvE2 CreativeStation
https://goo.gl/Fh25bW Curso de Markdown - Show me The Code

Downloads e Inspirações

Seguem alguns links com downloads e inspirações para o desenvolvimento web.

Link Descrição
https://goo.gl/URA4hK 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
https://goo.gl/PWTKPA Ferramentas gratúitas para criativos
https://goo.gl/XYjpVA 50 Recursos de referências para designers
http://waltermattos.com/biblioteca/ Recomendações de livros
https://resourcecards.com/ Recursos variados: Fotos, Icones, Fontes...
https://goo.gl/BMwpaZ Livros sobre Design
https://goo.gl/rvbDKk 500 Backgrounds
https://goo.gl/Vsahxr Vários Gradientes
https://goo.gl/8rgPhp Paterns para Photoshop
https://goo.gl/8rgPhp 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
https://goo.gl/2QLeSw 🔥 Curso sobre Docker

JavaScript

Alguns links relacionados a tecnologia JavaScript.

Link Descrição
https://goo.gl/J8eCrL Novidades no ECS6
https://goo.gl/E24vEi Validação de Cartão de Crédito
https://goo.gl/JyEEiB Programação JavaScript Funcional
http://umbrellajs.com Alternativa ao JQuery
https://goo.gl/UWZfN5 ECS6
https://goo.gl/J4EY45 V8
https://goo.gl/sgxo5M 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
https://goo.gl/rCRA1Q Alerta em JavaScript
https://goo.gl/GGAtRw Alerta em JavaScript
https://goo.gl/tyrxtz Alerta em JavaScript
https://codemirror.net Editor de Texto em JavaScript
https://goo.gl/aEySJP JavaScript Hacks
https://goo.gl/pA9F3k Animação de Elementos
http://jstherightway.org JavaScript da Forma Correta
http://nipher.io/ES6-arrow-functions Arrow Functions ES6
https://goo.gl/bCSUfE Map Reduce
https://goo.gl/8kfQNG O que TODO dev JavaScript precisa saber
http://www.dropzonejs.com Drag and Drop Upload
http://flipclockjs.com Relógio Flip

JQuery & Plugins & Frameworks

Links para plugins JQuery e Frameworks JavaScript.

Link Descrição
https://goo.gl/Yue6mN Loading de imagens com porcentagem
https://goo.gl/BYiytX Typed.js - Efeito de escrita
https://goo.gl/jAsrCb Howler - Biblioteca de Sons
https://goo.gl/WuDCxf 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
https://goo.gl/pbrusQ 🔥 Carrosel Owl
https://goo.gl/3u26UD Vivus - Animações SVG com JS
http://t4t5.github.io/sweetalert Alert com JavaScript
http://slippry.com Slider com JavaScript
https://goo.gl/oKdhkx TimeSheet.js - Timeline
https://goo.gl/VpyPEY Dropdown personalizado
https://select2.org/ Dropdown personalizado
https://goo.gl/vvb6n3 Cropper para imagens
http://icheck.fronteed.com Personalizar checkbox e radio
https://goo.gl/7CvT8y Switch com visual IOS
https://jqueryvalidation.org Validação com JQuery
https://goo.gl/hnShT6 Background em sites
https://goo.gl/wJoCnT CEP via JQuery
https://goo.gl/3KETmG CEP via JQuery
https://goo.gl/knWgW3 Lazy Load Images

HTML

Dicas e links gerais sobre HTML.

Link Descrição
https://goo.gl/CpLsMP Legendas em vídeos no HTML
https://goo.gl/p9nV67 Template Admin
https://goo.gl/t9LvtV Cheat Sheets for Frontend Developers
https://getmdl.io/ Material Design Lite
https://goo.gl/BBYhbD Desenhar com SVG
https://goo.gl/j2fj5V Vídeos como Background
https://goo.gl/eRkoJ5 Manipulando SVG com JavaScript
https://goo.gl/t36DFf Experiências com SVG
https://goo.gl/1nQJxQ SVG com Smil
https://goo.gl/2jY3yh Seções Full Screen
https://goo.gl/fKMQCG Usando SVG Sprites
https://goo.gl/BchQX9 Upload de arquivos em HTML5
https://goo.gl/8fkFt9 Vetor com SVG
https://goo.gl/sijg7E Animação SVG
https://gooo.gl/krBbb6 Header animado on Scroll
https://www.tinymce.com Editor de Textos Web
https://goo.gl/z8gdE4 TimeLine
https://goo.gl/CMCzQ5 Separadores com HTML
https://goo.gl/1QDFbq Logo responsiva com SVG
https://goo.gl/BLv1gN Efeito Paralax
https://goo.gl/qa1oAt Ícones em SVG

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
https://goo.gl/uCRKTB Flexbox
http://flexboxgrid.com Grid baseado em Flexbox
https://goo.gl/hvpyAq Flexbox
https://goo.gl/LhKvHS Filtros em CSS
https://goo.gl/RiaPzL Background Blur
https://goo.gl/vx4uu7 Seletores Importantes
https://goo.gl/rniFHP Material Design + Bootstrap
https://goo.gl/uf5HFA Calendário em Bootstrap
https://goo.gl/gnD6Rm Color picker
https://goo.gl/yxcAMd Animação utilizando CSS
https://goo.gl/rjCtN7 Select para BootStrap
https://goo.gl/K6V2GR Bootstrap 4 Cheat Sheet
https://goo.gl/oChCY7 Animação de Ícones
https://goo.gl/GYWnnX Calc em Grids
https://goo.gl/vcTafA Guia Completo Grids
https://goo.gl/5AAhUJ Animações CSS
https://goo.gl/LALpBw Animações CSS e JavaScript
https://goo.gl/pPfs47 Efeitos Houver Imanges
http://shoelace.io Ferramenta Visual para Bootstrap
http://cssreference.io Referências de Comandos em CSS
https://goo.gl/PX2hBf Efeito Tremendo (CSSShake)
https://goo.gl/qhkXmd Efeitos CSS (WOW)
http://lab.hakim.se/scroll-effects Efeitos Scroll
http://www.jasonlusk.com/scroll Efeitos Scroll
https://goo.gl/zTLuC1 Seletores CSS4

Wordpress

Alguns links e tecnologias sobre Wordpress.

Link Descrição
http://html5blank.com Um tema limpo para customização
https://goo.gl/XaP1uB Tema Kalium
https://goo.gl/KGsDbG Tema Divi
https://www.advancedcustomfields.com Plugin para customização de campos
https://goo.gl/uRzwbG Tutorial ACF
https://goo.gl/tViuNa WooCommerce

PHP

Alguns links sobre a linguagem de programação PHP.

Link Descrição
https://goo.gl/Vh1rHs Facebook e PHP
http://reactphp.org ReactPHP
http://socketo.me Websockets com PHP
http://www.codeigniter.com Framework Codeingniter para PHP
https://goo.gl/ZMfDJW PDF com PHP
https://goo.gl/Tevwge 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
https://goo.gl/aLH5Ni Segurança no Apache Apache
https://goo.gl/WfjFpt Apache vs. Nginx Servidor Web
https://goo.gl/BWSa82 Tutorial Básico NodeJS NodeJS
https://goo.gl/BshXDm Socket.io & Cluster NodeJS
https://goo.gl/6gfkWd Criando um executável com NodeJS NodeJS
https://goo.gl/G6jVSf Transformando ECS6 em ECS5 NodeJS
https://goo.gl/4Qc4yJ RSS Feed Emitter NodeJS
http://webschool.io/bemean Básico do MEAN MongoDB
https://goo.gl/DeybNa Usando JSON com MySQL MySQL + JSON
https://goo.gl/m74cGQ Material Theme para o SublimeText SublimeText
https://goo.gl/SGRVKQ 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
https://goo.gl/utD9fS Gerador de Fontes para CSS + HTML Tipografia
https://goo.gl/E3DzPw Butler Font Tipografia
https://onlinefontconverter.com Conversor de Fonte Online Tipografia
https://goo.gl/6hz4Y3 Tutorial Git Git
https://goo.gl/mhk3p9 Do clone ao Pull Request Git
https://goo.gl/P23NaS Git e GitHub para iniciantes Git
https://goo.gl/2XTamd Básico do Branch e Merge Git
https://goo.gl/JoquJr Instalando o Git Lab Git
https://goo.gl/Ns4PYv Dicas para usar o GitHub Git
https://goo.gl/iJTPmm Temas para Linux Linux
https://goo.gl/WyzGNQ Como usar ps e kill Linux
http://imgur.com/1c9y0 Terminal Commands Linux
https://goo.gl/UmU8vN Ubuntu como ambiente de desenvolvimento web Linux
https://goo.gl/bsXhzp 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
https://goo.gl/AKd7VH 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
https://goo.gl/vQABGm Notas Fiscais Notas Fiscais
http://devdocs.io Documentações Variadas Documentação
https://goo.gl/TWdnug Links Interessantes Links
http://ionicframework.com Ionic Desenvolvimento Híbrido Híbridos
https://goo.gl/WPKYGy Vídeo Call Vídeo Call
https://goo.gl/yVpgLs Usabilidade -> Conversão Usabilidade
https://goo.gl/nYyiSi Material Design para Web Design
https://goo.gl/JbE3hf Como se tornar um desenvolvedor Front-End Motivação
https://goo.gl/NGP5ft Trezentas coisas Gratuitas para Startups Dica
https://goo.gl/weJQ4S 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
https://goo.gl/EQHExM Elastic Search Elastic Search
https://goo.gl/52x9aY Hospedando seu site no GitHub Hospedagem
http://www.mettzer.com TCC nas normas ABNT TCC
http://www.mettzer.com Ferramenta para importação de dados Importação
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
https://goo.gl/ea2Z2x Expressões Regulares Exp. Regular
http://instacod.es Imagem para códigos instagram Outros
http://www.z-cron.com Cron no Windows Cron
https://goo.gl/XbQZtX Processo de Criação Web Dev. Web

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
https://goo.gl/wXWLQ3 Jovem Nerd Tech

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://goo.gl/wt3fhD 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
https://goo.gl/QUZd34 Google Webmaster
https://goo.gl/9opQzY Google Analytics
https://goo.gl/1B6vdg Good Adwords (Key Planner)
https://goo.gl/yjbuuT Bing Webmaster
https://goo.gl/yjbuuT Bing Webmaster
https://goo.gl/yjbuuT Bing Webmaster
https://www.woorank.com/pt Woorank
http://openlinkprofiler.org/ OpenLinkProfiler
https://moz.com/products/pro Moz
https://goo.gl/H1f1zH 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
https://goo.gl/rWE55b Diferença entre UX e UI
https://goo.gl/qUd9oA Mito híbrido UX e UI Designer

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.

dctb-links's People

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.