Rasmus Josefsson @_rjosefsson

🇸🇪 Software Engineer at https://t.co/b5Wk9bZuFH Previously @Microsoft and @trivago rasmusjosefsson.com Joined October 2017

Tweets

4K
Followers

54
Following

393
Likes

3K

Kent C. Dodds ⚡ @kentcdodds

2 weeks ago

This is super cool: developer.chrome.com/blog/chrome-de… Now your editor/agent can debug your web app directly using Chrome DevTools 🔥

21 60 472 39K 352

Download Video

Announcing @ChromeDevTools MCP! 🚀 Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease. Key features: ✅ Reliable automation: It can programmatically handle clicks, form fills, dialogs, and page navigation with ease. ✅ Performance…

74 300 2K 248K 1K

Download Video

Enzo Avigo @0zne

2 years ago

No one reads the instructions before playing a new video game. So why do you ask your customers to read your docs? Here is how great game designers think ↓

21 44 505 165K 472

Download Image

˗ˏˋ Terry Sutton ˎˊ˗ — e/shadcn/ui @saltcod

2 years ago

Y'all. Console Ninja is the real deal. I've been using it for about 15 minutes and it's already become an absolutely essential tool. console-ninja.com You just write `console.log()` and the value shows up INLINE IN YOUR EDITOR. 🫠

11 18 212 50K 121

Download Image

Cory House @housecor

3 years ago

Good news: You can deep clone objects in the browser via structuredClone! 🎉 Bad news: Spread syntax is 34x faster than stucturedClone. ⚠️ structuredClone: 467k/sec spread: 15.9m/sec Solution: When you need to do a deep clone of a nested object, use structuredClone. (this…

26 25 383 151K 97

Download Image

kitze @thekitze

3 years ago

what if you could just describe the website that you want and … boom 💣 👀

53 134 1K 297K 638

Download Video

Cory House @housecor

3 years ago

Problem: You want to re-throw a JavaScript error to provide a friendlier error. But, you want to keep the original error details too. Solution: Include the original error via `cause`. More: developer.mozilla.org/en-US/docs/Web… #javascript

72 623 5K 522K 1K

Download Image

jhey ʕ•ᴥ•ʔ @jh3yy

3 years ago

Lil CSS Tip 🤏 Forgot to post the vertical version of this curved scroller 💈 Want that overscroll bounce? Add a padding element and remove the scroll snap alignment ⚡️ .track:last-child { scroll-snap-align: none; } s/o @argyleink for this "trick" 🤙 Demo link below! 👇

11 86 636 0 232

Download Video

Wes Bos @wesbos

3 years ago

🔥 use css :is() to select multiple items within a parent selector. Also handy for all heading sizes within an element: .post :is(h1,h2,h3,h4,h5,h6) { ... }

13 91 577 0 116

Download Image

Fernando Rojo @FernandoTheRojo

3 years ago

@markdalgleish it’s nice for toggling too [on, toggle] = useReducer(s => !s, false)

5 20 419 0 63

Cory House @housecor

3 years ago

You probably don’t need CSS media queries anymore. Why? Because CSS has matured. We can go beyond mere responsive designs. Now, we can support *fluid* designs. Here's how: 1. Grid 2. Flexbox 3. min-height/width, max-height/width 4. clamp 5. calc, min, max 6. vw, vh #css

9 89 638 0 258

Download Image

Netanel Basal @NetanelBasal

4 years ago

🚀 Array.prototype.at() just landed in Safari v15.4! Goodbye, arr[arr.length - 1]✌️ developer.mozilla.org/en-US/docs/Web…

4 28 219 0 8

Download Image

Swizec Teller @Swizec

4 years ago

Immutability isn't free – or how we took an API endpoint from 16s to 3s 🤘 and you thought low level #JavaScript array performance doesn't matter. HA! swizec.com/blog/immutabil…

11 53 319 0 80

Alex Sidorenko @asidorenko_

4 years ago

How many React re-renders is too many? Don't worry about that until you have a performance problem (your app gets slow). When you do have a performance problem, use the tools to find a problem and fix it. alexsidorenko.com/blog/react-per… 👆

0 8 40 0 8

Download Image

Kent C. Dodds ⚡ @kentcdodds

4 years ago

Workers are even better than serverless because they are deployed to many regions all over the world rather than just one region. Your worker sits between the user and CDN. And they are extremely affordable as well. Edge compute is the future.

James Ross @CherryJimbo

4 years ago

1 6 68 0 9

12 15 116 0 25

Joey Arhar @JosephArhar

4 years ago

My latest feature, auto-expanding details elements, has launched in stable Chrome 97! You can now use find-in-page to search the contents of closed details elements.

16 104 1K 0 59

Download Gif

Addy Osmani @addyosmani

4 years ago

A fun generator for CSS-only section separators! bit.ly/css-sections

17 463 3K 0 788

Download Video

Cory House @housecor

4 years ago

Accessibility tip: Use aria-current to style active links. Benefits: 1. Screen reader users will get a friendly notification that the link is active. 2. Clarifies and simplifies testing (Can assert the aria-current attribute exists on active links)