@hellomeasuredco profile picture
Measured @hellomeasuredco

Incisive UI strategy for discerning businesses.

Joined May 2020
  • Tweets 75
  • Following 63
  • Followers 54
10 Photos and videos
Pinned Tweet
Measured@hellomeasuredco
6 Sep 2024
Design system can mean different things to different people, or be a nebulous catch-all. Saying “we need a design system” is never wrong. But it’s only a starting point. Here’s how to build what your organisation actually needs: measured.co/blog/dont-build-…

Don’t build a design system — build what you actually need

Design system means different things to different people. Avoid the risk of misunderstanding by starting out from the problems your organisation wants to solve.

measured.co
1
2
132
➡️ Start with fundamentals ➡️ Keep a friction log ➡️ Acknowledge feelings Project handovers are always tricky. Here are 12 tips we’ve picked up over the years to help them go smoothly: measured.co/blog/project-han…

12 tips to make project handovers a success

Project handovers are always tricky. They’re as much about people as they are processes. Here’s what we’ve learned over the years, distilled into 12 tips.

measured.co
1
2
64
Lack of consensus. Lack of organising principle. Lack of reach. These are just a few reasons why design systems fail. Here are more, and how to mitigate them: measured.co/blog/why-design-…

Why design systems fail

Disaster is rare, but design systems often fail to meet the needs of the teams they’re meant to help. Here are 11 reasons why, and what to do to address them.

measured.co
2
2
121
We’ll be heading to Brighton this October for the Converge design systems conference! We’re on deck to chat about all things UI and design systems. Why not come along? More info: measured.co/blog/talk-design…

Let’s talk design systems at Converge this October

We’re going to the Converge design systems conference on October 3 and 4 to chat about all things UI. There’s a great speaker line-up. We hope to see you there!

measured.co
2
2
146
Three days until State of the Browser this Saturday! We’re looking forward to talks on accessibility, typography, web audio and more. Tickets are still available, or you can attend online. We’ll be on hand to chat about UI and design systems. More info: measured.co/blog/catch-up-at…

Let’s catch up at this year’s State of the Browser

We’ll be going along to State of the Browser in London in September 2024.

measured.co
1
2
89
Measured retweeted
MadeWithReactJS@madewith_react
12 Aug 2024
Puck is a modular, open-source visual editor #madewithreactjs by @hellomeasuredco that you can use to build custom drag&drop editing experiences in your apps ✏️ - madewithreactjs.com/puck
1
7
213
The bigger the web project, the greater the chance of a rebrand kicking off at the same time. It makes sense to use this to make your project better. Four ways to do so: measured.co/blog/scotts-law-…

Scott’s Law of Rebrands

Rebrands landing during a large web project cause disruption, but they can be a benefit when approached the right way.

measured.co
2
1
246
Measured retweeted
Puck@puckeditor
4 Jun 2024
2024 continues to be a very busy period - Puck v0.15 just landed with a new API for dynamic fields! 🎉 Dynamic fields let you: 1. Show and hide fields 2. Reconfigure fields 3. Populate fields with dynamic data Thank you, as ever, to our lovely community. You are appreciated 🥰
0:07
1
3
7
234
Live demos are a staple of digital teams. They’re the most efficient way to show progress and get feedback about your project. So they’re important to get right. Here’s how we make sure our demos go well: measured.co/blog/how-to-do-g…

How to do great live demos — and why they’re important to get right

Live demos are a great way to share progress and the best way to get feedback quickly. So it’s important to do them well. Here’s how.

measured.co
2
2
221
On t’internet, measure means the length of a line of text. We use `measured` in code to limit line-length for readability. It’s one of the reasons we’re called Measured—a nod to our craft. But it’s not the only one: measured.co/blog/why-we-are-…

Why we’re called Measured

Names are hard. We thought a lot about ours. We thought we’d share our thinking in case it helps people understand us better.

measured.co
1
2
89
Hello! Just a note to say we’ll be popping along to this year’s State of the Browser. We’d love to see you there. 📌 Saturday, 14 September, 2024 📌 9:30 am–5:00 pm 📌 Barbican Centre, London More about it: measured.co/blog/catch-up-at…

Let’s catch up at this year’s State of the Browser

We’ll be going along to State of the Browser in London in September 2024.

measured.co
1
2
1
216
Or, if you’re feeling courageous, just grab a ticket. There are over 100 left at time of posting. (Thanks to @webstandards for letting us sponsor): 2024.stateofthebrowser.com/t…

Tickets | State of the Browser

More information and buying options for tickets.

2024.stateofthebrowser.com
2
3
159
Measured retweeted
Puck@puckeditor
25 Apr 2024
Puck v0.14 is out now, introducing viewport switching! Highlights - 🌟 4.2k stars on GitHub 🤗 8 new contributor friends 🌶️ Drag-and-drop across iframes 🤝 A new @contentful package Release notes 👇 github.com/measuredco/puck/r…
3
3
411
We recently released some accessible syntax-highlighting colour schemes. We hope they’re useful for developers who: * Publish code on the web * Want it to be visually accessible * Also want it to look quite nice More: measured.co/blog/accessible-…
2
35
Measured retweeted
London Web Standards #SotB2023@webstandards
21 Mar 2024
We are delighted to have @hellomeasuredco support this year's State of the Browser 2024.stateofthebrowser.com/s… #SotB2024

Sponsors | State of the Browser

Help us make State of the Browser 12 even better by sponsoring us.

2024.stateofthebrowser.com
1
2
141
Measured retweeted
Puck@puckeditor
28 Feb 2024
Sneak peak! Viewport switching coming soon! Using real iframes for full media query support ✨
0:08
1
2
5
295
🌈 Open-source Measured color schemes
A screenshot demonstrating the Measured Dark base16 color scheme, including swatches of the 16 colors that make up the palette, and a Javascript code sample using the scheme for syntax highlighting.

ALT A screenshot demonstrating the Measured Dark base16 color scheme, including swatches of the 16 colors that make up the palette, and a Javascript code sample using the scheme for syntax highlighting.

A screenshot demonstrating the Measured Light base16 color scheme, including swatches of the 16 colors that make up the palette, and a Javascript code sample using the scheme for syntax highlighting.

ALT A screenshot demonstrating the Measured Light base16 color scheme, including swatches of the 16 colors that make up the palette, and a Javascript code sample using the scheme for syntax highlighting.

1
2
3
172
Measured Dark & Light, two new base-16 color palettes designed for displaying code samples on the web with accessible color contrast (WCAG conformant). Can also be used for syntax-highlighting in terminal and GUI applications. github.com/measuredco/base16…

GitHub - measuredco/base16-measured-scheme: Base16 colour schemes from Measured, with accessible...

Base16 colour schemes from Measured, with accessible colour contrast. - measuredco/base16-measured-scheme

github.com
1
2
51
Initially created for the Measured Blog, these palettes have now been open-sourced and added to the base-16 ecosystem. Happy theming! measured.co/blog

Blog | Measured

Notes on the craft of UI and design systems.

measured.co
2
41
Is that the time? Then we’re well overdue in introducing you to the third and final member of the expert founding team at Measured: Scott Boyle.
1
1
2
217
more replies
At Measured, he draws on his wealth of experience to build seamless UI systems that help clients successfully interweave their UI and branding.
1
36
With a background in visual arts, Scott brings interests in visual design, systems thinking and accessibility to his work, while continuing to immerse himself in the crafts of Javascript and CSS. Happy New Year, Scott! 🎉
35
Load more