I had an idea during a meeting today — what if we had a Slack bot that looked for common key words and phrases and suggested content from our design system? About twenty minutes later I had a prototype of this running and installed in our Slack workspace, and it is all thanks to Botkit and their
botkit-slack Glitch project.
Shout out to Glitch for being incredible. I was able to remix the Botkit project and have my own version running in seconds. The app features a pretty ingenious interactive setup guide that walks you through the configuration by having you input your API keys and then giving you the exact values to paste into Slack’s app site and the Glitch editor. The process was flawless and a perfect example of a developer experience that just works.
All great design, in any medium, involves learning how to work with the grain instead of against it.
These mock designs almost always focused on pixel perfectness, which meant trying to bend and twist the web to make it so. Spacer pixels, remember those? We were trying to make the raw materials of the web, particularly HTML, then latter CSS, do things they didn’t want to do. Things they weren’t meant to do.
What’s great about the ubiquity of the web is that designers don’t necessarily have to write HTML/CSS anymore in order to work with the grain. Purely visual tools today like Sketch and Figma already mirror the way the web works better than ever before.
For example, these tools are now able to model responsive designs and allow the user to decide how and when elements should respond when they are resized. This isn’t the web — but it’s closer to the web and keeps getting closer. Designers today who don’t know HTML/CSS can still work with the grain if they do their due diligence.
Add this to your holiday wish list: Dave Addey has published Typeset in the Future: Typography and Design in Science Fiction Movies, a book version of his popular blog. A book about science fiction and typography checks a lot of boxes for me.
Kent C. Dodds demoed a really neat trick to create a simple URL shortener using Netlify. He even created a package called
netlify-shortener that makes it easier to automate the whole process. I recreated this setup and it works perfectly. Thanks Kent! Also, Netlify is probably my favorite tool out there right now; I can’t believe it’s free for most uses.
Friends With Secrets is a new project from Akilah Hughes, Robyn Kanner, and Timothy Goodman:
Three friends with different backgrounds participated in online text therapy sessions from January to April 2018. Friends With Secrets captures a slice of their lives — the good, the bad, the heartbreaking — and how they try to process the world around them.
Each of the transcripts are honest, painful, and fascinating. It takes a lot of courage to be this vulnerable on the internet. Another thing I love about this — the project is an excellently crafted website. Hypertext is the perfect medium for an experience like this.
Go vote! If you’re in Chicago and need a ride to a polling location, Divvy is letting users ride for free on election day.
My first Midwest experience outside of Chicago. Devil’s Lake in the fall was magical.
Thanks to my friend Patrick, I had the opportunity to see Death Cab for Cutie in concert this week at Roosevelt University’s Auditorium Theatre in Chicago. The venue was absolutely gorgeous, so much that sitting up in the rafters was actually kind of nice.
The best part of the night, though, was the surprise performance of Transatlanticism, in its entirety, in honor of the album’s 15th anniversary. It was really a treat to get to experience such a unique show.
Mikhail Gündogdu attended a ton of design system conferences and collected all of the knowledge into a great piece.
I especially like what Diana Mounter has to say about feeling imposter syndrome with your design system compared to other companies’ systems:
That’s why Diana says you shouldn’t worry about comparing your design system to any other organization’s system, because thats not what proves its success. Instead, Diana says, push your design system out and analyze utilization to measure its success. Chaos will be a natural part of something so new to the practice as design systems, so focus on what matters and take advantage of the chaos. Are people using the design system in their workflow, and contributing back to it to make it better?
I can attest that comparing your design system to others out there is a fool’s errand. Companies are different, and so should be their systems.
Emoji and Markdown make for a pretty good storyboarding tool.
Frank Chimero writes about how he organizes his (streaming) music collection in a way that strengthens the connection between music and time. This is how my brain thinks about music as well, so I plan to steal this idea from him.
✨ A T L A N T A • S2E6 ✨
Probably the best piece of television I have seen in the past 12 months. Came out of left field and was more successful than most movies that attempt it. Atlanta is a masterpiece.
In honor of Atlanta season two premiering tonight, read this excellent profile of Donald Glover by The New Yorker. He advises to steal from the masters, and thinks we are at ”the end of the storytelling age.“ I agree.
XOXO is “an experimental festival for independent artists and creators who work on the internet,” which is exactly as amazing as it sounds.
Many of the people in my online circles have been going to XOXO since the beginning, and I knew that if the opportunity ever came for me to go I would jump on it. I was afraid that the festival was gone for good after it failed to return in 2017. Lucky for me, the Andys came back this year for XOXO’s sixth iteration, and its biggest ever.
I traveled out to Portland, OR in September (my first time visiting), and I can’t overstate how much I enjoyed my experience there. Both the city and the conference were invigorating, and I can’t have imagined a better backdrop for this group of folks. Now that the conference videos have been uploaded, I wanted to take the time to share some of my favorite topics, events, and highlights from my trip.
Art + Code
XOXO is both a festival and a conference. While conference talks took place (and were recorded) during the day on Friday, Saturday, and Sunday, festival events were in the evenings and were not recorded. I felt bad about missing some of the evening events, but the ones I did catch felt even more special because they were shorter, more intimate, and ephemeral. They left me wanting to explore and learn more about the speakers and projects I saw, and in that way the festival events stuck with me much more than the recorded conference events.
Friday and Saturday night both featured an arcade full of indie game creators showing off upcoming games as well as a dedicated room for tabletop games. Friday night featured two sets of shorter talks: Art + Code and Film & Animation.
I chose to skip the film and animation talks so that I could catch as much of the Art + Code stuff as possible, and I’m glad I did. Art + Code turned out to be my favorite part of the programing at XOXO. While I can’t share any videos of the talks (since they weren’t recorded), I can share links to some of the demos and their creators.
Art + Code was sponsored by Figma and hosted by Jenn Schiffer, Glitch’s director of community engineering. For a good roundup of the talks from the night, I highly recommend reading Glitch’s official piece, put together by Maurice Cherry. There are enough links in there to keep you occupied for quite a while.
The highlight of the evening for me was Baratunde Thurston and the demo of his app, Living While Black. The app generates headlines about white people calling the cops on black people, and asks the user to guess whether the headlines is real or not. Baratunde also talked a bit about the grammar and patterns of racism in our culture, which was fascinating. Glitch has a terrific interview with Baratunde over on their blog that I recommend you check out.
Another favorite from the evening was Janelle Shane‘s talk about training AI to generate knitting patterns, and then knitting those patterns to bring them into the physical world (here’s her post about it, including pictures!). Janelle also has some hilarious examples of using AI to create art over on her blog, which she shared with the room and told stories of how they came to be. Many of the talks centered around using code to create art, which was very inspiring for my own work.
Creatives are a highly dissatisfied bunch, often in no place more so than themselves and their own work. This is something that I have struggled with quite a bit in the past few years, and I’ve found solace knowing that others share in that struggle and that there is a wealth of experiences to learn from. No place is that more true than on the internet.
The web is often where we’re confronted with our greatest feelings of inadequacy. Members of marginalized groups especially cannot exist online without being told that they’re not good enough (among other, more awful things). But there are other ways that our self confidence and value are eroded on the internet, and Helen Rosner told a wonderful story of her experience dealing with those situations.
Another favorite of mine was Open Mike Eagle’s thoughts on this subject. He articulated how difficult it can be for a creator to communicate about their work and what it means to them:
Sometimes we need the reminder that imposter syndrome does not an imposter make. Our creative heroes face the same struggles, and they overcome it by being honest and open about their experiences. Sharing those feelings with another person (or in the case of XOXO, a couple of thousand people) is really something special.
The inclusive web
Another theme that was woven throughout the festival was that the web should be place where all people are represented. The web is what we make of it, but sometimes it’s easy to forget that we have the power to shape the form of our medium.
In what may be my favorite talk of the entire weekend, Claire Evans spoke about the women who helped create the web as we know it, and how they have been pushed to the edges of history to make room for their male counterparts. I was so inspired by the stories of early hypertext pioneers of whom Claire spoke, and so surprised to discover that their stories were unknown to me beforehand.
Claire is the author of Broad Band: The Untold Story of the Women Who Made the Internet. I’ve since read her book and I can easily say that Broad Band is the best book I have read this year. I highly recommend picking it up.
Jennifer 8. Lee’s talk was cut from the same cloth as Claire’s. Jennifer is a journalist and emoji activist who is a member of the Unicode Emoji Subcommittee and founder of Emojination. She spoke about joining the subcommittee and advocating for more inclusive, diverse emoji to better represent the people who are using them to communicate. She also touches a bit on emoji as language and how we use them to communicate, which I thought was very fascinating.
Hale Pele lived up to the hype as one of the best tiki bars in the country. Go with a group of friends and hang out for a few hours.
If you like Chinese food (especially dumplings), check out Duck House. The pork wontons in chili oil were incredible 😍. Pok Pok‘s wings were as legendary as everyone had told me they would be. The northwest location was was less busy than the others.
Really, just stick to Neven’s recommendations and you won’t be disappointed.
Until next time
XOXO succeeds because it defers to the experiences of its community. It invites a group of interesting people from the internet into a physical space to discuss, share, and question their work with other like-minded folks. XOXO isn’t one thing — it’s a lot of things that are constantly changing. I don’t expect next year’s festival to be anything like this year’s, and that’s why I am so excited to go back to Portland in 2019 to do it all again.
The Andys have created an environment that reflects the experiences of those who occupy it. XOXO is fluid and changing because working on the internet requires us to constantly change the ways we think and interact with one another. We shape our online environment, and we shape XOXO too.
I hope to see you there in 2019.
An introduction, history, and resource for generative art and creative coding.
InVision interviewed the design team at Sprout, and I wrote up some extended thoughts on their questions.
Memorializing Anthony Bourdain and all of the things we can learn from him.
Photos from a recent trip to the Pacific Northwest.
How I manage money with my bank of choice (Simple) and their smart, automated features.
Thinking about what it means to slow down and design for the future.
A quote worth remembering.
Rambling about design systems, CSS in JS, and problems that appear at scale.