Javier Garcia Chavez

Front-End Web Developer. Twitts in spanglish about SelfDev, UI design, JavaScript, React and Digital Media.

[Emil Kowalski @emilkowalski]

An easy way to make your dropdowns feel better is to make them origin-aware.

They should scale in from the trigger. In this case, `transform-origin: top left`.

The default is `center` which feels wrong, as it appears out of nowhere.

[槍ヶ岳山荘グループ【公式】 @yarigatake3180m]

ぜひ最後までご覧ください。
夕焼けからの彗星ドーン！って感じです。
撮影場所は槍ヶ岳山荘。

[amber! @corvophobia]

dont make me tap the sign

[Kumail Nanji @kumailnanji]

version 2 // interactive map 🗺️

[Jamie Kyle is on 🦋 @buildsghost]

This unintentionally perfectly captures why UI design is no longer a distinguishing factor in product choice, no longer a way to attract new users

It’s become a rigid set of rules and good design is now judged solely on how well you follow these rules

[Alex Sidorenko @asidorenko_]

How to hide Tailwind classes in VS code

[Lee Robinson @leerob]

React Server Components allow you to call your database directly from a component.

And that's great... but how do we make sure this code never ever runs on the client?

[sarah @sablaah]

humiliating. looks like shit. yet another massive W for earth, the best planet in the universe

[Upendra Sahni @Upendra17916450]

Huge thanks to @mironcatalin for the amazing tutorial in React Native Animation! 🙌 I recreated it using React Native Reanimated and loved the process. Your content is super helpful! #ReactNative #Reanimated #Animation #ReactNativeAnimation #mobiledevelopment #mobiledev

[Average Dad @Average_Dad1]

My wife deleted social media off her phone recently. Today I caught her scrolling through her venmo feed like an alcoholic drinking listerine.

[Liran Tal @liran_tal]

Rule #7 of SQL: Developers rejecting ORMs are doomed to end up building them

[jhey ʕ•ᴥ•ʔ @jh3yy]

Now CSS has JavaScript's Math.pow(), you could generate fluid font scales in CSS for viewport/container sizes 👀 (watch resize)

:where(dd) {
--min: calc(17 * pow(1.2, var(--lvl, 0)));
font-size: clamp(var(--min), var(--fluid), var(--max)); ✨
}
dd:nth-of-type(2) { --lvl: 2; }

[John Carmack @ID_AA_Carmack]

I didn’t know that Karateka and Prince of Persia were family projects with Jordan’s dad and brother — that’s great!

[Robin Payot @RobinPayot]

New Youtube video available: How I made Zelda in #Javascript in the browser!

👇Click here to watch! 👇https://t.co/2zEXNgciMM

Sharing & support appreciated ♥️ 🙏
#Zelda #threejs #webgl

[John Carmack @ID_AA_Carmack]

Respect.

If you have IO maxed out loading things while a logo is being shown there is no harm, but it is often just a forced wait, which is user-hostile.

[Paul Graham @paulg]

I met someone helping the British government with AI regulation. When I asked what they were going to regulate, he said he wasn't sure yet, and this seemed the most intelligent thing I've heard anyone say about AI regulation so far.

[Freddy Vega @freddier]

Dejamos de enseñar computación básica desde kinder en las escuelas.

La suposición es que "ya lo saben".

La errada idea de nativos digitales nos hizo hacerle daño a una generación. Esto tiene que parar YA