𝕹. 𝕷. 𝖁𝖎𝖊𝖎𝖗𝖝

Se te mostras fraco no dia da angústia, a tua força é pequena
-Provérbios 24:10
Perfil p/ Marcação de ideias.
🚫 Don't follow

[Bolha Dev @BolhaDevs]

a segunda queima da biblioteca de alexandria

[E daí? Lamento. Quer que eu faça o quê? @AQUELECARA]

Tudo viado

[Toda Hora The Office @tdhoratheoffice]

Top

[Bolha Dev @BolhaDevs]

4 (ou mais) sites curiosos

[Bolha Dev @BolhaDevs]

o algoritmo de dijkstra em 3d

[lynk @lynk0x]

Pov: You'd rather die moving in faith than rot sitting in fear."

[Anime mix @animemixxx]

الانمي الذي سيحتل العالم قريبا 😱🔥

[Yaseen Khan Gul @YaseenK7212]

This AI Naruto vs Pain is giving me goosebumps.🤯

[Abraham John 🦄🦓 @Abmankendrick]

Website link ⬇️

https://t.co/wW7GYA2A4e

[Chatto @itschatto]

If your design system doesn't look like this, plz don't call it a design system.

AI Native Design System & Component Library
→ [@createuico]™

[Csaba Kissi @csaba_kissi]

Open-source and free apps for coders and makers

https://t.co/dL3kIkhYzy - CSS Text effects with AI prompts
https://t.co/evHtFAvyq5 - Open-source self-hosted dashboard for Amazon SES
https://t.co/hOLbZNyS70 - Free directory of public APIs
https://t.co/A5doCfRCsR - Open-source security framework
https://t.co/yxqgiIYGGn - UI library for building terminal user interfaces

[YUDHO @YUDHO_XYZ]

♦️STILL NOT GIVING UP

[Manu Arora @mannupaaji]

make any text follow a path in SVG with <𝚝𝚎𝚡𝚝𝙿𝚊𝚝𝚑>

point your text at a path, then animate 𝚜𝚝𝚊𝚛𝚝𝙾𝚏𝚏𝚜𝚎𝚝 to make it flow along the curve infinitely

Just SVG + a tiny <𝚊𝚗𝚒𝚖𝚊𝚝𝚎>

<𝚜𝚟𝚐 𝚟𝚒𝚎𝚠𝙱𝚘𝚡="𝟶 𝟶 𝟷𝟺𝟶𝟶 𝟺𝟼𝟶">
<𝚙𝚊𝚝𝚑 𝚒𝚍="𝚌" 𝚍="𝙼𝟶 𝟺𝟸𝟶 𝚀𝟽𝟶𝟶 -𝟷𝟸𝟶 𝟷𝟺𝟶𝟶 𝟺𝟸𝟶" 𝚏𝚒𝚕𝚕="𝚗𝚘𝚗𝚎"/>

<𝚝𝚎𝚡𝚝 𝚏𝚘𝚗𝚝-𝚜𝚒𝚣𝚎="𝟺𝟺" 𝚏𝚒𝚕𝚕="#𝟶𝚎𝚊𝟻𝚎𝟿">
<𝚝𝚎𝚡𝚝𝙿𝚊𝚝𝚑 𝚑𝚛𝚎𝚏="#𝚌"> 𝚝𝚎𝚡𝚝 𝚘𝚗 𝚊𝚗 𝚜𝚟𝚐 𝚙𝚊𝚝h
<𝚊𝚗𝚒𝚖𝚊𝚝𝚎
𝚊𝚝𝚝𝚛𝚒𝚋𝚞𝚝���𝙽𝚊𝚖𝚎="𝚜𝚝𝚊𝚛𝚝𝙾𝚏𝚏𝚜𝚎𝚝"
𝚏𝚛𝚘𝚖="-𝟾𝟶𝟶"
𝚝𝚘="𝟶"
𝚍𝚞𝚛="𝟽𝚜"
𝚛𝚎𝚙𝚎𝚊𝚝𝙲𝚘𝚞𝚗𝚝="𝚒𝚗𝚍𝚎𝚏𝚒𝚗𝚒𝚝𝚎"
/>
</𝚝𝚎𝚡𝚝𝙿𝚊𝚝𝚑>
</𝚝𝚎𝚡𝚝>
</𝚜𝚟𝚐>

[Lady Jadeite ❤️✨️🌹 @lady_Jadeite]

ถึงแฟนในอนาคต
ชอบให้กอดแบบ little spoon ค่ะ https://t.co/waky7HZuMz

[Li Mengbai @lvjin1993]

终于知道为什么盖房子水泥里面要混钢筋🤔

[jhey ʕ•ᴥ•ʔ @jh3yy]

Scroll masking with CSS scroll animation as a progressive enhancement ⭐️

.scroller {
animation: mask-up;
animation-timeline: scroll(self);
animation-range: 0 1rem;
mask-composite: exclude;
}
@​keyframes mask-up {
to { mask-size: 100% 120px, 100% 100%; }
}

[Manu Arora @mannupaaji]

you can create a sticky navbar that morphs when you scroll with pure CSS, no JS or animation libraries required

𝚑𝚎𝚊𝚍𝚎𝚛 {
𝚌𝚘𝚗𝚝𝚊𝚒𝚗𝚎𝚛-𝚝𝚢𝚙𝚎: 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚝𝚊𝚝𝚎;
𝚙𝚘𝚜𝚒𝚝𝚒𝚘𝚗: 𝚜𝚝𝚒𝚌𝚔𝚢;
𝚝𝚘𝚙: 𝟶;
}
@𝚌𝚘𝚗𝚝𝚊𝚒𝚗𝚎𝚛 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚝𝚊𝚝𝚎(𝚜𝚝𝚞𝚌𝚔: 𝚝𝚘𝚙) {
.𝚗𝚊𝚟-𝚋𝚊𝚛 {
𝚖𝚊𝚡-𝚠𝚒𝚍𝚝𝚑: 𝟻𝟼𝚛𝚎𝚖;
𝚋𝚘𝚛𝚍𝚎𝚛-𝚛𝚊𝚍𝚒𝚞𝚜: 𝟶.𝟽𝟻𝚛𝚎𝚖;
𝚋𝚊𝚌𝚔𝚐𝚛𝚘𝚞𝚗𝚍: 𝚛𝚐𝚋(𝟸𝟻𝟻 𝟸𝟻𝟻 𝟸𝟻𝟻 / 𝟶.𝟿𝟸);
}
}

the browser now knows when a sticky element is stuck, all triggered by one container query

available only in chromium browsers only, no firefox or safari which is a shame

[jhey ʕ•ᴥ•ʔ @jh3yy]

if you’re dynamically masking a scroll container with css, consider leaving room for the scrollbar instead of masking it too 🧑‍🍳

mask-repeat: no-repeat;
mask-size: calc(100% - 10px) 100px;

[Vinchuca @pa__bli3]

Es mentira lo de Cobalt
Usen:
1. VideoDownloadHelper: https://shorturl. at/Hpkn1
2.FetchV: https://shorturl. at/fyiXx
3.HLS Downloader: https://shorturl. at/Rvh2R
Posibilita descargar directamente videos en streaming o de YT
PD:si son de andar por CINEAR recomiendo opción 1.