Blog de Desenvolvimento
Publicado em por Courtney Meznarich

Sistema de Cores: SoCreate define padrões com propriedades personalizadas de CSS

Lauren Spence apresenta o sistema de cores

Nossa mais recente Reunião de Almoço – uma série de aprendizado liderada pela equipe da SoCreate – talvez tenha sido a mais colorida de todas! Lauren Spence, desenvolvedora de UX, assumiu a frente para ensinar à equipe práticas modernas que estão sendo usadas na parte de UX dos projetos da SoCreate. Enquanto o resto de nós satisfez nosso apetite com o almoço servido, Lauren satisfez nossos sentidos visuais com a apresentação sobre o Sistema de Cores da SoCreate.

O Sistema de Cores é uma abordagem inovadora que controla e tematiza as cores em todos os aplicativos que criamos. O sistema adiciona camadas e regras por cima de CSS simples, oferecendo-nos um sistema fácil de usar, fácil de documentar e fácil de tematizar. Ele foi criado a partir de uma biblioteca de propriedades personalizadas globais de CSS, cada uma com um nome exclusivo para seu uso pretendido.

“Com essa biblioteca de nomes de cores exclusivos, podemos facilmente selecionar a cor certa para qualquer finalidade e alterar com confiança as cores sem efeitos indesejados”, explicou Lauren. "Temos um catálogo abrangente de cores com o aplicativo, uma espécie de 'guia de estilo' embutido no código."

Além disso, através do poder das propriedades personalizadas, Lauren explicou que podemos definir temas no aplicativo com quase nenhum esforço adicional por parte do desenvolvedor. Uma vantagem para todas as partes!

O principal benefício do Sistema de Cores é o triplo, já que ele foi criado para resolver vários problemas enfrentados por muitos desenvolvedores de UX:

  • Tomada de decisão facilitada, graças ao nosso catálogo de cores globais. Qualquer dupla de desenvolvedores que esteja criando um novo componente agora pode facilmente tomar a mesma decisão sobre qual cor usar.

  • Tematização simplificada. Onde antes precisávamos criar manualmente um tema para cada componente no aplicativo, agora obtemos temas gratuitamente com o poder das propriedades personalizadas de CSS.

  • Texto inquebrável. O texto nunca ficará ilegível (e, portanto, seu aplicativo não ficará inutilizável) devido à falta de contraste de cores. Conseguimos isso através do controle rigoroso das cores de fundo no aplicativo, e por meio da documentação das cores sobre cada fundo, de modo que, quando introduzimos uma nova cor, é fácil verificar se ela prejudicará a leitura em qualquer nível.

Lauren disse que a equipe de UX da SoCreate está animada para explorar adicionalmente as propriedades personalizadas de CSS. Essa é uma abordagem relativamente nova. Os desenvolvedores que precisam se preocupar com o suporte a navegadores mais antigos não puderam usar e experimentar as propriedades personalizadas de CSS por muito tempo.

"Isso significa que estamos na vanguarda da exploração do poder dessa tecnologia, e acreditamos ter criado uma forma muito bacana de aproveitar o poder dela."

Na vanguarda… Sim, isso tem a cara da SoCreate! Estou continuamente impressionada com a furiosa curiosidade da nossa equipe: como podemos fazer algo melhor, mais rápido ou diferente?

Essas são perguntas que todos devemos nos fazer em nossa busca pela aprendizagem contínua.

Vamos, equipe!

Courtney Meznarich, Diretora de envolvimento com a comunidade
Courtney Meznarich Diretora de envolvimento com a comunidade
@courtonthecoast

Você também pode se interessar por…

Jami Lurock faz uma apresentação sobre automação residencial

Reunião de Almoço: a jornada de Jami Lurock rumo à automação residencial

Quando combinamos um engenheiro com seu sistema de segurança residencial, o resultado é algo muito mais avançado que aquele alarme típico. Você já quis apenas falar para a porta da sua garagem abrir, monitorar a salinidade da sua piscina de água salgada à distância ou flagrar seu filho ou um colega de quarto que deixar a janela aberta quando o aquecedor está ligado, tudo pelo celular? Isso é possível, e nosso engenheiro-chefe, Jami Lurock, provou para nós! No segundo episódio da nossa "Reunião de Almoço", uma série de aprendizagem mensal conduzida pela equipe sobre diversos ...
Laura Graesser do Google Brain e Keng Wah Loon da apresentação da Machine Zone sobre aprendizado de máquina

SoCreate apoia a tecnologia local: workshop de Deep Reinforcement Learning

A SoCreate faz do apoio à tecnologia em San Luis Obispo uma tradição. Um dos motivos é porque somos eternos aprendizes, e podemos aprender muitas coisas entre nós. Além disso, queremos ver a indústria tecnológica crescer em SLO, pois isso apenas nos ajuda a desenvolver uma equipe ainda mais talentosa! Portanto, quando dois especialistas em suas áreas chegaram ao PyData SLO para um workshop sobre deep reinforcement learning (aprendizado por reforço), nós chegamos com a pizza! Além disso, sediamos esta Reunião de Março aqui no escritório da SoCreate. O engenheiro de ...
Madalyn Pape na interface do computador do cérebro

Hardware, software, wetware: SoCreate aborda o tema BCI

Estamos em 2019, e a ficção científica virou realidade. Estamos vivendo na era da realidade científica! Nossa Reunião de Almoço de março (uma série mensal de aprendizagem conduzida pela equipe) abordou o tema da interface cérebro-computador (BCI), que era exatamente o que nossa equipe fãs de filmes desejava. A estagiária de desenvolvimento UX Madalyn Pape foi a responsável pela incrível apresentação, pois esse tema é uma de suas paixões pessoais. Avatar, Matrix, Star Trek e X-Men, da Marvel... Esses são filmes sobre controle mental que nós conseguimos entender! Porém... Conectar nosso ...