Twitter | Search | |
Kevin W. Hoffman
Product Manager & Designer . Tweets about design systems, UI, UX, and accessibility. he/him
3,758
Tweets
1,034
Following
1,728
Followers
Tweets
Kevin W. Hoffman Aug 6
Replying to @rjs
I watched this a couple of days before your lecture. It was my own serendipitous introduction to Alexander's work and the quality of "life" that you touched on in your talk. Life is such an abstract concept, so it really helped to hear it explained twice.
Reply Retweet Like
Kevin W. Hoffman Aug 6
My wife made this gourmet version of a Wild! Berry Pop-Tart for breakfast today. So good. 💜💙
Reply Retweet Like
Kevin W. Hoffman Aug 2
Replying to @hankchizljaw
Thanks. After trying a few different methods, I found the formatting was mostly a problem when dealing with nested Nunjucks tags, which hasn't come up too often. For now I'm using a Prettier ignore comment to disable formatting in those situations. <!-- prettier-ignore -->
Reply Retweet Like
Kevin W. Hoffman Aug 2
Hi Andy, I'm taking your Eleventy from Scratch course and finding it difficult to format Nunjucks and HTML in the same file within VS Code. None of the existing Nunjucks extensions seem to play well with HTML formatting/syntax highlighting. Any recommendations?
Reply Retweet Like
Kevin W. Hoffman Jul 31
Replying to @rjs
Thanks, Ryan. I really enjoyed your lecture today and am now digging into Notes on the Synthesis of Form. It's neat to see how aspects of Shape Up and JTBD relate to Alexander's work.
Reply Retweet Like
Kevin W. Hoffman retweeted
Ryan Singer Jul 25
A job to be done is not a ‘need’ — it’s an impasse.
Reply Retweet Like
Kevin W. Hoffman retweeted
Tanner Linsley ⚛️ Jul 27
🎉🥳 My new course "React Query Essentials" is launching in 2 days! (July 29) - THE official course - $99 early bird discount for 1 week, then $149 - 30 day guarantee, PPP on request ❤️/ Retweet to WIN 1 of 3 free course vouchers!
Reply Retweet Like
Kevin W. Hoffman Jul 25
Replying to @kn_wler
Happy birthday! Can confirm those fractions do not get better as you get older. 😆
Reply Retweet Like
Kevin W. Hoffman retweeted
˗ˏˋгoɢιε ˎˊ Jul 23
I love Figma's philosophy on plussing existing features. For shadow spread radius, which and I worked on ( just released!), we added the effect name to the title, as well as scrubbable fields to make previewing your effect more efficient. Tiny positive changes.
Reply Retweet Like
Kevin W. Hoffman Jul 20
During user onboarding, most products assume that the job-to-be-done is to "get set up." But it's likely you're still skeptical at this point, which means the real job is to convince yourself that this new solution is better than your status quo.
Reply Retweet Like
Kevin W. Hoffman Jul 18
Replying to @kevinwhoffman
Finally, when you don't have enough context to make the judgment call yourself, expose a setting for the user to decide. A setting to flip your component to "dark mode" is a good example of baking flexibility into your component when the context is unknown.
Reply Retweet Like
Kevin W. Hoffman Jul 18
Replying to @kevinwhoffman
In other cases, I will purposefully allow my component to inherit styles from the theme (e.g. font family, color) so that my components blend into the overall composition of the page.
Reply Retweet Like
Kevin W. Hoffman Jul 18
Replying to @kevinwhoffman
There is no one-size-fits-all solution. Whenever my component contains several elements in a tight arrangement, I style defensively (with high specificity) because the slightest variation in font size or line height can "break" the appearance.
Reply Retweet Like
Kevin W. Hoffman Jul 18
Replying to @kevinwhoffman
You can choose to increase the specificity of your own selectors and try to win the specificity war, or you can accept the reality of WordPress and be okay with the fact that your components will vary somewhat across different themes.
Reply Retweet Like
Kevin W. Hoffman Jul 18
Replying to @kevinwhoffman
1. You have not declared styles for a particular property (e.g. the color of a link), so the property ends up being styled by another theme or plugin. 2. Or you have declared styles but they are being overridden by a more specific selector in another theme or plugin.
Reply Retweet Like
Kevin W. Hoffman Jul 18
Replying to @kevinwhoffman
Wherever your styles deviate from your intended presentation, you are losing the specificity war to the active theme or another plugin. This usually happens for one of two reasons.
Reply Retweet Like
Kevin W. Hoffman Jul 18
Defensive styling is one of the great challenges for plugin authors, and it is based on the concept of CSS specificity.
Reply Retweet Like
Kevin W. Hoffman Jul 16
Replying to @rjs
That's true. We're still transitioning from waterfall to Shape Up, and in the past there were one-off features assigned to developers without a pitch for context.
Reply Retweet Like
Kevin W. Hoffman Jul 16
This is huge for design systems. No more endless scrolling. Thank you!
Reply Retweet Like
Kevin W. Hoffman Jul 16
Replying to @rjs
User stories can feel like funny ceremony at times, but I find them helpful for reminding the developer of the purpose of the work in front of them. "As a developer..." is a story smell that tells me the developer isn't fully grasping the job from a user's perspective.
Reply Retweet Like