https://xitter.cf/t.co/j9KjwHtyqF | #BlackLivesMatter | Designer at @chromaui | formerly at @automattic | open sourcerer | @wordpress experience adjuster
Colorado, USA
Joined June 2009
- Tweets16K
- Following306
- Followers1K
- Likes17.1K
Michael Arestad retweeted
Storybook 8.3!
⚡️ First-class Vitest integration to run stories as component tests
🔼 Next.js-Vite framework for Vitest compatibility & better DX
🗜️ Reduced bundle size for a 30% smaller install
🌐 Story globals API to standardize stories for themes, viewports, and locales
👇
ALT In a row, Storybook logo, a handdrawn heart, and the Vitest logo, on a purple-to-pink gradient background.
Michael Arestad retweeted
Storybook 8 strengthens our @vuejs support by integrating Vue’s official language tools (built on Volar)! ⚡️
Learn how this improves your Storybook’s controls and component documentation in our new Storybook 8 sneak peek:
storybook.js.org/blog/first-…
Michael Arestad retweeted
Sneak peek: new Visual Tests addon! 🎉
Pinpoint bugs to the pixel by automatically screenshotting every story.
🌍 Test in Chrome, Safari, Firefox and Edge
📸 Specify viewport, i18n, CSS media features
🐇 Hyper-parallelized
Learn how + get early access:
storybook.js.org/blog/visual…
Michael Arestad retweeted
Dev Mode is even more powerful when you integrate your favorite developer tools.
Introducing the new @storybookjs Connect plugin– keep your design and code in sync by linking stories in Storybook to components in Figma.
Give it a try >> bit.ly/3r3pdjt
ALT Inspect stories in Figma
Michael Arestad retweeted
React Native Storybook (6.5) is here!
What's new?
✅ SB 6.5.14+ compatible
📝 CSF, Controls & Args support
📜 Core style config format (main.js & preview.js files)
⚡ Perf improvements
🎨 On-device UI improvements
storybook.js.org/blog/storyb…
🧵/
Michael Arestad retweeted
'Why We're Breaking Up with CSS-in-JS' is a very interesting and thought-provoking article. I'll be the first to admit that the community has a big influence on many of my decisions. I don't work in a vacuum, so other's experiences have merit, just as my own do.
Michael Arestad retweeted
Monorepo support is here!
🛠 Run in multiple subprojects in parallel
✅ Report status checks to the monorepo repository
chromatic.com/blog/monorepo-…
Shoutout to the makers @storybookjs Steven K @GHengeveld @michaelarestad @thafryer
Michael Arestad retweeted
Is being gender-fluid “new”? Ha! Indigenous people have been rejecting binaries for millennia, and they’d like your colonialism off their bodies.
🧵🔧 Welcome to the Nonbinary Issue, a rich tapestry that defies categorization.
pipewrenchmag.com/issue-seve…
Michael Arestad retweeted
7.0 design is now in alpha!
Small improvements add up to big productivity boosts over time. Try it out now!
📐 Layout edge-to-edge
🛠 Toolbar reorganized
✍️ 200 redrawn icons
🔢 Form elements refined
⚡️ Pre-bundled app for speed
Read » storybook.js.org/blog/7-0-de…
1/🧵
Michael Arestad retweeted
Blown away by the latest batch of projects in Component Encyclopedia @storybookjs
🚀 NASA
🐍 Python Conference
🧱 Microsoft Fluent
📺 LG electronics
🦅 Dept of Veterans Affairs
storybook.js.org/showcase/pr…
Michael Arestad retweeted
This looks really useful: Storybook, which a lot of companies use for their design systems, created a component encyclopedia you can browse and reference:
storybook.js.org/showcase
ALT a screenshot of the storybook encyclopedia that shows github, vibe and audi among others
Michael Arestad retweeted
Our friends @storybookjs created a new plugin to help close the gap between design & development.
Use Storybook Connect to:
- Link Figma design components to Storybook stories
- View stories in Figma
- Play with interactive stories in Figma
Try it out: bit.ly/3rVpYsj
Michael Arestad retweeted
Chromatic publishes Storybook for teams to collaborate.
We've been demoing the new comment & mention features internally. Great to see them ship!
Congrats @kylesuss @_jonok @michaelarestad
Changelog: Excited to share new commenting features and infrastructure!
💬 Comment with Markdown
👩💻 Code blocks with syntax highlighting
👋 Mention teammates
🦊 Firefox update
📣 Status page
📊 Download usage reports (CSV)
chromatic.com/blog/expressiv…
Michael Arestad retweeted
M1 Ultra's power is *amazing* because musicians can have a project with 1341368 tracks and 395 VST plugins, video editors can play 20 8K videos simultaneously, and developers can open an electron app
Michael Arestad retweeted
How do you refactor 541 components without breaking any UI?
Visual testing! 📸
Check out our case study on migrating 5 codebases from Styled Components to Emotion with ease
storybook.js.org/blog/541-co…
Michael Arestad retweeted
Storybook's ESLint plugin is here!
✅ Validate story code as you write it
🗂 Standardize how you write stories across projects
✨ Simplifies auto-migration bw versions via codemods
Install it:
storybook.js.org/blog/how-to…
Shoutout to @yannbf @mshilman @geteslint
Michael Arestad retweeted
If we talk shop long enough, Open UI *will* eventually come up as something in which I place a lot of hope for the future of our industry and the web itself. This illustrates why.
The work done by open-ui.org/ is very exciting, and so important.
Early experimentation work in Edge makes built-in fully-stylable and accessible <select>s possible, no libraries or custom JS needed.
Check the demo in Edge Canary only: codepen.io/captainbrosset/pe…