"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Codepens coloridos divertidos

Codepens coloridos divertidos

Publicado em 2024-11-09
Navegar:781

Fun Colorful Codepens

Olá, como designer, a cor é muito importante para mim.

Nos últimos dois anos colecionei e criei algumas paletas de cores. Mas esse não é o assunto do post de hoje.

Hoje eu queria compartilhar algumas canetas coloridas divertidas que fiz.

Vamos…

(Observação: alguns deles podem não ser compatíveis com dispositivos móveis.)


1. Controles deslizantes de cores RGB

O que posso dizer sobre isso. Antes de prosseguirmos, devo dizer que uso o Microsoft Copilot para me ajudar com os detalhes mais sutis de CSS e JS.

Ok, quais são alguns recursos interessantes disso. Brincar com os controles deslizantes atualiza instantaneamente a cor de fundo da página e os valores de entrada de texto para RGB. Isso funciona bidirecionalmente se você quiser digitar um valor em vez de brincar com o controle deslizante.

2. Calculadora de cores

Quem não ama uma calculadora básica? Este tem um recurso interessante que permite digitar ou colar um código hexadecimal colorido na tela de resposta para alterar a cor!

3. Paletas de cores aleatórias com JS

Falando em paletas de cores. Aqui está um gerador de paleta de cores aleatórias. Eu criei isso apenas por diversão. Eu sei que uso muito a IA para me ajudar a criar projetos. Mas quando se trata de paletas de cores, IA ou gerador de paleta de cores aleatórias não é algo que eu uso. Pode ter seus casos de uso, mas muitos dos meus projetos de design são muito queridos para mim e tento ser intencional com as cores que uso.

4. Mostrador de relógio preto e branco

Cara de pau simples e muito bonita. Seria um ótimo protetor de tela. Clique para alternar entre tema claro e escuro.

5. Quadro do aplicativo SunBible com opções de tema colorido

Este é um projeto no qual trabalho há muitos anos. Eu construí isso do zero e empacotei-o como um aplicativo de desktop com elétron. Você pode ver o código completo no GitHub

6. Infinite Snap Scroll da ABC com animação colorida

Bem, obrigado por rolar até o final deste artigo. Se você gosta de rolar, eu cuido de você.

Eu adoraria entrar em contato com você nos comentários. Deixe-me saber o que você gosta, talvez me dê uma ideia para outro projeto divertido.

Declaração de lançamento Este artigo foi reproduzido em: https://dev.to/nonresistentereally/colorful-fun-codepens-1o81?1 Se houver alguma violação, entre em contato com [email protected] para excluí-lo
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3