Onur Önder @onderonur_ - Twitter Profile

3 months ago

@devongovett I have a habit of throwing things out of the window when I see Limited Availability 😄 But I will definitely try this. Thanks for your answer 🙏

0

622

Onur Önder @onderonur_

5 months ago

@ryanflorence Not sure if this is what you meant for, but I find libraries supporting asChild/slot pattern (like radix) has easier integration with these kind of components and vice-versa

0

190

onderonur_ retweeted

Addy Osmani

@addyosmani

6 months ago

Chrome DevTools now supports *individual* network request throttling! Folks have been asking for this for years! DevTools now allows developers to simulate slow network conditions for specific requests rather than the entire page. This helps in testing how a web application performs and handles issues when specific resources (like images, scripts, or API calls) are slow to load.

74

3K

385

897

281K

Onur Önder @onderonur_

7 months ago

⭐️ Small details like this can make a big difference in how a UI feels, and fluid typography is a nice example of how CSS can handle more logic than we often give it credit for.

0

8

Who to follow

Alex / KATT 🐱

@alexdotjs

👋 I'm Alex & I tweet about web dev stuff 🧙‍♂️ Open-sourcerer & fully-stacked typescripter. 👉 Creator of @trpcio, work @square, scout @a16z

James Ide

@JI

Co-founder @Expo

Shinyaigeek/Shinobu Hayashi

@Shinyaigeek

Junior Web Developer for Life. ex-nikkei. Interested in Web, Network. https://t.co/5Ps1RaHifs @times_s9k (icon credit: @dagappa1625

Onur Önder @onderonur_

7 months ago

🤔 It is mostly straightforward to change the font-size of a web page based on the device screen sizes. Media queries can solve this problem. 💡 But sometimes, fixed breakpoints can feel limiting. Font sizes jump at certain widths instead of scaling smoothly.

1

0

37

Onur Önder @onderonur_

7 months ago

🧩 It is especially useful for layouts where content should feel balanced whether the screen is slightly bigger or smaller, without sudden visual changes.

1

0

9

Onur Önder @onderonur_

7 months ago

📐 Fluid typography solves this by letting text scale continuously based on the screen size. With clamp(), you can define a minimum size, a preferred fluid value, and a maximum size in a single line.

0

9

Onur Önder @onderonur_

9 months ago

📕 To learn more: - https://t.co/NowkHgJQWU - https://t.co/En8JfQ5c6t - https://t.co/Sf6M8yV7av

0

29

Onur Önder @onderonur_

9 months ago

💡 Let's say you need to call a callback prop in a child component when the state of that child changes. The "latest ref pattern" is a useful technique for this case.

1

0

33

Onur Önder @onderonur_

9 months ago

💡 You can see an example of triggering an effect event when the route changes in a Next.js app in the video.

1

0

19

Onur Önder @onderonur_

9 months ago

📕 To learn more: - https://t.co/Yl7u363CHi

0

14

Onur Önder @onderonur_

9 months ago

👉 Here is a CSS tip in case you need to hide scrollbars on the <body> when a modal is open. ✅ Selecting a parent element based on its children was not possible with pure CSS. But with the :has() pseudo-class, you can select elements based on their children or siblings easily.

1

0

27

Onur Önder @onderonur_

9 months ago

👀 Of course, check browser compatibility before using this. It is "Newly Available" according to Baseline.

1

0

10

Onur Önder

@onderonur_

Who to follow

Last Seen Users on Sotwe

Trends for you

Most Popular Users