Burton Smith
1.7K posts

Burton Smith
@stuffbreaker
Fun-loving coder and speaker. I love #webdevelopment, #webcomponents, and #designsystems. Creator of the WC Toolkit. I work @zocdoc.
Katılım Ağustos 2017
308 Takip Edilen397 Takipçiler

if your 250lb friend isn’t eating at least 100 big arches a month, something is wrong

sunny madra@sundeep
“If your $500K engineer isn’t burning at least $250K in tokens, something is wrong.”
English

@kentcdodds This isn't new.
I think it's kind of weird that engineers have not traditionally been expected to be part of this process, but are now since they're not doing the grunt work of building things as much.
English


@kentcdodds Double Diamond
designcouncil.org.uk/our-resources/…
Français

@stolinski Agreed!
But which brands/CEOs do it well in your opinion?
I feel like they get less attention due to the drama, so might be nice to surface them.
English

Are teams using #TypeScript declaration maps to provide a better go-to-definition experience for developers? I've used source maps, but I don't think I've provided declaration maps.
#SoftwareEngineering #Programming
English

When you are in an #html file, and you want to go-to-definition for a custom element, what do you think the behavior should be? Should it go to:
- type definition
- JS file where the class is defined
- CEM entry
- something else
#webcomponents #javascript
English

I also created a demo site showcasing each of the solutions.
break-stuff.github.io/ce-fouc-demo
English

I updated my article on reducing #WebComponent FOUC to include details on how to choose an appropriate timeout.
#html #css #javascript
dev.to/stuffbreaker/r…
English
Burton Smith retweetledi

Flash of Unstyled Content (FOUC) can ruin a user's first impression.
Here is how to use the :defined pseudo-class and transition events to smooth out Web Component rendering.
{ author: @stuffbreaker }
dev.to/stuffbreaker/r…
English

I've had a lot of questions about it, so I wrote up a quick explainer on different ways to reduce FOUC with #WebComponents.
#html #css #javascript
dev.to/stuffbreaker/r…
English

I've been having fun with improving this FOUC solution for #WebComponents. Thank you, everyone, for the feedback!
I've improved upon it.

English

I've been thinking of a way to reduce the flash of unstyled content (FOUC) when using #WebComponents, with something I could add to my #CSS reset that doesn't require #JavaScript.
Here's what I came up with:

English

You can see the demo here:
break-stuff.github.io/css-reduced-we…
English

This seems like a great idea until you need to find the one with the Christmas lights in it a year from now.
Interesting AF@interesting_aIl
This USA guy turns ceiling space into money making business idea
English

The #WebComponents CEM Validator just got an upgrade with improved logic for rule evaluation and better type checking when evaluating exported types.
#webdev #html #css #javascript
wc-toolkit.com/cem-utilities/…
English

After spending a week at a tech conference talking about how #AI is disrupting our industry, it was interesting to hear @JamesGunn having the same conversation on @SmartLess about the entertainment industry.
smartless.com/episodes/episo…
English
Burton Smith retweetledi

We're building a UI Engineering team at @Shopify. If high quality design translation, motion, and implementation polish is what you're all about, DM @theonetash to get the conversation started. More detail in the video 👇🏻
English

Some changes in @storybookjs v9 and v10 removed the ability to log events in the "Actions" panel.
I updated the #WebComponents helpers to account for this. It's now built into the `template` helper, or you can manually log them.
#webdev #html #javascript
#manually-logging-events" target="_blank" rel="nofollow noopener">wc-toolkit.com/integrations/s…
English





