Design

Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.

Welcome to the era of Product Illustration—where illustrations are not only used for ornamental purposes, but also for humanizing the user experience. Here is a compilation of resources to help you become a great Product Illustrator.

Yong Jun had developed an open-source scrolly-telling library that he used for a lot of his projects and it uses position: sticky for “snapping” content into place. During the workshop, he posed the question of why just applying position: sticky alone on an element doesn’t work. And this gave me the idea to do another CSS property deep dive 🤓.

Glitch is the fastest and easiest way to code and collaborate online, right from your browser. Whether you're working remotely for the first time or want to level up your virtual collaboration skills, these resources can help.

College was a superlative time in my life. I made lifelong friends, had many opportunities, and even started a little business. The time at college wasn’t all sunshine and rainbows for me. During Christmas Break of my sophomore year, my roommate suddenly passed away. It was tragic. A death at 19 is very difficult. He hadn’t even picked his major yet.1 Dealing with loss takes it out of you. The time was a blur. During the weeks and months after his death, one particular moment stands out for me. It causes tears of rage to swell up in my eyes. It’s likely one of the reasons why I’m still in the software game to this day.

Leading Newly Remote Teams A guide for managing, mentoring, and operating design virtually. Learning The Hard Way Sixteen years ago, I started a design studio in Southern California. A year later, I hired the first employee who lived three time zones away on the East Coast. There was no requirement to move, no relocation offered; I hired the person because I wanted to work with them. The second employee was the same story, another super talented person that I wanted to work with—they can work remote. We all worked out of our homes and collaborated through a combination of AOL Instant Messenger, Campfire (the IIRC “Slack” app of the time), Skype, and that old application we rarely use today, the telephone. Once we learned how to upload biganimated .gifs to our chat channel, the company and its culture were off to the races. Everything went well until I hired my next handful of employees locally in Southern California and opened a small office. It didn’t take too long for the culture and company operations to take a hit. Frustrations mounted. Conversations were now happening in all of the regular digital channels, but also “in-person” places at the office. The local group was presenting design and making decisions without the inclusion of the remote members of our team. Out of sight, out of mind, became the norm faster than I could see it coming. Within months I had two companies: One remote and the other local. It sucked. To fix this, we got together, talked through problems, and agreed on a plan to turn things around and make it stick. And it took a lot of effort on everyone’s part to get our company back. Years later, when I worked as an executive design director at USAA, I took an opportunity to move to Seattle with a caveat that I would travel to San Antonio for one week per month. Despite going to headquarters with more frequency than that, I still found myself left out of conversations and eventually decision making. Out of sight, out of mind is very real, and it takes a concentration to turn that around. This is all to say working remote successfully is super hard. And it doesn’t take much for a small team, let alone a large company, to start receiving a few hits. As I write this, a large client of ours sent all of their employees home today as part of a company-wide readiness test in preparation for upcoming campus closures as a part of the COVID event. I live near Seattle, where tech companies have already made headlines with their travel restrictions and campus closures. To the south, in Portland, Nike closed its campus for a “deep cleaning,” whatever that means. In short, for some of us (likely many more of us eventually), work and life routines are changing shape abruptly. Working remote is likely to become a reality for significant portions of our workforce—especially for those jobs that can relocate with a laptop. Most of us have experience working remote for a day or two here and there. A vacation that we might have wanted to extend or a sick day spent at home. The one-offs are easy enough to do, but it’s the extended remote work that will have an impact on your team’s ability to interact with others, collaborate with parts of the business, and possibly your team’s culture (something that when damaged can take a lot to recover). With this in mind, I have collected stories on how to run an effective design team remotely. You will find content that covers everything from collaboration to culture, content to pass down to your team on avoiding distractions from working at home, and other topics related to the remote practice of design. I hope you will find these articles useful. If you know of a story or another source that we should include, please let me know at gregstorey@invisionapp.com. In the meantime, please keep an eye out for more content and resources by joining my colleagues and me in the Design Leadership Forum. Greg Storey Sr. Director, Executive Programs, InVision @brilliantcrank

Make fully interactive web apps using only HTML

Adam Zabel-Wirdak I’m a digital product design lead who enjoys building teams that eat lunch together. I like working for companies that care about their people, products and profits (in that order).

How to work remotely - the GitLab guide

Almanac is a knowledge base that combines wisdom from tech leaders with your team's own practices.

Date format patterns

Hebcal makes calendars of Jewish holidays. Convert Hebrew and Gregorian dates, get Shabbat candle-lighting times, Torah readings for Diaspora + Israel, Yahrzeit dates and more.

> “Command line interfaces. Once that was all we had. Then they disappeared, replaced by what we thought was a great advance: GUIs. GUIs…

Creating a high-quality icon family requires a thoughtful approach, a trained eye, and a lot of practice. Below, I’ll illustrate the…

The type foundry of David Jonathan Ross (DJR), home of the Font of the Month Club. Making fonts such as Fit, Forma DJR, Gimlet, Manicotti, Input, Turnip, Condor, Trilby, Fern, Roslindale, and Output.

We’re Gander, a design shop in Brooklyn, NY. We create thoughtful experiences for humans and propel brands with soul and substance.

A free resource that will help you understand the design process and improve the quality of your work. Learn about strategies our team has been implementing and improving over years of cooperation with clients.

OpenChakra is a visual editor for React based on Chakra UI

imgix offers simple pricing that only charges based on the number of Master Images you serve each month. Unlimited transformations!

A color palette tool for interface design

Parametric and generative design tools

Futurespectives, like Retrospectives, look back at the past… from the future! I find them very useful when there isn’t much to retrospect on: at the start of a project or initiative. I&…

I’m an award-winning marketing Creative Director. Now at Browns Shoes and previously at Frank And Oak— leading key strategic positioning and creative expression of brand values across all customer touchpoints.

A personal UX designer portfolio website is a way for you to be yourself and tell your story. Here you'll find top 20 hand-selected portfolios that will inspire you when building your own.