LISTA DE RECURSOS PARA MELHORAR SEU SITE

 

Nós acreditamos na melhora continua. Acreditamos que os detalhes importam.

Fazemos isso buscando a melhor informação, conteúdo, ferramentas, recursos disponíveis no mercado!

E para provar nossa dedicação trazemos essa imensa lista de recursos para melhorar seu site, projeto, blog ou loja virtual (ecommerce).

A melhor lista de recursos para melhorar o seu site ou blog você encontra aqui na DinheiroPraGelada.com.

VAMOS A LISTA 😉

LISTA DE RECURSOS PARA MELHORAR SEU SITE

Lista compilada por Gabi Neagu, traduzida, alterada e complementada por Gabriel Reis da DinheiroPraGelada.com

 

1. OS MELHORES BANCOS DE FOTOS GRATUITAS PARA O SEU SITE

Os Principais bancos de fotos, ou bancos de imagens, gratuitas para você melhorar o visual do seu site.

Não esqueça de sempre checar a licença de cada site.

Enquanto escrevo esse artigo (10/09/2015) todos eles liberaram as imagens para uso pessoal e comercial, porém há sempre detalhes que devem ser levado em consideração!

 

PICJUMBO

 

picjumbo

Ótimas fotos e disponíveis gratuitamente para uso comercial. Muito importante para quem pretende usar na sua Loja Virtual, Produto ou Serviço.

Você também pode fazer uso da funcionalidade “Test Drive Image” para ter uma ideia de como ela pode ser usada no seu website.

 

PIXABAY

 

PixaBay

Pixabay contém várias imagens de alta qualidade (HD) e também vetores e ilustrações.

Você também pode usar as fotos livremente.

 

LIBRESHOT

LibreShot

LibreShot é uma outra ótima ferramenta para se utilizar. Também gratuitas, até mesmo para uso comercial =)

 

STOCKSNAP

stocksnap

Outro ótimo site com uma ótima coleção de imagens em HD.

É possível filtrar por categoria e até mesmo verificar quais imagens são tendência no momento. A Licença.

 

PEXELS

pexels

Pexels é um site com mais de 2000 imagens no seu site. Todos distribuídas livremente para uso pessoal ou comercial.

Eles publicam novas imagens diariamente. Todas em HD.

 

ISOREPUBLIC

isorepublic

As imagens da IsoRepublic também podem ser usadas para uso pessoal ou comercial, porém veja os detalhes na licença.

Bastante imagens urbanas e de arquitetura. Vale a pena conferir.

 

DESIGNER PICS

designerpics

Criado pelo web designer Jeshu John. A DesignerPics está disponível para uso comercial ou uso pessoal.

 

REALISTIC SHOTS

realisticshots

Realistic Shots também oferece maravilhosas fotos – as categorias principais sendo: Startup, Natureza, Pessoas, Viagem e Arquitetura.

Confira a licença.

 

SPLITSHIRE

SplitShire

Licença.

Também maravilhosas para uso pessoal ou comercial. Ótimas imagens para melhorar o seu site ou apresentação ou…

 

FOODIESFEED

foodiesfeed

Ótimoooo site para imagens de comida, alimentos. Realmente ótimo. Se você é o próximo Masterchef Brasil – ou se precisa de uma foto de comida – esse banco de imagens irá lhe ajudar um monte.

Só tem um probleminha… Depois de visitar o site você vai ficar faminto.

Licença.

 

UNSPLASH

unsplash

Unsplash é um dos primeiros bancos de fotos gratuitos e bem conhecido por suas imagens em HD. De tecnologia a natureza.

As imagens são gratuitas e eles colocam 10 novas imagens todos os dias.

Licença.

 

GRATISOGRAPHY

gratisography

Outra opção de banco de fotos gratuitas para você melhorar o seu site.

Licença.

USER INTER FACES

uifaces

Esses usuários deram o seu consentimento para serem usados em fotos… Por exemplo de testemunhos, marketing, etc.

Ótimo site, muito útil. Licença.

 

2. OS MELHORES PLACEHOLDERS GRATUITOS PARA O SEU SITE

Placeholders são usados como “recursos temporários” para que você tenha uma ideia de como o seu site ou projeto vai ficar.

Sem ter que criar uma foto em 400×300 ou 1020×600 ou qual for a resolução.

Como eles funcionam? Simples.

Você pega o código abaixo:

http://placekitten.com/200/300

E esse código lhe dará uma imagem 200×300 – a mas você quer uma 1800×1020?

Simples, mude os números da url:

http://placekitten.com/1800/1020

Fácil, neh!?

 

LOREMPIXEL

Melhor Banco de Fotos Placeholders

Ótimo recurso de imagens placeholders.

 

LOREMPICSUM

Melhor Banco de Fotos Placeholders

Placeholders do nosso desenho favorito! Futurama…

 

UNSPLASH.IT

Melhor Banco de Fotos Placeholders

O Unsplash oferece placeholders também! Esse site não é fantástico?

 

PLACEIMG

Melhor Banco de Fotos PlaceholdersUm site um pouco mais básico? Mas mais customizável também!

 

PLACEKITTEN

Melhor Banco de Fotos Placeholders

Seria esse o melhor? Quem não se apaixona por placeholders de gatinhos?

 

PLACEHOLD.IT

Melhor Banco de Fotos Placeholders

 

 

Tá gostando dessa lista de recursos para melhorar seu site? Curta nossa Página do FB como Agradecimento.

 

3. OS MELHORES SERVIÇOS DE COMPRESSÃO DE IMAGEM PARA O SEU SITE

Compressores de imagens são obrigatórios para o mundo em que vivemos hoje.

Sim, todo mundo tem uma ótima internet hoje em dia (ou quase todos).

Porém chegaram os mobile, e a wi-fi, o 3g, a limitação de dados e outros problemas chegaram juntos com os mobiles também.

Além disso há aqueles que vivem no interior (como esse que vos fala) e a internet não é tão boa assim.

 

Compressores de imagem farão o seu site mais rápido e seus consumidores mais felizes!

Apenas envie a imagem que você deseja comprimir ao site e receberá uma versão de menor tamanho (kbs).

 

TINYPNG

O Melhor Compressor de Imagens e Fotos

 

COMPRESSJPG

O Melhor Compressor de Imagens e Fotos

 

COMPRESSOR

O Melhor Compressor de Imagens e Fotos

 

4. OS MELHORES VÍDEOS GRATUITOS PARA USAR NO SEU SITE

Como assim!? Vídeo gratuitos? Isso mesmo!

Para você usar no seu slider, banner, vídeo, ou onde for. Os vídeos disponíveis nos sites a seguir estão liberados para uso de terceiros.

Lembre-se de sempre checar a licença.

Enjoy!

 

COVERR

Os Melhores Vídeos Gratutios para uso Comercial

Ótimo recurso para vídeos gratuitos e lindos!

 

LIFE OF VIDS

Os Melhores Vídeos Gratutios para uso ComercialOutro ótimo recursos para vídeos gratuitos. Vários em HD.

Vídeos são adicionados semanalmente!

 

PEXELS VIDEOS

pexelsvideos

Banco de vídeos gratuitos! Assim como o banco de imagens deles.

Temos que amar a PEXELS =)

 

VIDEVO

Os Melhores Vídeos Gratutios para uso Comercial

Outro banco de vídeos maravilhoso.

Lembre-se sempre de checar a licença.

 

DISTILL

Os Melhores Vídeos Gratutios para uso Comercial

WeDistill. Hehe ótimo nome e ótimo recursos para vídeos HD gratuitos.

 

 

5. AS MELHORES TEXTURAS GRATUITAS PARA USAR NO SEU SITE

Ótimos recursos para você usar em backgrounds/planos de fundo.

Seja no seu site ou para criar imagens (recomendamos o últimos).

SUBTLE PATTERNS

O Melhor Site de Texturas para o seu Site ou Projeto

O melhor site de texturas para o seu site ou projeto.

Ótimo para usar como Background de propaganda, promoções, etc…

 

Tá gostando dessa lista de recursos para melhorar seu site? Curta nossa Página do FB como Agradecimento.

 

6. AS MELHORES PALETAS DE CORES PARA USAR NO SEU SITE

Nós fazemos uso da Material Palette – que nada mais é do que um site que traz para você combinações de cores.

Mas como assim “combinação de cores”? Isso mesmo, cores que combinam entre si, formando uma paleta de cores.

Você entenderá melhor ao acessar os sites abaixo. Porém todo web designer deveria fazer uso desses recursos… É muito melhor para os olhos!

Seu consumidor irá agradecer!

 

FLAT UI COLORS

Os Melhores Sites de Paletas de Cores

Um dos sites mais populares. Com apenas 20 cores…

Mas pode ter certeza que todas ficam ótimas juntas!

MATERIAL PALETTE

Os Melhores Sites de Paletas de Cores

Você seleciona 2 cores e ele gera uma paleta com 8 cores.

Ótimo recurso, mesmo! E muito popular hoje em dia.

 

 

COLOR-HEX

Os Melhores Sites de Paletas de Cores

Selecione uma cor e suas combinações e características irão aparecer.

Ótima ferramenta e você pode criar sua própria paleta de cores.

 

ADOBE COLOR CC

Os Melhores Sites de Paletas de Cores

Você pode usar o plugin do Kuler… Ou o site do adobe =)

Escolha as suas cores prediletas e veja resposta que o site lhe dá! Ferramenta maravilhosa…

 

PALETTON

Os Melhores Sites de Paletas de Cores

Muito similar ao Adobe, postado acima.

Você também pode simular color blindness (que é uma condição), ou seja, ótimo para quem deseja criar acessibilidade para o seu site ou app.

 

0 TO 255

Os Melhores Sites de Paletas de Cores

Escolha uma cor…

O 0 to 255 irá criar as variações mais claras ou escuras daquela cor… Maravilhoso!

 

UI GRADIENTES

Os Melhores Sites de Paletas de Cores

Site muitooo bom e que já lhe passa o código CSS para utilizar em seu site ou projeto.

Recomendado!! Muito!

 

7. OS MELHORES RECURSOS DE FONTES PARA O SEU SITE

7.1 FONTES GRATUITAS

Precisa variar nas fontes? Algumas fontes mais estilosas, mais clássicas? Separamos alguns recursos para você!

 

Google Fonts

As Melhores Fontes Gratuitas para o seu Site ou Projeto

O Melhor deles. É (quase) tudo que você precisa.

 

Font Squirrel

As Melhores Fontes Gratuitas para o seu Site ou Projeto

 

Ótima seleção de fontes gratuitas.

 

Font Space

As Melhores Fontes Gratuitas para o seu Site ou Projeto

Outro ótimo recurso.

 

 

Font Fabric

As Melhores Fontes Gratuitas para o seu Site ou Projeto

Outro ótimo recurso de fontes para o seu site ou projeto.

 

Da Font

As Melhores Fontes Gratuitas para o seu Site ou Projeto

Outro ótimo recurso de fontes para o seu site ou projeto.

 

1001 Fonts

As Melhores Fontes Gratuitas para o seu Site ou Projeto

Outro ótimo recurso de fontes para o seu site ou projeto.

 

7.2 UTILITÁRIOS PARA FONTES

Ferramentas para ajudar você a escolher a combinação de  fontes e tamanhos apropriados.

Garantindo dessa maneira que o seu site fique fantástico!

 

FONT PAIR

As Melhores Combinações de Fontes para o seu Site ou Projeto

As Melhores Combinações de Fontes para o seu Site ou Projeto

 

BEAUTIFUL WEB TYPE

As Melhores Combinações de Fontes para o seu Site ou ProjetoOutra ótima ferramenta para combinação de fonte.

 

GOOGLE FONTS TYPOGRAPHY

As Melhores Combinações de Fontes para o seu Site ou ProjetoFocado apenas em combinar as Google Fonts.

Ótima ferramenta!

 

TYPE GENIUS

As Melhores Combinações de Fontes para o seu Site ou Projeto

Outra maravilhosa ferramenta para combinar fontes para o seu projeto.

 

TYPE SCALE

As Melhores Combinações de Fontes para o seu Site ou Projeto

Como as demais ferramentas. Maravilhosa e lhe ajuda a escolher tamanhos apropriados para as fontes.

 

WHAT THE FONT!

As Melhores Combinações de Fontes para o seu Site ou ProjetoWhatTheFont lhe ajuda a identificar fontes que estão em imagens.

Achou um banner maravilhoso? Quer saber a fonte? Use o WhatTheFont e ele lhe dirá fontes próximas/iguais a da imagem.

 

TYPEWOLF

As Melhores Combinações de Fontes para o seu Site ou Projeto

Guias e muitas informações e recursos sobre fontes. Do designer Jeremiah Shoaf.

Ótimo para quem deseja um trabalho bem feito.

 

THE ART OF MIXING TYPEFACES GOOGLE FONTS EDITION

As Melhores Combinações de Fontes para o seu Site ou Projeto

Um ótimo artigo e infográfico a respeito de fontes.

 

Tá gostando dessa lista de recursos para melhorar seu site? Curta nossa Página do FB como Agradecimento.

 

8. OS MELHORES ÍCONES DE FONTES PARA O SEU SITE

8.1 ICONES DE FONTES

A principal vantagem de usar icones de fontes ao invés das fontes clássicas é que você pode facilmente estilizá-las com CSS. Se você quer mudar o tamanho, cor ou adicionar sombras, tudo isso pode ser feito com CSS e não precisará ser usado nenhum software de edição de imagem.

 

FONT AWESOME

Os Melhores Icones de Fontes para o seu Site ou Projeto

Font Awesome é o site mais popular nessa categoria. Mais de 585 ícones, desde genéricos a mais específicos – como os de saúde.

Você pode baixá-los e utilizá-los.

 

OCTICONS

octicons

São 178 Octicons criadora pelo pessoal da GitHub. Se você está criando uma User Interface – vale a pena olhar esses ícones.

 

FOUNDATION ICON FONTS

foundationicons

Uma coleção de 286 ícones elegantes e de alta qualidade.

 

IONICONS

ionicons

582 Ionicons criados pela Ionic Framework e você podê usá-los em seus projetos ou site da forma que quiser.

Baixe e use-os.

 

OPEN ICONIC

open-iconicOpen Iconic contém mais de 233 ícones open source.

Vários formatos disponíveis: SVG, PNG, TTF e EOT.

 

PAYMENT WEBFONT

Os Melhores Icones de Fontes para o seu Site ou Projeto

Se você precisa de um ícone para o seu sistema de pagamento – Payment Webfont é o caminho.

34 ícones para você escolher!

 

THEMIFY ICONS

Os Melhores Icones de Fontes para o seu Site ou Projeto

Themify Icons oferece a você 320 ícones de fonte – gratuitos.

Ícones são modernos e legais e inspirados pelo iOS7.

 

LINEA ICONSET

Os Melhores Icones de Fontes para o seu Site ou Projeto

Linea Iconset tem uma coleção impressionante de mais de 730 ícones. Um look moderno e ótimo para você usar no seu próximo projeto.

 

WEB HOSTING HUB

Os Melhores Icones de Fontes para o seu Site ou Projeto

WebHostingHub Glyphs tem uma enorme coleção de mais de 2000 ícones.

 

MAP ICONS

Os Melhores Icones de Fontes para o seu Site ou Projeto

Map Icons tem uma coleção de 140 ícones. Ótimos para indicar lugares como restaurantes, bares, atividades, etc.

 

PW DRAWN ICON FONT

Os Melhores Icones de Fontes para o seu Site ou Projeto

90 ícones que parecem ser desenhados a mão. Lindos.

Você pode usar nos seus projetos ou de forma pessoal.

 

WEATHER ICONS

Os Melhores Icones de Fontes para o seu Site ou Projeto

Mais de 180 ícones para você usar em seus projetos de tempo.

 

FLAT ICON

Os Melhores Icones de Fontes para o seu Site ou Projeto

Um dos maiores bancos de vetores de fontes gratuitos.

Você também pode escolher o formato. A licença.

 

MODERN UI ICONS

Os Melhores Icones de Fontes para o seu Site ou Projeto

Mais de 1000 ícones prontos para você utilizar.

 

MATERIAL DESIGN ICONS

Os Melhores Icones de Fontes para o seu Site ou Projeto

Mais de 1200 ícones – podendo usar em uso comercial e pessoal.

Os ícones são inspirados pela tendência de Material Design.

 

8.2 GERADORES DE ICONES DE FONTES

Os Melhores Geradores de Ícones de Fontes para o seu Site ou Projeto.

Caso você tenha algum ícones prediletos ou que deseje usar com frequência, faça upload e crie sua própria fonte para não ter que instalar várias fontes diferentes.

 

FONTELLO

Os Melhores Geradores de Icones de Fontes para o seu Site ou Projeto

Ótima ferramenta para criar seus próprios ícones de fontes.

 

FONTASTIC

Os Melhores Geradores de Icones de Fontes para o seu Site ou Projeto

Outra ótima ferramenta para criar fontes de ícones.

 

ICOMOON APP

Os Melhores Geradores de Icones de Fontes para o seu Site ou Projeto

Outro app para geração de fonte.

 

9. OS MELHORES PLACEHOLDERS DE TEXTO PARA O SEU SITE

 

LIPSUM

O mais conhecido gerador de texto para “encher linguiça”

 

FILLERAMA

Gerador de texto para “encher linguiça”

 

UI NAMES

Nomes de usuários fictícios.

 

Tá gostando dessa lista de recursos para melhorar seu site? Curta nossa Página do FB como Agradecimento.

10. OS MELHORES FAVICONS PARA O SEU SITE

Favicon são normalmente esquecidos ou não utilizados pela maioria dos sites. Sem um fica difícil seu site se destacar quando favoritado, por exemplo.

Então faça uso dele e use uma imagem que destaca o seu site e lembre ele.

 

Normalmente o logo é usado como favicon. O tamanho fica entre 16×16 e 32×32. Você cria o arquivo favicon.ico e ele pode conter mais versões do que apenas uma.

 

FAVICON.CC

faviconccÓtima ferramenta, bem básica e útil. Evita a necessidade de instalar softwares no seu PC.

 

REAL FAVICON GENERATOR

realfavicongenerator

 

AUDREYR’S FAVICON CHEAT SHEET

faviconcheatsheet

 

 

 

11. OS MELHORES OTIMIZADORES PARA O SEU SITE

As melhores ferramentas para checar a velocidade, responsividade e ping do seu website.

Esses recursos irão certamente lhe ajudar a otimizar o seu site, blog ou loja virtual. E lembre-se, mobile representa 50% do mercado atual.

 

GOOGLE PAGE SPEED INSIGHTS

pagespeedinsights

Coloque o seu endereço e o Google lhe dirá como pode fazer algumas alterações para melhorar a velocidade do seu website.

 

PINGDOM TOOLS

pingdom

Ótimo para uma otimização generalizada, principalmente para testers com hospedagem (pings).

 

GT METRIX

gtmatrix

Recomendações de otimização de velocidade e carregamento.

 

WEBPAGE TEST

webpagetest

Ótimo website para análise de velocidade. Seja para hospedagem, CDN, tamanho das imagens, cache, etc.

 

GIFT OF SPEED

giftofspeed

Gift of Speed pode testar a velocidade do seu site, porém ele também oferece várias outras ferramentas e até checa links quebrados.

Leia o guia para um melhor uso dessa ferramenta.

 

RESPONSINATOR

responsinator

Cheque a responsividade do seu website com essa ferramenta.

Lembrando que o Google leva em consideração a responsividade do seu site para ranqueamento do mesmo.

 

RESPONSIVE DESIGN CHECKER

responsivedesignchecker

Outra ferramenta para checar responsividade.

 

AM I RESPONSIVE

amiresponsive

Mais uma ferramenta que checa a responsividade do seu website.

 

BROWSER SHOTS

browsershots

Ótima ferramenta para tirar fotos e descobrir como o seu site funciona em cada versão de cada browser utilizada hoje em dia.

 

Tá gostando dessa lista de recursos para melhorar seu site? Curta nossa Página do FB como Agradecimento.

 

12. AS MELHORES INSPIRAÇÕES PARA O SEU SITE

Precisando de um pouco de inspiração para o seu próximo projeto?

Essa lista irá lhe ajudar!

 

DRIBBBBLE

dribbble

Dribble é um ótimo lugar para encontrar designs lindos e inspiradores.

De websites e interfaces a vetores..

 

BEHANCE

behance

Ótimo lugar para se dar e receber feedback pelo seu portifólio.

 

SITE INSPIRE

siteinspire

Os melhores designs de website.

Se você tem um grande design você pode enviá-lo e eles irão publicar o seu site.

 

LAND BOOK

landbook

As melhores landing pages da web se encontram aqui.

 

ONE PAGE LOVE

onepagelove

Sites de uma página? One page love é o lugar!

 

FLAT DSGN

flatDSGN

Os melhores “flat designs” da web 😉

 

AWWWARDS

awwwards

Os caras são tão grandes no mundo de design de website que fazem conferências anuais.

Você pode enviar o seu site e também votar no “site do dia”.

 

MATERIAL UP

materialup

Os melhores websites com o design material você encontra aqui.

Também encontrará vários artigos sobre o assunto.

 

CALL TO IDEA

calltoidea

Designs de formulários, páginas de erro… Tudo.

Realmente inspirador e renovador.

 

BRIEF GENERATOR

briefgeneratorUm pouquinho diferente, lhe manda um design brief para você cumprir.

Vale a pena!

 

CONCLUSÃO QUE TIRAMOS DA LISTA DE RECURSOS PARA MELHORAR SEU SITE:

A lista foi criada com a intenção de ajudar você a transformar seu site ou projeto em algo ainda mais profissional.

A lista foi criada para você favoritar e voltar de pouco em pouco para usar os recursos disponíveis aqui aos poucos, ou diariamente. Você quem sabe!

Então aproveite que levou muito tempo para ela ser criada e muito tempo para ser traduzida e complementada e faça bom uso dela!

 

A lista não foi nós que criamos, porém adicionamos informações e mais ferramentas, além de traduzi-la.

E então, o que você achou da melhor lista de recursos para melhorar seu site ou projeto!? Tem algo a adicionar? A criticar?

Até mais!

 

Lista compilada por Gabi Neagu, traduzida, alterada e complementada por Gabriel Reis da DinheiroPraGelada.com

LISTA DE RECURSOS PARA MELHORAR SEU SITE
The following two tabs change content below.
Um nerd maluco que busca seu caminho para o sucesso por meio de concursos públicos e a criação de sites de nicho. Ex-dono do site NewGeek.com.br e cursando o último ano de Administração de Empresas.

Comentários

Comentários