desenvolvweb
@desenvolvweb
Followers
418
Following
1K
Media
702
Statuses
2K
Conteúdos sobre front-end design: HTML, CSS, UI, UX, layout, motion, a11y, design system. O melhor perfil de Front-End Design do Brasil!
Brasil
Joined May 2017
Os 3 melhores investimentos que fiz na minha carreira até hoje: - Uma boa cadeira - Um bom colchão - Um bom travesseiro
0
0
0
💡 CSS Tip! Use modern CSS to create an arrow shape that adjusts according to the direction and writing mode. A direction-aware shape! https://t.co/Dh1GLF1O9i Another cool use case of corner-shape
2
7
42
Não só lembro, como cheguei a adquirir um telefonezim com Firefox OS acreditando no projeto... 🥲
Pouca gente lembra mas em ~2012 a Mozilla apostou forte no Firefox OS, um sistema web open source todo em HTML, CSS e JS, com foco em celulares baratos Não vingou maaas deixou legados Impulsionou APIs web nativas e foi o embrião do que hoje conhecemos como PWA (e até webviews)
2
0
5
Pior que até hoje eu não sei o que seria essa tal "bolha dev"...
A tal denominada bolha dev é apenas um show de performance. Cansa lidar com gente que tá performando o tempo todo, gente que a personalidade 100% (teoricamente) é trabalho, código, etc. Se olhem no espelho aí pra ver se bate um quê de realidade, plz, a vida né só isso não.
0
0
0
Precisei disso esses dias mesmo... 😅
One of my favourite little details in the new COLLINS website is this responsive border-radius. --margin: calc((100% - var(--max-width)) / 2); border-radius: clamp(1rem, calc(1.5rem - var(--margin)), 1.5rem); https://t.co/mokwcgE2eM
0
0
0
Como você usa seus breakpoints? Você AINDA usa breakpoints? Nenhum problema nisso, mas você usa para o quê realmente é preciso? Artigo completo na bio ou acesse o link: https://t.co/8OZPLesTn0
0
2
3
Para entender como isso é feito com CSS PURO, dá uma olhada no nosso vídeo sobre Scroll-driven Animations:
in the audience, scratchin an itch: responsive #CSS scroll animation try it! https://t.co/82qhycnXlM
0
0
1
Nowadays, we can do better: ``` box-shadow: 0 1px 2px rgb(from currentcolor r g b/ .65) ``` #tinyCSStip
#tinyCSStip Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`? Use `color-mix()`!
3
12
253
Legal. Não conhecia.
I love using `react-hotkeys-hook` for keyboard shortcuts.
0
1
1
Acho que o problema foi ter divulgado um anúncio de M4 que só dá para escolher M1...
doideira a galera metendo o pau em mim porque é um M1 em pleno 2025, rapazeda eu paguei 19 mil reais no meu macbook m1 em 2022, 4 mil reais num M1 TA BARATO FILHO
0
0
0
O cara DESTRINCHOU Liquid Glass e colocou para funcionar no browser com SVG e CSS! 🤯 Artigo MONSTRO com conceitos, interatividade etc.: https://t.co/sJLipdUt9x
kube.io
Explore how to recreate Apple's stunning Liquid Glass effect using CSS, SVG Displacement Maps, and refraction calculations.
0
1
0
A Sociedade do Anel tinha um objetivo claro; uma organização; divisão clara de funções; todos estavam ali por um objetivo comum; fazer o bem; etc. Comunidade open source é 90% de Boromir, bicho... Pessoal tem 15 camadas de interesse antes de "pelo bem do projeto".
digamos que as big techs sejam o sauron e a AGI seja o anel pequenas start ups seriam o gollum a comunidade open source seria a sociedade do anel devs seriam os hobbits infra e ops seriam os anões design e produto seriam os elfos saruman o estado balrog as mídias sociais
1
0
3
Isso só pode ser rage bait, né possível...
Tem tanto material gratuito bom pra dev que é só tu jogar no google pra achar que eu honestamente acho que material pago tem que ter algo de muito especial/diferente pra fazer sentido de pegar Ou isso ou quem tá recomendando tá levando comissão
1
0
0
Eu tenho a mesma opinião que o melhor programador do mundo. :)
0
0
0
this is the closest to liquid glass i've seen on the web
wtf how did people figure out to do liquid glass on the web already?!!! (without the background shining through sadly but still)
5
14
512
Certíssimo. Mas acredito que ninguém diga isso de verdade. Pode ser um dos motivos, mas não o principal.
Prefiro ser franco do que me preocupar com boa impressão Adultos são adultos, se não vão aceitar, paciência
0
0
0
One of the tricks I picked up from working at Google is a very simple way to make sure your interface feels on-brand: Start with the core brand colour. Let's say it's blue. You create a palette of blue shades from light to dark, almost white to almost black, all with a blue
79
161
4K
