Links for Declarative Design
This was originally posted on my own site.
At the end of next week, I will sally forth to California. I’m going to wend my way to San Francisco where I will be speaking at An Event Apart.
I am very much looking forward to speaking at my first in-person AEAs in exactly three years. That was also in San Francisco, right before The Situation.
I hope to see you there. There are still tickets available.
I’ve put together a brand new talk that I’m very excited about. I’ve already written about the prep for this talk:
So while I’ve been feeling somewhat under the gun as I’ve been preparing this new talk for An Event Apart, I’ve also been feeling that the talk is just the culmination; a way of tying together some stuff I’ve been writing about it here for the past year or two.
The talk is called Declarative Design. Here’s the blurb:
Different browsers, different devices, different network speeds…designing for the web can feel like a never-ending battle for control. But what if the solution is to relinquish control? Instead of battling the unknowns, we can lean into them. In the world of programming, there’s the idea of declarative languages: describing what you want to achieve without specifying the exact steps to get there. In this talk, we’ll take this concept of declarative programming and apply it to designing for the web. Instead of focusing on controlling the outputs of the design process, we’ll look at creating the right inputs instead. Leave the final calculations for the outputs to the browser — that’s what computers are good at. We’ll look at CSS features, design systems, design principles, and more. Then you’ll be ready to embrace the fluid, ever-changing, glorious messiness of the World Wide Web!
If you’d a glimpse into the inside of my head while I’ve been preparing this talk, here’s a linkdump of various resources that are either mentioned in the talk or influenced it…
Declarative Design
- Declarative design on adactio.com
- Utopia by James Gilyead and Trys Mudford
- Every Layout by Heydon Pickering and Andy Bell
- Be the browser’s mentor, not its micromanager by Andy Bell
- Layout Land by Jen Simmons
- Designing Intrinsic Layouts by Jen Simmons on adactio.com
HTML
- A declarative Web Share API on adactio.com
- A polyfill for button type=”share” on adactio.com
- The reason for a share button type on adactio.com
- Share Button Type explainer on Github
- When should there be a declarative version of a JavaScript API? on adactio.com
- How to (not) make a button by Tomas Pustelnik
CSS
- The CSS Mindset by Max Böck
- Contextual Spacing For Intrinsic Web Design by Stephanie Eckles
- The CSS mental model by Peter Paul Koch
- CSS Forces by Tim Brown
Design Tools
- Our web design tools are holding us back by Vasilis van Gemert
- Traditional Web Design Process is Fundamentally Broken by Jason Grigsby
- Web Design Tool Wish List by Jason Grigsby
- Declarative Design Tools (archived) by Jem Gold
Design systems
- Declarative design systems on adactio.com
- Design systems thinking on adactio.com
History
- Cascading HTML style sheets — a proposal by Håkon Wium Lie, 1994
- A Dao of Web Design by John Allsopp, 2000
- Responsive Web Design by Ethan Marcotte, 2010
People
This was originally posted on my own site.