Codex do desenvolvedor
A vida de um desenvolvedor / designer da Web pode ser difícil. É difícil encontrar as ferramentas, imagens, tutoriais certos ... etc. Espero que esta coleção de links ajude a tornar as coisas um pouco mais fáceis para você.
"Os três grandes itens essenciais para alcançar qualquer coisa que valha a pena: trabalho duro, aderência e senso comum." - Thomas A. Edison
Contribuir
Tem um link útil para compartilhar? Sugestões? Veja algum erro ou um link quebrado? Envie uma solicitação de tração!
Inspiração
Recursos para quando você precisar de alguma inspiração
Sites para dar algumas idéias / inspiração
- Awwwards - Coleção de ótimos sites
- Httpster - outra coleção de ótimos sites
- TheBestDesigns - Showcase of Beautiful Sites
- Vencedor do CSS - Lista de designs revisados
- Site Inspire - Site de sites frescos
- OnePagelove - ótimos designs para sites de uma página
- CSS Design Awards - Belo site por si só. Este site contém uma lista de designs dignos de premiação, bem como um site do dia.
- Drible - um lugar para os designers mostrarem seu trabalho
- CSS Awards - Outra vitrine de designs de sites revisados
Trechos de código
- Codepen - Playground para inspiração e trechos
- Codemyui - trechos de código + tutoriais!
- Codyhouse - HTML, CSS, JS Nuggets
- Codepad.co - Um local para os desenvolvedores compartilharem e salvarem trechos de código
Ativos
Coleção de imagens, ícones, fontes.
Imagens
- Picjumbo - fotos de estoque grátis
- UNSPLASH - Mais fotos gratuitas de estoque!
- Nova estoque antigo - fotos vintage grátis - muita sépia
- A Biblioteca de Padrão - Coleção de Antecedentes Divertidos
- Padrões sutis - local de fundo grátis e sutil
- Death to Stock Photos - Fotos mensais enviadas por e -mail para você
- Armazenado - Gere imagens de espaço reservado para o seu site
- Wocintech Chat - Fotos de estoque grátis representando mulheres e pessoas não binárias de cor
- Placekitten - imagens de espaço reservado com tema de gatinho para desenvolvedores
Ícones
- Fonte Awesome - Biblioteca de ícones Awesome
- FLATICON - Enorme coleção de ícones gratuitos: PNG, SVG, EPS, formatos PSD
- Ícones iônicos - ícones limpos e iônicos
- Ícones simples - ícones SVG para marcas populares. Mantido por Dan Leech.
- The Subster Project - Outra infinidade de grandes ícones
- Ícones de penas - coleção de ícones de faixa de faixa aberta
Fontes
- Google Fontes - provavelmente o lugar mais popular para encontrar fontes
- O Google Fonts agora tem uma interface do usuário mais nova e mais limpa para a biblioteca de fontes: Google Fonts 2.0
Ferramentas
Ferramentas úteis para ajudar no desenvolvimento
Ferramentas para cores
- Colorpicker - Uma extensão cromada muito útil para pegar cores em uma página
- Colorzilla - Outra ferramenta de cores útil (AVAIABLE PARA Firefox também)
- CSS3GEN - Um gerador de gradiente excelente e fácil de usar
- Espectral - Crie uma amostra de cor
Ferramentas para andaimes frontais / 'Bootstrapping'
- Bootstrap - estrutura popular para projetar sites e aplicativos responsivos
- Bootswatch - Bons temas para apimentar a aparência de Bootstrap
- StartBootstrap - Temas de bootstrap de código aberto gratuitos
- Fundação - Outra estrutura popular para desenvolvimento da Web
- Bulma - uma estrutura CSS moderna baseada no Flexbox
- Esqueleto - um limpo, com barbos (trocadilhos) e responsivo CSS Boilerplate
- Unsemantic - um sistema simples de grade de fluido
- FLATUI - Uma estrutura HTML e CSS muito sexy para um design plano
- Materialize - Uma estrutura de front -end moderna inspirada no design de material do Google
- Tachyons - Crie aplicativos rápidos e 100% responsivos com muito pouco CSS
- COLORMIND - GERE UMA PALLETE DE COM
Fluxo de trabalho e ferramentas de construção - para facilitar sua vida
- Gulp - Um corredor de tarefas para automatizar essas tarefas tediosas e repetitivas
- Grunt - Outro corredor de tarefas popular
- Webpack - Um empuxo modular para agrupamento de código em pedaços convenientes
- Yeoman - uma ferramenta de andaimes para a construção de aplicativos da web modernos
Colaborar
Ferramentas úteis para permitir a colaboração
- Cloud9 - Code e trabalhe com outras pessoas na nuvem
- JSFIDDLE - O JS Fiddle oferece um recurso de colaboração muito legal, embora eu não tenha usado com muita frequência
- CODEPEN - Codepen também oferece uma opção de colaboração (embora eu acredite que seja para os usuários profissionais atm)
- GIST - Compartilhe o código rápido. Atua como um bloco de notas para código
- Slack - os colaboradores precisam se comunicar rapidamente. Slack parece ser o aplicativo de bate -papo mais popular entre as equipes de desenvolvimento
Ótimo material de leitura
Ótimos recursos de leitura para acompanhar as últimas tendências/notícias
- Uma lista separada - artigos de dev perspicazes e informativos
- Medium - uma plataforma de blog com todos os tópicos imagináveis. Para refinar sua pesquisa, basta digitar sua consulta na barra de pesquisa
- Truques do CSS - Um ótimo blog/tutorial para praticamente qualquer coisa relacionada ao código.
- Smashing Magazine - site cheio de artigos de desenvolvimento e design úteis
- Desenvolvedor de front -end semanal - notícias de desenvolvimento front -end, ferramentas.
Licença
Eu, Vinny Aceto, renuço a todos os interesses protegidos por direitos autorais e relacionados incluídos neste projeto
