@bezoerb Profile picture

Ben Zörb - @[email protected]

@bezoerb

Webdev  Life, the Universe and Everything

Similar User
Steve P photo

@spietrek

Matthias Rohmer photo

@matthiasrohmer

steve mao photo

@MaoStevemao

Scott Fisher photo

@dvyscott

Ankit Jain photo

@AnkitJainOAJ

Jhony Vega photo

@JhonyV01

Beatrize photo

@kbyebea

Hugo Troll photo

@Hugo_O12

Ben Zörb - @[email protected] Reposted

Next.js 15 and Turbopack Dev are now stable. Upgrade automatically with our new CLI and codemods. nextjs.org/15


Ben Zörb - @[email protected] Reposted

Just saw this performance mistake in a React code review. Problem: If you invoke a function in useState's default, it's called on every render. (Not React's fault - that's how JS works). Solution: Specify a function reference instead. Then React only invokes the function once.

Tweet Image 1

Ben Zörb - @[email protected] Reposted

We’re excited to have @rogierdeboeve share the story of his portfolio creation today! Learn about his inspirations, challenges, and techniques in our latest case study 👾 Read it here: tympanus.net/codrops/2024/0… #frontend #coding #website


Ben Zörb - @[email protected] Reposted

Always have an SVG goo filter ready to go in your UI toolkit 🎯 .container { filter: url(#​goo); } One line of CSS on the container + the SVG filter 🤙 Throw a border on for "Fake 3D" 👀 SVG filter code below 👇

Why am I only now finding out about this neat trick in Illustrator



Ben Zörb - @[email protected] Reposted

By default, when you scale SVG elements, stroke width scales, too. If you make your element twice as wide, the stroke width will double on the x-axis, too. This screws up quite a few SVG graphics. But guess what? You can disable stroke scaling. 💪👇 stefanjudis.com/today-i-learne…


Ben Zörb - @[email protected] Reposted

📚 Wrote a new article, outlining why I think using barrel files in application code is a bad idea: tkdodo.eu/blog/please-st…


Ben Zörb - @[email protected] Reposted

CSS scroll to unblur text ✨ .word { --start: calc(var(--i) * var(--pxPerWord)); --end: calc((var(--i) + 1) * var(--pxPerWord)); animation: fx; animation-timeline: --section; animation-range: var(--start) var(--end); } @​keyframes fx { 0% { filter: blur(20px); opacity: 0; }}


Ben Zörb - @[email protected] Reposted

The new Web Weekly is out. 🥂👇 This time: ✅ View transition misconceptions ✅ `clip-path` animation magic ✅ Functioning ARIA-live regions ✅ How to avoid memory leaks in React ✅ Two (!) new cross-browser supported CSS features 🎉 ➕ New tools & more platform updates.…

Tweet Image 1

Ben Zörb - @[email protected] Reposted

TIL that Node has a built-in setTimeout that you can AWAIT... No more custom 'sleep' function...


Ben Zörb - @[email protected] Reposted

A CSS scroll version of the gooey island 🤙 .island { filter: url(#​svg-goo); } .island__avatar { animation: hide; animation-timeline: scroll(); animation-range: 0 var(--header-size); transform-origin: 50% 0; } @​keyframes hide { to { translate: -50% -80px; scale: 0.3; } }

What a lovely animation in Telegram 🥰



Ben Zörb - @[email protected] Reposted

In celebration of my free book coming out, here's a massive thread of all my best free TypeScript resources. I guarantee that if you work through this list, you'll be the top TypeScript wizard at your company. 🧵


Ben Zörb - @[email protected] Reposted

Container queries are cross-browser supported now for over a year. If you're still worried about not supporting browsers, you could adopt a fallback solution via custom elements. 🫣👇 web.dev/blog/how-to-us…

Tweet Image 1

Perfect holiday reading by @sarah_edo 😊

Tweet Image 1

Ben Zörb - @[email protected] Reposted

My books are free to read online: – Exploring JavaScript (ES2024 edition) – Deep JavaScript – Tackling TypeScript – Shell scripting with Node.js Retweets appreciated! exploringjs.com

Tweet Image 1
Tweet Image 2
Tweet Image 3
Tweet Image 4

Ben Zörb - @[email protected] Reposted

Let there be light


Ben Zörb - @[email protected] Reposted

pretty cool technique to make tables more usable on mobile! #CSS4

Tired of boring table views on mobile? I discovered a new trick to transform table layouts into horizontal scrollable content using Scroll Snap & Container Query. Check it out! 👉 dev.to/subu_hunter/bu… #CSS #ScrollSnap #CSS4 #CSS5



Ben Zörb - @[email protected] Reposted

Yall. This is so cool!!! The text reflected in the raindrops with a shader 🤯 Real, searchable, translatable DOM content in the canvas. Stylable with regular CSS, too. 🤯🤯🤯 @fserb

For the last couple months, our team has been working hard on a few paradigm-changing features for HTML Canvas. One of them is the ability to have HTML elements in a canvas. Here's a ThreeJS demo with a live HTML texture.



Ben Zörb - @[email protected] Reposted

Time for a new mind-bending project! #QLOCK — A JavaScript Quine Clock aem1k.com/qlock It displays the current time in a seven-segment style, embedded within its own JavaScript source code. 🕔 🕝 🕢 🕤 🕑 🕜 (321 bytes)


Ben Zörb - @[email protected] Reposted

lovely #CSS5 😍 from @mxbck's recent post: "Old Dogs, new CSS Tricks" mxb.dev/blog/old-dogs-…

Tweet Image 1

Ben Zörb - @[email protected] Reposted

Amazing post by @yuanchuan23 jam packed with powerful math and @property uses Look like things maybe @openprops can bottle up and make easy 🤔 yuanchuan.dev/time-based-css…


United States Trends
Loading...

Something went wrong.


Something went wrong.