criei um appzinho pra eu ver quem parou de me seguir e o pessoal do meu insta ficou tudo louco, então resolvi lançar:
So solicitar os dados no insta e anexar o zip ai que já faço tudo automático.
Se vc recebe a porra de um Figma é pra fazer o site igual ta na porra do Figma, não é pra interpretar o que ta la na sua mente fodida de backend não. Respeita a porra do design.
Vi muita gente chorando por causa disso aqui como se fosse inviável...
Em poucos minutos com o Framer Motion consegui a mesma animação com spring easing, cancelável e performática. Não tem desculpa sabe, só má vontade mesmo.
(se alguém quiser o código eu posto)
em breve a firma vai abrir oportunidade pra um dev junior pra trabalhar comigo. O foco vai ser ajudar na criação de soluções de IA. Quando eu tiver mais informações compartilho aqui
@akinncar
Meu background é de designer e hoje sou frontend senior e digo com propriedade que isso ai é mentira. É simplesmente desleixo, tem dev que não tem coragem de colocar o protótipo do lado e ver que ta completamente diferente os espaçamentos. Vc tem olhos, nem tudo são números.
Precisei renomear uma grande quantidade de arquivos e nenhum dos apps/extensões que achei funcionavam da forma que eu gostaria. Então resolvi criar uma extensão pro
@code
🤓
@OBlackPitt
@brunafeia
O trágico disso é 80% dos casos a pessoa realmente foi escrota, mas o egocentrismo é tão grande que ela nem se enxerga dessa forma. Mas felizmente o karma não falha, hj vc faz chorar, amanhã vc chora pelos mesmos motivos :)
Segue código:
É até bem pouco código pra chegar nesse resultado. Claro que não está "production ready", pra ficar igual ainda falta sincronizar a animação com o progresso do slider, o que é bem simples de fazer com hooks do próprio framer motion.
@thekitze
Framer motion can get pretty close to this, but then web devs will argue a few kb in the bundle size is too much, then proceed to write a billion lines of css and still look nothing like it.
@willhamlet97
@samsantosb
é um novo paradigma introduzido pelo React para trazer o conceito de componentes para o backend. No exemplo é um “server component” com um “action” no botão, ou seja, quando esse botão for parar no navegador do usuário, ele poderá acionar um endpoint especial para inserir dados
@douglex
Interessante destacar que com o Mac da pra ir trabalhar na cafeteria, ja que a bateria do thinkpad deve durar 30 minutos e o carregador tem o mesmo peso do notebook
@tariqueisso
@andrenizando
Imaturidade por definição é quem acha q não tem responsabilidade sobre nada, só “sumir” é ser imaturo e até egocêntrico. Uma simples mensagem esclarecendo o q sente em relação a pessoa ajuda muito. Mas vamos ser sinceros os que somem eventualmente voltam e tem mais é q se lascar.
@brunocroh
Na forma atual nem deve ser visto como ferramenta de aprendizado e sim de produtividade, é excelente quando vc sabe o que está fazendo. Evitar usar também seria um tiro no pé, acho que o ideal é dominar e entender a ferramenta pra saber quando usar.
@_developit
It’s not tailwind fault, you should have defined theme colors as css variables like shown in the docs, that way you could easily switch themes. The app I’m work handles multiple themes flawlessly just toggling one class in the body.
@t3dotgg
@FredKSchott
I feel like there’s a vocal minority spreading fear/criticism on Twitter about React and Next lately, maybe to promote other solutions/frameworks, but I don’t think this is nice. I’m loving app router but I open Twitter and suddenly I feel guilty for liking it
@seaotta
This is the good ol CSS. Actually this is what happens when you try to outsmart tailwind, you end up creating a shittier unmaintainable version of tailwind that no one understands
@kazzkiq
Meu hot take é que Dev front que não tem conhecimento profundo de UI e UX não faz um bom trabalho. “ah mas tem profissonais de UI/UX” não interessa, user experience não acaba no figma, um profissional sem esse feeling não consegue traduzir a ideia do designer corretamente.
@alarm__call
Nem fica tentando entender comportamento de gente doente. Na próxima seja mais criterioso antes de sair de casa pra encontrar um desconhecido.
@NathanDev_
Construa seu design com embasamento nos fundamentos da plataforma como flexbox, grids, positions fixed/absolute/sticky. Disponibilize assets em alta resolução (nível retina), deixe claro o que é pra exportar em svg. Prototipar animações e comportamentos.
@Lele_e_Gi
Como é OLED não tem backlight então é bem confortável pra ver mesmo de perto, fora o contraste perfeito. A luminária em cima é pra iluminar a mesa mesmo q ai posso ficar no escuro sem lascar as vistas
Não ironicamente é um dos melhores exercícios que vc pode fazer, mas tem que ter todos os comportamentos: ao abrir o foco deve ir pro modal, ao fechar deve voltar pro botão que abriu, deve ser corretamente anunciado pra leitores de tela, fechar com click outside e esc
Vcs tão tudo viciado em npm install, eu DUVIDO vocês implementarem uma popupzinha dessas na mão!
"ainn mas isso é um Alert"
"ainn mas pra que fazer do zero"
blza parça mas e aí tu se garante ou não sem dar npm install numa lib que faz isso?
@daanilo_soares
Antes eu usava um note gamer com 16gb e não dava conta de metade disso e fazia um barulho horrível e nem pensar trabalhar fora da tomada. Esse nem tem cooler.
Que horas exatamente o twitter vai de arrasta? Honestamente acho q vou de VPN mesmo, sigo tanta gente talentosa e já aprendi tanto acompanhando essas pessoas, vai ser um super prejuízo. No fim das contas, nós é que acabamos prejudicados nessas disputas de ego e poder.
@verge
looks oversaturated and fake. Since it needs to be processed on google servers, imagine the amount of info they will extract from each frame with modern AI. wtf
@ocodista
Pra que romantizar preguiça? Existem profissionais bons e ruins. Repetir a mesma coisa todo dia ao invés de estudar uma solução definitiva é característico de gente preguiçosa por sinal. Preguiçosos são difíceis de conviver, são os sabichões q acham q não tem q aprender mais nada
Aceitam um conselho de um cara com mais de 30 anos de TI e Segurança da Informação?
Não instalem esse APP. Você pode fazer isso através da própria plataforma do seu smartphone.
@giferbsugiy
@reiniciadah
Achei q ele foi até educado com essa sem noção. Se eu to fodido estressado com prazo apertado e chega uma tiktoker me filmando eu mesmo mandava ela caçar outro
@brunocroh
Isso tá literalmente no research paper da OpenAI quando saiu o GPT 4 e foi o principal benchmark. Foi notícia em todo lugar. Onde está o absurdo?
@ocodista
CSS é antiquado pro desenvolvimento moderno, por isso que tailwind veio com tanta força pq deixou escrever css divertido sem abrir mão de liberdade criativa, diferente do bootstrap. Os puristas não aceitam q daqui pra frente css será apenas um compiler target
@lixeletto
bootstrap = nunca
tailwind = vc não tem um design system mas quer liberdade pra criar sua UI
ui libs = vc nao quer pensar em design e a aparência da lib ja atende
criei um appzinho pra eu ver quem parou de me seguir e o pessoal do meu insta ficou tudo louco, então resolvi lançar:
So solicitar os dados no insta e anexar o zip ai que já faço tudo automático.
@realAIexandre
Assim como todo código q vc acha na internet deve ser revisado, testado e adaptado pra sua necessidade, o ChatGPT é a mesma coisa. Agora vc colar código proprietário e pedir pra ele modificar aí sim pode dar ruim pq a OpenAI obviamente faz coleta de dados. Questão de bom senso.
@Damianpastor01
Eu paguei uns 5k no meu, preço de Lenovo de firma que não entrega 1/5 da performance. Esses modelos de 15k substituem desktops do mesmo valor pra muitos profissionais. MacBooks estão bem competitivos no quesito custo x performance
@antiduhring_
@samsantosb
padronizar mensagem de toast? a mensagem tem q ser relevante pra ação que o usuário fez naquele momento. Seria tiro no pé deixar o conteúdo muito distante do toast.
@lixeletto
@NathanLSDev
Na real pra mim o maior ganho do tailwind é em DX: o linter, integração no editor, o plugin do prettier, a documentação impecável, tudo faz eu ser muuito rápido, as vezes sinto q eu tô desenhando no figma. Adoro quando a tecnologia desaparece e me deixa só criar
Sim, na verdade entendo como obrigação, da mesma forma que o designer tem q entender o minimo de como a plataforma alvo funciona. Facilita a vida de todo mundo, evita retrabalhos / frustrações de ambas as partes e sobe dramaticamente a qualidade da sua entrega.
devs frontend, vcs tbm sentem a necessidade de entender UI/UX Design para ser um profissional melhor?
Eu estou tentando estudar esses conceitos de web design pq eu sinto que me falta esse conhecimento, mas tem pouco conteúdo grátis na web. Sugestões?
cc
@sseraphini
@lixeletto
@lixeletto
simmm eu usava um app, mas um belo dia o insta bloqueou minha conta por uns dias por conta dele, fiquei com trauma, ai achei um site que fazia algo semelhante, mas eu tinha q copiar e colar o conteudo dos arquivos, dai fiz de forma q vc pode só subir o zip e eu me viro kkkk
@tannerlinsley
Meanwhile we’re about to ship an e-commerce that benefited immensely from RSC with streaming. We not only care about SEO but also user experience. Not everyone is out there building ugly dashboards with a billion loading spinners.
@Lele_e_Gi
É bom vc olhar telas com certificação eyesafe, da uma olhada nessa lista:
Importante também pesquisar se o modelo que vc escolher é 100% flicker free
@coproduto
@geckones
Talvez pq não faz mais sentido fazer essa distinção de “programação” de “programação web”. Hoje em dia programas completos rodam no navegador com a vantagem do mesmo código rodar em todas as plataformas. Povo fala como se webdev só fizesse landing page o dia todo.