Ryan Johnson

@widgetbook_io Having trouble with your docs site?

@BestinDogs First thought was Eclipse, but maybe Shadow could work too (like it's got a shadow on its face).

I need the coolest name! All ideas are welcome!😇🐕

I need audio of the word "screenshot" spoken in the style of the Quake "headshot" sound. Anybody know where I can request this?

@passle_ v19 has been in limbo for years now, but I guess better late than never

big if true

@mattpocockuk Why not .xsd?

The reason these JSX-style API's aren't more popular is you just can't make them type-safe. Why? You can't tell TypeScript that a component MUST receive a certain type of component as a child.

@brad_frost .xar - Xara Extreme vector? design file (was ported to Linux but never got any updates and eventually faded into oblivion)

Reply with your most nostalgic file extension.

:has, text-indent: hanging, text-wrap: balance, iframe lazy loading, … @Firefox 121 is released today with lots of presents for web developers 🥳 mozilla.org/en-US/firefox/…

@devwrite_ @wesbos @syntaxfm Seems like we're about due for the pendulum to swing back to the server.

@wesbos @syntaxfm 🌶️take: Return of stateful servers over stateless servers

What are your 2024 predictions for the web? Whats going to happen in JS, CSS, Servers, frameworks, standards and beyond? We're our yearly @syntaxfm and want to include some audience predictions as well.

@MichaelFilipiuk Oh wow... A design decision that makes 0 difference when it's coded in HTML+CSS

Junior Designer vs Senior Designer - button edition Difficulty level: very hard Can you spot the difference? 👀

multi-column forms: - are often misinterpreted - making them less intuitive - and more error prone baymard.com/blog/avoid-mul…

When I check my auto layout in Figma.

@housecor There's nothing more infuriating to me than seeing something that I can easily fix, but I'm not ALLOWED to.

One of the hardest parts of being a developer is picking my battles. 🚫 The team picks an “inferior” tech 🚫 The boss decides to double the team size to “double the velocity” 🚫 The product owner insists on a confusing design 🚫 Management says we can’t afford to upgrade our slow CI server. Sometimes I’m convinced I’m right, but I have to accept it and move on.

Whoever designed the new @MarcosPizza online ordering portal should be fired. It's #hotgarbage with numerous #usability and #accessibility issues.

@JerubaalXerxes @flaviocopes This is what I ran into recently. NPM packages could technically still work on newer Node, but their package metadata was too strict to allow it.

@flaviocopes Its important to document node versions used and then use NVM to set the approriate node version before you even install dependencies. I have faced the samw issue recently.

Going through a bunch of old projects, npm install, npm run dev, literally no one works 🤦🏼‍♂️

With CSS `@property` you can finally set different transition values for transform functions at the same element ✨ ✅ Browser support caniuse.com/mdn-css_at-rul… 🔗 Demo @CodePen codepen.io/aaroniker/pen/… 📄 Docs @property" target="_blank" rel="nofollow noopener">developer.mozilla.org/en-US/docs/Web… Here is how (sets a different duration and easing for translateY and scale) 👇 @property --scale { syntax: ""; inherits: false; initial-value: 1; } @property --translate-y { syntax: ""; inherits: false; initial-value: 0px; } button { property: --translate-y, --scale; transform: translateY(var(--translate-y)) scale(var(--scale)); transition: --scale .9s cubic-bezier(0.75, -0.5, 0, 1.75), --translate-y .3s ease; &:hover { --translate-y: -8%; --scale: 1.2; } }

How tech debt is born:

@MSEdgeDev 0 - there is always a better UI pattern

On a scale of 1️⃣ to 🔟 , how much do you love vertical tabs?

Can somebody explain this bullshit? #JavaScript

@hawaiianbbq just curious, but what is "L & L" short for?

@kashishtwts Firefox (prefer the dev tools), but also have to check Chrome and Safari (Safari seems like the new IE in terms of feature lag).

Hey web developers, which browser do you use?