Superposition

Use the design system you already have. Made by @kilianvalkhof

[Superposition @SuperpositionDS]

Superposition extracts your site's design tokens and lets you export them to code and @AdobeXD. #xdplugins

We're launching today, for free! Get it at https://t.co/X9BovV6K2Y

[Polypane. Browser for devs who care @polypane]

We've been experimenting with CSS´s upcoming random() function to see what it can do. In the mean time we found a few browser crashes and a way to implement random-item() before it actually lands.

Best viewed in Polypane 29+ (For now!)

https://t.co/q5ey3KAsMz

[Polypane. Browser for devs who care @polypane]

Understanding the fundamentals of CSS layout

When devs say that CSS is hard, they're usually talking about layout. But developers are assumed to understand and effectively use CSS without being taught how it works in the first place.

https://t.co/sG2Melh5Ip

[Polypane. Browser for devs who care @polypane]

Polypane 26 is here!

Emulate safe-inset-area variables and the small viewport height inside Polypane for the most accurate device emulation available.

Of course there's more, like improvements to inspection, measurement overlays, Chromium 140 and more.

https://t.co/kBwUXVpJZE

[Polypane. Browser for devs who care @polypane]

We also launched a 2nd thing! While building our form outline feature, we found out there were no online tools to check forms👎

We took our form analysing code and made a free online tool. 🙌 Test your forms online, then head over to Polypane to fix them. https://t.co/7zGJLiBnWg

[Polypane. Browser for devs who care @polypane]

Polypane 25 is here, and it's a nice one 😎

- Browser extensions with manifest v3 support
- Forms outline with errors and suggestions
- Chromium 138
- Lots of quality-of-life features

https://t.co/5vXylycfLI

[Polypane. Browser for devs who care @polypane]

Did you know...

We also built a fully featured online contrast checker? At https://t.co/CiM82lmbrO you'll find one that:

- Supports WCAG AA, AAA and APCA
- Shows live previews of your colors
- Lets you test with color blindness
- Suggest colors
- Has sharable URLs

#gaad2025

[Polypane. Browser for devs who care @polypane]

Today is Global Accessibility Awareness Day, #gaad.

Building with accessibility in mind can be difficult, but there a lot of improvements you can make to your pages that help people more easily use them.

Learn how Polypane helps you do the right things:
https://t.co/vMlBLPQIhV

[Kilian Valkhof @kilianvalkhof]

Just two days left to cast your vote in the innovation awards of my hometown!

I'm very proud that Polypane is nominated, and with your vote I have a chance of winning. 🙏

You can vote here (scroll down for Polypane). Make sure to confirm via email: https://t.co/fJh7ymUvAP

[Polypane. Browser for devs who care @polypane]

We never run promotions, but we make one exception and that's Black Friday. 🤩 Get 30% off our yearly plans, for a limited time only! 🏃‍♂️ 🏃‍♀️
https://t.co/qGj2EebIhU

[Polypane. Browser for devs who care @polypane]

We're doing a giveaway for free tickets to State of the Browser by @webstandards (both in-person in London and virtual) in our newsletter in a couple of days.

Sign up here so you don't miss out: https://t.co/T03QBmc3OK

[Polypane. Browser for devs who care @polypane]

Imagine this, but:
- It works for localhost (no deployment needed)
- Previews for Twitter (all types), Slack, Facebook and LinkedIn but also Discord, Telegram and Google SERP. Dark & light
- Gives feedback and suggestions

Thats what Polypane lets you do. https://t.co/04wpWs6RhO

[Polypane. Browser for devs who care @polypane]

It’s been (a little over) three years since we made Polypane free for students through the @GitHubEducation Student Developer Pack.

Time flies! We’re still so proud to help students kickstart their projects and help them make more responsive, accessible and performant sites.

[Polypane. Browser for devs who care @polypane]

Thursday next week Kilian is joining @jamesqquick on his live stream and having a look at his new website, letting Polypane show them everything that's wro...that can be improved on his website!

Get a reminder here:
https://t.co/yR1EohZrQR

[Kilian Valkhof @kilianvalkhof]

Who will I see here? I’m gonna tell you to stop using JS it’ll be fun!

[Polypane. Browser for devs who care @polypane]

CSS Transforms are super cool, and can even go 3D!

We gathered all the beautiful CSS 3D transforms we could find on this page, with easy one-click copying of the CSS. https://t.co/F8zgt7imMZ

[Superposition @SuperpositionDS]

@c1rrus @kilianvalkhof @EstherCheran @DesignTokens @figma Yessss 💯

[Superposition @SuperpositionDS]

A recent update to @AdobeXD broke our XD plugin. 😔 We just submitted a new version that contains a fix and we hope that'll be available to you all soon.🤞

Sorry for the inconvenience!

[Superposition @SuperpositionDS]

@_georgemoller @heychazza Check out Superposition: it’s free, has been doing this for a while longer than chrome, does more than fonts and colors (like shadows, images and transitions) and lets you export all your tokens to CSS, SCSS, JS, Figma, Adobe XD and more. https://t.co/X9BovV6K2Y

[Polypane. Browser for devs who care @polypane]

Since 2020 we offered Polypane in the @GitHubEducation Student Developer Pack, giving Students around the world access to Polypane.🤩

Today, we're super proud to announce Polypane is now part of @GitHubEducation Intro to Web Dev! 🥳👏👏👏 https://t.co/P5BxU5CAOv

[MojolaOluwa 🪙 | Product Designer @mojola_tech]

Please get superposition plugin for your browers as a UI designer or visit https://t.co/5nHm9dukzD thank me later.