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:
https://t.co/f13y9rQ0VT
➡️ 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:
https://t.co/ORg2hmOBAJ
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: https://t.co/KP1wecVnFZ
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:
https://t.co/K8zrNDjNbe
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:
https://t.co/WezRnzgpPr
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 ✏️ - https://t.co/zb5zhk4GLo
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: https://t.co/IOCifJpt7G
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 🥰
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: https://t.co/MoS6M3B1jJ
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:
https://t.co/pAMW4u5pVx
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):
https://t.co/KzOIC65Jse
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:
https://t.co/WezRnzgpPr
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 👇 https://t.co/AEhtIvSNB8
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:
https://t.co/0dvvCnXijB
Initially created for the Measured Blog, these palettes have now been open-sourced and added to the base-16 ecosystem.
Happy theming!
https://t.co/7QhZpaGS4R
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.
https://t.co/Xfy5jaJik6
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! 🎉