Testando Figma no Vscode 🤯🔥
- Dá pra exportar os assets por lá mesmo.
- Código já vem 'pronto'.
- Margin e padding agora estão muito mais fáceis de medir.
- Você pode linkar um projeto à um design.
- Tem mais coisa que não testei ainda...
quem anima uma rinha de designer?
— uma paleta de cores
— uma fonte
— requisitos do app/site
— e o público alvo
o layout vencedor, será utilizado na rinha de front-end
temos sim matemática no - ̗̀ front-end ̖́-
se ligue nessa fórmula pra calcular o border radius interno ideal de um componente
R1 + D = R2
R1: border-radius interno
R2: border-radius externo
D: distância entre ambos
Qual a melhor maneira de traduzir dados de uma API que estou criando?
Devo fazer: `api/en/data` e `api/pt/data` ou tem alguma maneira melhor de fazer isso?
cc
@sseraphini
Amigos, estou me juntando ao time da
@usebipa
como Software Engineer 🙂↕️
Muito animado pra trabalhar ao lado do
@luizfgparreira
e mais um monte de gente foda!!
Big news. From now on, I will only share content in english. I was trying to reach people with the same interest as me, with interest in crafting AAA-level things, polishing interfaces/interactions as much as they can, and cool design overall.
But most of the portuguese speaking
@JeffQuesado
se alguém no time estiver usando windows que não é case sensitive e outro alguém estiver usando mac e os dois renomeiam ou criam arquivos com o 'mesmo nome' pode dar conflito ao fazer commit das mudanças, já que o git e diferentes OSs tratam esses nomes de forma diferente
Juntando inspo pra refazer meu portfólio.
* fontes pixeladas
* aspecto retro
* cores saturadas
* muito ASCII
Posto o resultado aqui quando tiver pronto — não sei quando.
@bloodfeathr
font-feature-settings ativa recursos específicos das fontes que suportam recursos OpenType (um formato de fonte escalável).
Os valores cv11, salt, etc... são recursos de fonte que podem incluir variantes de caracteres, ligaduras, swashes e outras características decorativas ou
Estilos de CSS que pode usar sem medo que fica bonito:
— Max width 60ch
— Border radius 8px
— Bg # f5f5f5
— Texto # 212121
— Min padding 16px
— 24px de espaço entre componentes
Conhece mais algum?
Você tem um projeto e quer refinar o design dele? Agenda uma call (gratuita) comigo.
Abriremos o Figma e o VScode juntos e veremos o que dá pra melhorar — link na thread e no meu site.
@evertjr
os maiores projetos react que tô vendo por aí agora estão todos usando kebab-case
isso evita uma montão de problemas com conflitos e discutivelmente melhora a legibilidade
em 2024 pretendo contratar 4 pessoas
1 * Design Engineer
1 * Design Engineer
1 * Fullstack Engineer
1 * Storyteller
ou esse formato de time vai dar MUITO certo ou errado — sem meio termos
@samsantosb
@coproduto
Sam entrou num restaurante nos estados unidos e após fazer seu pedido, a garçonete faz a seguinte pergunta: anything else?
essa foi a última vez que ela foi vista, até hoje a família está sem respostas...
Desativar os efeitos de hover em dispositivos móveis é crucial porém negligenciado.
Os usuários acionam inadvertidamente ações destinadas ao hover — prejudicando a navegação e funcionalidade pretendidas.
e.g. Ter que clicar duas vezes num botão para realizar uma ação.
com nextjs e tailwind, eu consigo fazer um site est��tico mais rápido e melhor do que com qualquer ferramenta no-code tipo wordpress, framer, webflow e afins
olha que nem to falando de usar biblioteca de componentes tipo shadcn/ui, mantine, etc
Vou só corrigir um bug na renderização de índices de array e fazer o deploy via Surge. Aí vou acionar o "Gatling do Chrome" (Lighthouse) e postar os resultados aqui.
“As linhas entre cliente e servidor precisam ser borradas assim como design e programação também precisam”
— CEO da Vercel
O que você acha da afirmação?
sabe quando você tem um texto no seu site que fica com uma formatação estranha dependendo da viewport❓
dá um `npm install react-wrap-balancer`
e escreve o texto do seu componente dessa forma:
<h1>
<Balancer>Meu texto</Balancer>
</h1>
A gente está voltando pra era de interfaces com somente textos — bem no estilo terminal verde e preto.
Eu curto muito a ideia, é menos estimulante e o mais direto ao ponto possível.