Sign in with Twitter

Username:

Mark Dalgleish @markdalgleish Melbourne, Australia

🦄 CSS Modules co-creator, Playroom, Braid, @MelbJS. ECMAScript addict, computational designer, dad x4 ☕ OSS / UI / design / tooling at @seekjobs 🍦🇦🇺✌🏻✝️

365 Following   52,257 Followers   19,107 Tweets

Joined Twitter 2/26/11


@joshwnj This looks really interesting! Feel like I've needed something like this. Thanks for sharing. @chriseppstein Fair point. @JeeZeh There's value in what you're describing—hearing someone elucidate your own thoughts—but to me, that's not w… https://t.co/xAipuOVQR3This is why I like the Bible, by the way.IMO a list of principles should aim to make the reader realise they're falling short. If everyone's just nodding along, it's not helping.If a list of design principles is entirely uncontroversial, in the sense that I can't imagine anyone legitimately a… https://t.co/cGNUlgPmpM
8/4
2020
@buildsghost Makes me think surveys and interviews are more like health metrics rather than something you intend to… https://t.co/52etzOdMvJ @buildsghost Thanks for the heads up, this is super useful to hear. @joebell_ Developers understand the parallels with "DevOps" but I imagine most designers don't get the reference. @joebell_ Feels like "DesignOps" either got co-opted, or I completely misread the term. @buildsghost Sorry, not quite sure what you mean. Sounds interesting though. Could you elaborate a bit? @johncutlefish @emadabdulrahim Design systems are a subset of this problem space. @buildsghost IMO it should be surveys/interviews. @johncutlefish @emadabdulrahim Faster iteration on the product itself. Less time talking about concepts and more ti… https://t.co/1sB3rkJVgI @buildsghost Agreed—if you need a design system speciality, it should be nested under this.Measure how productive teams are feeling—not how many components you shipped or how shiny your documentation is.Starting to think that "Design Systems" is too narrow of a focus for a team, and that something along the lines of… https://t.co/WlCazVRJm6
8/3
2020
📰🚀 Capsize v1 Release 🚀📰 Finally published Capsize v1 to npm 📐 Control the size of text by the height of the capi… https://t.co/LzSAifMnuP
Retweeted by Mark DalgleishAdded Capsize to JSXUI and it's already made a huge difference in how easy it is to line up spacing 🤯 absolutely gr… https://t.co/P9e7VKY6ss
Retweeted by Mark Dalgleish
7/27
2020
@wolfr_2 That's a usage issue—the component can be customised to render whatever semantic element you like, e.g. <Text component="p">
7/26
2020
@MathieuDutour @sarah_federman @laurie_jones @SEEK_Geek Not sure how this refutes my point? My point is that this i… https://t.co/BJWDVORu9Z @sarah_federman @laurie_jones @SEEK_Geek Also: - No component animations. - No component interactions. - No compone… https://t.co/AGSJ846V11 @sarah_federman @laurie_jones @SEEK_Geek Cool tech demo, but feels like a dead end: - Components change based on pr… https://t.co/GJRfSzN0Cs
7/24
2020
it's finally here! 🤩 a draft for easier vertical font alignment with #css https://t.co/DXRbELkI8e big thanks to… https://t.co/0wBzFpuWYi
Retweeted by Mark DalgleishI know I'm biased here, but Capsize really is a revelation for web typography and layout. When using font-size, I… https://t.co/HBGpd0RRTH
7/21
2020
@bradbarrow_ @danieldelcore Hey now, that's a really great idea 🤔🤔🤔
7/20
2020
Love how BRAID walks you through the steps of composing their components together to create a finished piece of UI… https://t.co/qEn7sf7769
Retweeted by Mark Dalgleish
7/19
2020
@chantastic My DMs are open :) @mooretoddy I can only remember positivity from you. Really appreciate your response 🙏While on leave after the birth of my fourth child, Christ spoke to me. For once, I listened. My social media prese… https://t.co/KuMo4PsymlOur Design System team has been investing heavily into Codemods to help restructure our APIs to improve consistency… https://t.co/etnNs8vvEh
Retweeted by Mark Dalgleish
7/16
2020
@RubenOostinga I said coupling to *us*, not the system :) @blvdmitry Yep, everything 😅 @madsgodvin We're full time, but working more generally on web platform tooling. @fillippeyton We just have our ears close to the ground—attend design meetings and keep an eye on emerging trends,… https://t.co/9BOUeM086aOperating a pull-based design system is definitely a challenge at times. We often feel like a broken record having… https://t.co/U0rjk2ghWZBecause we operate on a pull-based model, our contribution guide is very lean: https://t.co/na8kXO27RgWith only 3 devs working on our design system, the only way we can maintain an acceptable level of quality without… https://t.co/kofmxo1eWGhttps://t.co/mxjHKfkd1f
7/15
2020
@rem @JonasKuske What issues are you having?Still just a guess, though. Hence the question.I have larger monitors at home than at work, as I'm sure many of you do too—but my guess is that we're the exception.With so many people working from home, wondering if anyone's seeing a noticeable shift in viewport sizes? I can ima… https://t.co/IBOplZtLAy @devongovett Agreed. They do have their place, though, e.g. hackathons, side projects, or even just used as referen… https://t.co/c4TesgHD33Most critically, you should avoid spreading props onto someone else's component library. Your API should be a curat… https://t.co/1lZgFHKbf1Open source component libraries generally try to support as many use cases as possible. Design systems tend to be… https://t.co/3X8QCfaQhHhttps://t.co/O4JWOMU0p5
7/14
2020
@_ooade @thesegunadebayo @Sonicrida @thesegunadebayo What are your thoughts on including this in Chakra? @concreteniche Good article! @jordyvdboom Interesting. Do you have a specific link I could look at? @baddox Other way around, too. If we want a button to look *less* clickable, we make it look like a link. @jtmthf Yep—I expect the behaviour in that case given it's explicitly designed to be a userland namespace, but I ex… https://t.co/sGFyNYNPRQButtons and links behave differently for users. Most notably, links can be copied and/or opened in a new tab while… https://t.co/EyLuUCBURDTIL that TypeScript doesn't flag the "aria-role" JSX attribute as an error, which should be "role" instead. In fact… https://t.co/TIwwJvl8rZCorrection: role="button", not aria-role="button". @swyx Our design system already supports this—<ButtonLink href="...">, which renders a link that looks like a butto… https://t.co/yPjnxmyHFh @theisomorphic Oops, you're right—I meant just role="button". @mokargas The intention here was to present them together as a single reason.Found a reason to use aria-role="button" over a regular button: - Designs sometimes feature "links" that are actua… https://t.co/qvECt4cxSD
7/13
2020
🔥 Capsize is a *massive* leap forward for web typography. ✂️ It uses font metadata to crop space from text nodes a… https://t.co/fTc7RmGgdG🚀 Capsize site is live! 🚀 Released the first cut of the site! Jump in and have a play. There will be a node packag… https://t.co/nBmRXWn46Z
Retweeted by Mark Dalgleishexperimenting with the idea of shaping the interface styles — https://t.co/egzeJh5IlD https://t.co/wKQmEUT7br
Retweeted by Mark Dalgleish
7/10
2020
With Playroom, responsive layout components, and now @michaeltaranto's work on Capsize, it really feels like we can… https://t.co/tjOJ9E6zKb @benrogerson @danharris_io Curious to know why that worries you? @michaeltaranto was experimenting today with usin… https://t.co/0WNOtp1eYrAt one point I considered adding defaults that match Create React App, but then I realised that there's no way for… https://t.co/WJKaF5zKNi @blvdmitry Just thinking about all the GitHub issues makes me anxious. @blvdmitry Which includes support into the future as they release new versions. How do you manage breaking changes… https://t.co/LGcTSYjmS5I really wish I could make the setup process for Playroom easier, but the current front end landscape makes it supe… https://t.co/FmnJ8tjZT2Probably shouldn't admit this, but I'm trying to get more flattering light from my monitors so I look better on Zoo… https://t.co/IXsRAr4DcV @jordwalke Twitter should enforce 10 character tweets. @ajitid The font is MonoLisa: https://t.co/zVntGQDwCn @harshamv VS Code.Theme: https://t.co/1X9IwLql69 Wallpaper: https://t.co/iV7nB2nO7BTrying out a lighter, warmer editor theme and wallpaper combo. https://t.co/KUZWILa1Gz
7/9
2020
Pretty exciting seeing all the pieces come together now 😲 Supports defining line-height by either typographic "lea… https://t.co/BhL6FT12ZS
Retweeted by Mark DalgleishCropping text nodes and aligning UI to a baseline grid isn't about mimicking print design practices. It's about inc… https://t.co/Jg5tqCjgyO
7/8
2020
@yeukang @imrichl @Stan_Lindsey @jasonsantamaria Not really looking for a debate on this one. If you don't find it valuable, just ignore it. @yeukang @imrichl @Stan_Lindsey @jasonsantamaria Because I find it more aesthetically pleasing, and because it make… https://t.co/NoDZGo5r6QWhat @michaeltaranto & @markdalgleish are working on could change the web dev world forever. This is how text rend… https://t.co/KmSai2ahDY
Retweeted by Mark Dalgleish.@michaeltaranto is working on something that could make this trivial to solve. @yeukang @Stan_Lindsey What I'm aiming for is a component system that follows the baseline grid for you automatical… https://t.co/pkD7lk5xaa @colmtuite Yeah, but more likely is that you're changing your typography. @colmtuite That's how we're doing it currently, but my point is that I don't think it's enough. @Stan_Lindsey Need to experiment, but my hunch is that you should have a single space scale that's derived from you… https://t.co/LtOKu6wULBIn our design system, we have 2 different space scales: - Between UI elements (e.g. within a <Stack>) - Between wr… https://t.co/Ou3JuTwTTjAll these fonts are specifying the exact same font-size. How accessible is the minimum 16px text when the result va… https://t.co/0x5uRnXnqz
Retweeted by Mark Dalgleish @alexandereardon If it helps, the way I remember it is that justified text is horizontal, and that the main axis is… https://t.co/196O5EXKHrFont Metrics Fun Facts 🤓 📊 ~990 fonts on Google Fonts 🙅‍♂️ 3% (34) have no cap height defined 💩 4% (46) have a visi… https://t.co/TSc7sQnXMQ
Retweeted by Mark Dalgleish
7/6
2020
Interested in typographic baselines and cropping white space around text? I've been playing with unpacking fonts fi… https://t.co/leFPrUjtUh
Retweeted by Mark Dalgleish
7/4
2020
tfw you want to use a product but you cant because its landing page doesnt have a hero image with cartoon people wa… https://t.co/7ygJDADwei
7/3
2020
"What’s more, there are surprisingly few products focused on the space between design and implementation—on bringin… https://t.co/6Q3WCqgLT3
Retweeted by Mark Dalgleish
7/1
2020
@thiagolagden this breaks accessibility @concreteniche definitely cant do the latter unfortunately keep in mind that some phones are only 320px wide so it… https://t.co/FeBY78r9rUis there a version of developer handoff where i dont even know which developer is working on it like seriously i do… https://t.co/kI8S0hK0iKzeplin is such a good invention its like i dont even have to look at a developer ever again @concreteniche accessibility responsive design providing proper affordance that more tabs are off-screen animating… https://t.co/4Ya1C3uvJ2 @andrewmat a good tabs component is basically a carouselmaking a good tabs component is hard @zknapt free will is a necessary precursor of evil @nearwood its to give touch users the opportunity to see any page updates that happen as a result of mouse movement
6/30
2020

0