Os Gifs ganharam o coração da galera e uma aplicação com animações ficam bem divertida de utilizar, se for criar um app você precisa conferir o Lottie que deixamos em primeiro da lista:

https://airbnb.design/lottie/

https://giphy.com/

https://tenor.com/

https://github.com/davisonio/awesome-gif#utilities

Trouxemos também uma lista de ferramentas para criar seus próprios gifs:

https://makeagif.com/youtube-to-gif

https://gifmaker.me/

https://makeagif.com/

https://imgflip.com/

https://www.gifpal.com/

https://gifmaker.org/

https://ezgif.com/maker

🎉 Ícones

Segue uma lista de ícones para projetos web e mobile (React Native), cada uma mais bonito que o outro:

https://www.drawkit.io/free-icons

https://icons8.com/animated-icons

https://akveo.github.io/eva-icons/

https://feathericons.com/

https://simpleicons.org/

https://github.com/notlmn/awesome-icons#readme

https://react-icons.github.io/react-icons/

https://oblador.github.io/react-native-vector-icons/

https://ionicons.com/

https://www.flaticon.com/

👌 Geradores de Favicon

Todo site ou app precisam de um favicon, tanto o ícone do aplicativo na tela Home ou também no título na aba do navegador. Essas ferramentas vão te ajudar, você pode pegar o logotipo do projeto e gerar os ícones do app e o favicon:

https://realfavicongenerator.net/

https://www.favicon-generator.org/

https://www.favicon.cc/

http://www.xiconeditor.com/

👍 SVG

https://www.amcharts.com/svg-maps/

https://simpleicons.org/

https://www.blobmaker.app/

https://getwaves.io/

https://lovesvg.com/

😛 Emojis

Emojis servem para dar emoção no texto, muita gente gosta! Aqui na Rocketseat trabalhamos remoto e usamos bastante no chat do Discord e também nos posts como você já deve ter percebido. Confira a lista:

https://www.emojicopy.com/

https://gitmoji.carloscuesta.me/

https://getemoji.com/

https://webemoji.org/

🔤 Fontes

Tipografia é muito importante, você pode baixar as fontes no seu computador e instalar facilmente. O primeiro link é bem mais que o suficiente para te atender, deixamos mais três links com fontes bem legais para seus projetos.

https://fonts.google.com/

https://www.dafont.com/pt/

https://everythingfonts.com/

https://www.fontsquirrel.com/

⚙️ Ferramentas

Com o Canva você pode criar várias artes gráficas para posts no Facebook, Instagram, Miniatura do seu canal no Youtube, capa para LinkedIn, Twitter, Facebook. Tem uma infinidade de templates pagos e gratuitos, além de imagens e outros recurso que você pode utilizar.

https://www.canva.com/

Remove.bg te ajuda a remover o fundo do background das imagens sem a necessidade de ser especialista em Photoshop. Adeus varinha mágica! É muito fácil, só fazer upload da imagem e baixar a imagem sem o fundo, e o site permite ainda você fazer alguma customizações e correções.

https://www.remove.bg/

Se você curte o photoshop, você vai curtir esse site que trás o photoshop no navegador e de graça. Bem útil para fazer uma edição rápida em alguma imagem.

Site bem legal para criar seus logotipos ou se inspirar:

https://logodust.com/

🎨 Paletas de Cores:

Só o Diego Fernandes mesmo para decorar o código das cores no CSS. Temos aqui uma lista de sites onde podemos pegar o código RGB e colocar no frontend da nossa aplicação:

https://flatuicolors.com/

https://materialuicolors.co/

https://color.hailpixel.com/

https://www.spycolor.com/

https://uigradients.com/#Memariani

https://paletton.com/

⌨️ Formatar o código para postar no blog:

Pegar o código no VSCODE e jogar no blog pode perder a indentação, você pode utilizar algumas das soluções abaixo:

https://carbon.now.sh/

https://beautifier.io/

https://prettier.io/playground/

https://jsonformatter.org/

https://www.cleancss.com/html-beautify/

🤖 Compressão de imagens para melhorar performance do site

Se você produz conteúdo em um site ou se é um web developer tem que conhecer essas ferramentas abaixo para melhorar a performance no carregamento da página. Uma imagem com muitos bytes pode prejudicar. Alguns CMS já fazem a otimização para você, mas não custa nada checar, se a imagem estiver muito grande utilize esses sites que diminuem alguns bytes e preservam a qualidade da imagem. O SEO agradece!

https://tinypng.com/

http://www.punypng.com/

http://webresizer.com/resizer/