Deivid Marques
5.3K posts

Deivid Marques
@deividmarques
Frontend Developer | #HTML #CSS #Javascript #React #Vue #Usability #A11Y #UI 🏳️🌈
São Paulo Katılım Nisan 2009
558 Takip Edilen1.1K Takipçiler


validando a criatividade no #amazonKiro gerando componente de um DS em react + mui a partir das configurações do componente via figma

Português
Deivid Marques retweetledi

🇧🇷 Brazil’s Pix payment system now processes more transactions than Visa and Mastercard combined 🤯
According to Banco Central do Brasil, Pix handled 224+ million transactions in a single day, overtaking the combined domestic volumes of Visa and Mastercard.
Let’s put that into context.
Pix launched in November 2020.
In under five years, it became the default payment method for more than 150 million Brazilians, roughly 70% (❗️) of the population.
It’s:
• Instant
• 24/7
• Free for consumers
• Near-zero cost for merchants
• Mandatory for large banks
That combination changed everything.
For decades, Brazil’s merchants paid 2–5% per card transaction.
Pix removed most of that friction overnight.
For a street vendor in Recife or a small business in São Paulo, the math became obvious.
But this isn’t just about transaction volume.
Pix brought an estimated 71 million unbanked or underbanked Brazilians into the digital economy. That’s one of the largest financial inclusion shifts in modern history.
And strategically, this is even bigger:
A government-built rail is directly competing with — and outscaling — private global card networks.
This raises a fundamental question for the global payments ecosystem:
If public, low-cost, interoperable infrastructure can scale this fast…
what does that mean for the long-term economics of interchange?
Brazil may not just have built a payment system.
It may have built a blueprint.
Together with 🇮🇳 India’s UPI, this might be the most successful payments story of the past decade.
What do you think? Will more central banks follow this path?

English

@colucci_up que ótima notícia, já tem alguma previsão de data de lançamento dessa DLC ?
Português

@matola_10 a primeira vez que fiz isso, pensa num susto que quase caí da cadeira kkkkk
Português
Deivid Marques retweetledi

Ontem, eu tive a maior crise de pânico da minha vida.
Eu tenho ansiedade então é “comum” eu ter crises em determinadas épocas mas eu sempre soube quando era uma crise. Dessa vez, eu achei que ia realmente morrer, senti todos os sintomas de um infarto.
Me deram Rivotril na veia e voltei andando para casa 🤷🏻♀️
É, preciso de um psiquiatra.
Português
Deivid Marques retweetledi

@k8adev depois que sairem, só voltarão pra roles específicos… estou no interior há 4 anos e é muito bom
Português

@robertxyo mistura com folhas de manjericão, fica top tbm
Português

como pode o suco de maracujá ser o melhor suco do mundo
Trouxinha@euovitinn
tomaria tudo agr esse suco de maracujá
Português
Deivid Marques retweetledi
Deivid Marques retweetledi
Deivid Marques retweetledi
Deivid Marques retweetledi
Deivid Marques retweetledi

CSS Tip! ✨
You can create icon sprite animations using the steps() animation-timing function 🤙
You could use this to create little icon button animations, etc. 😎
But how do you do it? Like this 👇
button img {
object-fit: cover;
object-position: 0 0;
}
The image is a sprite strip of the frames in the animation. To animate the frames, you do something like this:
[aria-pressed=true] img {
animation: play 0.5s steps(20) forwards;
}
@ keyframes play {
to {
object-position: 100% 0;
}
}
We are toggling aria-pressed in our scripts to show a pressed state and we can then fire the animation to play our sprite 🎉
Check out the video that breaks things down a little bit
@CodePen link blow! 👇
Andreas Storm@avstorm
Love this little CSS steps trick for animations
English
Deivid Marques retweetledi

The iconic original returns. Gears of War: Reloaded comes to Xbox Series X|S, Windows PC, PlayStation 5 and Steam on August 26th.
Read more here: xbx.social/6018Sp34a

English
Deivid Marques retweetledi

more CSS <table> tricks 👇
highlight the row being edited and blur out the distractions
table:focus-within tbody tr:not(:focus-within) {
filter: blur(4px) saturate(0.2);
opacity: 0.5;
}
bonus: color-mix for accent coloring 🎨
jhey ʕ•ᴥ•ʔ@jh3yy
















