DEV Community: matheusdias20

Color palete site recommendations

matheusdias20 — Thu, 25 Nov 2021 12:43:45 +0000

1 - Pigment:

A unique way to generate fresh and vibrant colors based on lighting and pigment, instead of math. Find a beautiful, free color palette in seconds to kick.

Site: https://pigment.shapefactory.co/

2 - Khroma:

Khroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save.

Site: http://khroma.co/

3 - Color Hunt:

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

Site: https://colorhunt.co/

4 - Encycolorpedia:

Provide color schemes, blends, gradients and color conversion spaces.

Site: https://encycolorpedia.pt/

5 - Colors LOL:

Overly descriptive color palettes.

Site: https://colors.lol/

6 - Coolors:

Create the perfect palette or get inspired by thousands of beautiful color schemes.

Site: https://coolors.co/

7 - Adobe Color:

Create color palettes with the color wheel or image, browse thousands of color combinations from the Adobe Color community.

Site: https://color.adobe.com/pt/create/color-wheel

Recomendações de sites para baixar ilustrações

matheusdias20 — Mon, 15 Nov 2021 00:41:10 +0000

1 - Undraw:

Ilustrações open-source para qualquer ideia que você possa imaginar e criar.

Site: https://undraw.co/

2 - Storyset:

Ilustrações personalizáveis gratuitas para o seu projeto.

Site: https://storyset.com/

3 - Iconscout:

SVGs selecionados, ícones vetoriais, ilustrações, gráficos 3D e animações Lottie.
Mais de 4000 novos ativos adicionados todos os dias. Plug-ins integrados, ferramentas, editores e muito mais.

4 - Blush:

Crie e personalize facilmente ilustrações impressionantes com coleções feitas por artistas de todo o mundo.

Site: https://blush.design/

5 - Lukaszadam:

Site: https://lukaszadam.com/

6 - Stubborn:

Tenha a oportunidade de criar seus personagens usando nosso gerador de graça

Site: https://stubborn.fun/

7 - IRA Design:

Construa suas próprias ilustrações incríveis, usando gradientes impressionantes e componentes de esboço desenhados à mão.

Site: https://iradesign.io/

Recomendam ou sabem de mais algum? Deixe seu comentário😁

Recomendações de extensões para VSCode

matheusdias20 — Mon, 14 Jun 2021 23:13:38 +0000

1 - Themes:

Dracula Theme - Saiba Mais

Winter is Coming Theme - Saiba Mais

Outros temas disponíveis: https://vscodethemes.com/

2 - Icon Theme:

Material Icon Theme - Saiba Mais

VSCode Icons Team - Saiba Mais

3 - Code formatter:

Prettier - Saiba Mais

Beautify - Saiba Mais

4 - Color Highlight:

Esta extensão estiliza as cores CSS encontradas em seu documento. Saiba Mais

5 - Bracket Pair Colorizer:

Esta extensão permite que os colchetes correspondentes sejam identificados com cores. O usuário pode definir quais caracteres combinar e quais cores usar. Saiba Mais

6 - Live Server:

Inicie um servidor de desenvolvimento, seu navegador é atualizado automaticamente sempre que você faz alguma alteração de código. Saiba Mais

7 - Bookmarks:

Viu um erro no seu código mas não irá corrigir nesse momento? Então a extensão Bookmarks pode ser a ideal para você. Ele também ajuda você a navegar em seu código, movendo-se entre posições importantes com facilidade e rapidez. Saiba Mais

8 - Auto Import:

Os imports serão localizados, analisados e irão auto completar a importação que está sendo chamada. Saiba Mais

9 - Auto Rename Tag:

Ao renomear uma tag HTML / XML, automaticamente a tag de fechamento será renomeada Saiba Mais

10 - ESLint:

Uma ferramenta de análise de código estática para identificar padrões problemáticos encontrados no código JavaScript. Saiba Mais

11 - Javascript (ES6) Code Snippets:

Capaz de fornecer trechos de código JavaScript, TypeScript, Vue, React e HTML de forma prática e simples. Saiba Mais

12 - Visual Studio IntelliCode:

Esta extensão fornece IntelliSense auxiliado por IA, mostrando itens de conclusão recomendados para o contexto de código. Saiba Mais

13 - GitLens:

Ele ajuda você a visualizar a autoria do código rapidamente por meio de anotações, navegar e explorar repositórios Git, obter insights por meio de comandos de comparação e muito mais. Saiba Mais

Recomendam alguma outra extensão? Deixe seu comentário

Comandos básico - Git

matheusdias20 — Sun, 23 May 2021 14:48:38 +0000

Hello world,

Abaixo está uma lista de comandos básicos do GIT, com suas explicações, espero com esse post ajudar vocês de alguma forma.
Aqui deixo um repositório do GITHUB com outros comandos GIT: https://gist.github.com/leocomelli/2545add34e4fec21ec16

Setar usuário

> git config --global user.name "seu_nome"

Setar email

> git config --global user.email "seu_email"

Cria um novo repositório

> git init

Mostra o estado atual do repositório atual

> git status

Prepara um arquivo para o commit

> git add nome_do_arquivo

Prepara todos os arquivos para o commit

> git add .

Adiciona mensagem com alterações do commit

> git commit -m

Substitui o último commit

> git commit --amend

Lista o histórico de commits

> git log

Redefine a preparação dos arquivos para o commmit mais recente

> git reset

Desfaz as alterações

> git revert nome_do_arquivo

Lista toda as branchs no repositório

> git branch

Deleta uma branch

> git branch -D

Alterna para uma branch

> git checkout

Mescla uma branch especifica

> git merge

Mostra arquivos não rastreados

> git clean

Conecta com um repositório remoto

> git remote add

Envia conteúdo de repositório local para repositório remoto

> git push

Busca um repositório

> git pull

Clona um repositório

> git clone

Mostra a diferença entre a cópia local e o índice sincronizado

> git diff

README Github

matheusdias20 — Sat, 15 May 2021 02:24:01 +0000

Hello World,

Me chamo Matheus e hoje vim mostrar como fazer um README do Github informativo, assim como o meu:

Connect with me:

<a href="#"><img align="left" width="22px" src="https://raw.githubusercontent.com/iconic/open-iconic/master/svg/globe.svg"></i></a>

No src é só entrar nesse site e escolher o seu ícone: https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/

My Git Stats

<img src="https://github-readme-stats-eight-theta.vercel.app/api?username=matheusdias20&show_icons=true&theme=react&include_all_commits=true&count_private=true"/>

<img src="https://github-readme-stats-eight-theta.vercel.app/api/top-langs/?username=matheusdias20&layout=compact&langs_count=8&theme=react"/>

Alterações a serem feitas:

username = Você irá colocar seu usuário do github
theme = Temos uma variedade de cores que podemos colocar no Stats Card e no Repo Card. O que estou usando é REACT, porém, abaixo irei deixar os temas disponíveis
langs_count=8 = Aqui você especifica quantas linguagens deseja mostrar

Esses temas funcionam tanto para o Stats Card e Repo Card.


`default`	`dark`
`merko`	`gruvbox`
`onedark`	`cobalt`
`highcontrast`	`dracula`
`monokai`	`vue`
`shades-of-purple`	`nightowl`
`blue-green`	`algolia`
`darcula`	`bear`
`solarized-light`	`chartreuse-dark`
`gotham`	`material-palenight`
`vision-friendly-dark`	`ayu-mirage`
`calm`	`flag-india`
`react`	`jolly`
`yeblu`	`blueberry`
`kacho_ga`	`outrun`

Espero que tenha ajudado de alguma forma, e se tiverem alguma dúvida, pode me chamar e vamos trocar uma ideia 😄