Mirrors/BOOKMRKS-MTHRFCKR
1
0
Fork 0
mirror of https://github.com/whoisdsmith/BOOKMRKS-MTHRFCKR.git synced 2025-04-29 14:14:37 +02:00
Code Issues Packages Projects Releases Wiki Activity
BOOKMRKS-MTHRFCKR/Milans-Ultimate-Resource-List.md
Dustin Smith 1a697076a2
Added the entire collection
2022-12-11 00:37:59 -05:00

1493 lines
212 KiB
Markdown
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# MILAN'S ULTIMATE RESOURCE LIST 🗂🚀
After gathering resources all over the place for the past few years with tools like Are.na, Dropmark, bookmarks, various notes apps—I decided to put them all here. CMD +F to search for keywords, or navigate through using the Outline (View > Show Document Outline) That’s it! If you have suggestions or requests for resources you'd like to see, please comment or reach out.
Key:
NEW—I’ll remove the last ones I tagged each time I update
FREE—probs referring to some type of education
★ = my favorites, or sites I visit often
Curated by Milan Moffatt ([@milanmoffatt](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://twitter.com/milanmoffatt%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228435311%26amp;usg%3DAOvVaw1gxPaezB1DZ7ZdqoKXT0WG&sa=D&source=docs&ust=1645230228973135&usg=AOvVaw1Uv9OjGNsXbZed_zy6irB1) / [@typeparty_](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://twitter.com/typeparty_%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228436120%26amp;usg%3DAOvVaw0cTaVrfY-UkFKBNi81XEKh&sa=D&source=docs&ust=1645230228973295&usg=AOvVaw3nxo-VZWo8PmWbNw3KyR_e))
Updated on Oct 12, 2021—added some newsletters and type foundries!
⚡️ Daily Tools / Practices
[Figma](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://figma.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228437741%26amp;usg%3DAOvVaw3va3ZLpgcS2rigt1i7LKMP&sa=D&source=docs&ust=1645230228973465&usg=AOvVaw0DPJrQ-1QF7LsAptJG9bM-)—collaborative, free design software ★
Adobe [Photoshop](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.adobe.com/products/photoshop.html?sdid%253DKKQIN%2526mv%253Dsearch%2526kw%253Dphotoshop%2526ef_id%253DCj0KCQjw6sHzBRCbARIsAF8FMpWcAr83aO-Xji62ao9dgxXN8oN84BzduMzzrGbrHjNkRqjF07XI3nAaAjguEALw_wcB:G:s%2526s_kwcid%253DAL!3085!3!392818671571!e!!g!!photoshop%2526gclid%253DCj0KCQjw6sHzBRCbARIsAF8FMpWcAr83aO-Xji62ao9dgxXN8oN84BzduMzzrGbrHjNkRqjF07XI3nAaAjguEALw_wcB%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228438982%26amp;usg%3DAOvVaw0oaeF8MZb-OAVHwpDHlwRN&sa=D&source=docs&ust=1645230228973608&usg=AOvVaw2gNlm4KaCEUKyQEZbD-9Jc) \+ [Illustrator](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.adobe.com/products/illustrator.html?sdid%253DKKQML%2526mv%253Dsearch%2526ef_id%253DCj0KCQjw6sHzBRCbARIsAF8FMpXWrv-kG_ZvOOivT8KFJeYrWckEqmC5nhsbslYbX3usgGSAZrETglMaAkgpEALw_wcB:G:s%2526s_kwcid%253DAL!3085!3!393698916373!e!!g!!illustrator%2526gclid%253DCj0KCQjw6sHzBRCbARIsAF8FMpXWrv-kG_ZvOOivT8KFJeYrWckEqmC5nhsbslYbX3usgGSAZrETglMaAkgpEALw_wcB%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228439966%26amp;usg%3DAOvVaw0Kt1lOUisrhAFEZJm3upgO&sa=D&source=docs&ust=1645230228973758&usg=AOvVaw0iJZBc2Mm4TZi3PpjdiNbx)—for editing photos and illustrations/icons/vectors (bc Figma isn’t as robust. Editing with their pen tool’s behavior can be limiting)
[Figma Mirror](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://help.figma.com/hc/en-us/articles/360039829534-Preview-designs-and-prototypes-with-Figma-Mirror-app%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228440894%26amp;usg%3DAOvVaw3fsGWVKBLN0inzNXuEkFZP&sa=D&source=docs&ust=1645230228973890&usg=AOvVaw30-bgMRvhfgbYwIfiVoxgM)—viewing designs on devices / testing prototypes
[Fonts Ninja](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.fonts.ninja/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228441626%26amp;usg%3DAOvVaw2PX2ZlGkImWHKykgdELxJe&sa=D&source=docs&ust=1645230228973995&usg=AOvVaw2ozlFOvIWNG0qm6TfU5Esy)—font identifier
[Fireshot](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://tiny.cc/mw1flz%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228442318%26amp;usg%3DAOvVaw1gJE26_GLcwNAASOdHsZLp&sa=D&source=docs&ust=1645230228974130&usg=AOvVaw0ThhqnF3w7r-5ugJbbOFAa)—full-page screenshots ★
[ColorZilla](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228442900%26amp;usg%3DAOvVaw2k14TP2rRBKSmQXbRKtA0g&sa=D&source=docs&ust=1645230228974346&usg=AOvVaw3SU1uZhR2VbnQf-TyZ6zNL)—color from web picker
[Dropmark](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.dropmark.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228443486%26amp;usg%3DAOvVaw25pZyb0410g7HbP91diSxH&sa=D&source=docs&ust=1645230228974537&usg=AOvVaw2zB3qU31aNcAonr_6SPTRe)—bookmarking + collections
[Are.na](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://are.na%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228444249%26amp;usg%3DAOvVaw296wBCxU4Z5kWDjwKPw3oG&sa=D&source=docs&ust=1645230228974748&usg=AOvVaw1QyeYnGCBC1mjGVqUYHxw8)—bookmarking + collections, inspo
[Window Resizer](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228444963%26amp;usg%3DAOvVaw1Or8FZbG-sARqGcActDrTM&sa=D&source=docs&ust=1645230228974958&usg=AOvVaw0uKbvkflgfPOnhfYfBckZu)—adjusting viewport size, also use Chrome Inspector (right click > Inspect > adjust viewport icon in top left) ★
[Magnet](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://magnet.crowdcafe.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228445689%26amp;usg%3DAOvVaw3CfKYoA5zPQzW9Hoov7iWD&sa=D&source=docs&ust=1645230228975170&usg=AOvVaw09r9yjemPGEGKTHS9heB2U)—set up keyboard shortcuts to snap/resize windows ★
Chrome Inspector—playing around with CSS (right click > Inspect)
[Typewolf](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://typewolf.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228446637%26amp;usg%3DAOvVaw0_bPWRA2iJlkCuouY5fMKq&sa=D&source=docs&ust=1645230228975403&usg=AOvVaw1046R2O47i3URkzXpQ7GtX)—inspo, type obvi but also for color palettes + web design
[siteInspire](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://siteinspire.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228447376%26amp;usg%3DAOvVaw1VGZymldRuR9nzwTGxFEil&sa=D&source=docs&ust=1645230228975609&usg=AOvVaw3uGi-wD-KH1seQyPxYS1O9)—inspo
[Fonts In Use](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://fontsinuse.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228448103%26amp;usg%3DAOvVaw1vAZrPc0CN-2MKDzEX1Hi5&sa=D&source=docs&ust=1645230228975814&usg=AOvVaw1iTYuCs7VMoEx3Ia6wtmVc)—inspo
[Dribbble](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://dribbble.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228448850%26amp;usg%3DAOvVaw0Y91ZXrxPX6vRaPC9hBA4O&sa=D&source=docs&ust=1645230228975941&usg=AOvVaw3IsDMjli90QhzxH3zILU4A)—inspo, esp illustration (be careful of those unrealistic UI designs!)
[Behance](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.behance.net/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228449687%26amp;usg%3DAOvVaw2Mx_DgBGRPsFE-fFwSACNZ&sa=D&source=docs&ust=1645230228976044&usg=AOvVaw0LGb5gR5WGkWc1ZAe8_22Q)—inspo
[Unsplash](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://unsplash.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228450457%26amp;usg%3DAOvVaw3hh2uPDk1jwSAzWvIwG_Fi&sa=D&source=docs&ust=1645230228976172&usg=AOvVaw1FL6qEmoSeZLXnU7vebL9u)—quality free stock photos
[Noun Project](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://thenounproject.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228451055%26amp;usg%3DAOvVaw1rHVzgabLrustcpk1noRIs&sa=D&source=docs&ust=1645230228976358&usg=AOvVaw2hT7Gdb9PXTCs_nKISVz4V)—icons to use and modify
# Helpful Work Techniques
* [Interstitial journaling](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://nesslabs.com/interstitial-journaling%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228452482%26amp;usg%3DAOvVaw1Ik9ogurjw3U9GSuQj3WuQ&sa=D&source=docs&ust=1645230228976651&usg=AOvVaw0dqjqy-m_UgF-zAEZgORx1)—amazing technique for staying focused! Combines notes, to-do list and time tracking
* Pomodoro timer
# Work-specific Daily Tools
Zoom ★
Todoist ★—I use it for personal tasks but it’s the best to-do list app I’ve ever used. I also use the iOS Notes app
Google Docs / Sheets / Drive / Gmail ★
Dropbox
Notion
Pivotal Tracker
Slack ★
[Figure It Out](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://fioapp.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228455002%26amp;usg%3DAOvVaw1mKTAivi3t5OJhV-9JNK2V&sa=D&source=docs&ust=1645230228977298&usg=AOvVaw1K9o1gGlFhXCKQLTz1e9ck)—sets Chrome landing page to world clock, great for remote teams ★
# Design Tips
* Designing a balanced, consistent logo garden: search “[name] logo svg”. Put them all in the same artboard and optically adjust each logo within the artboard so they feel balanced. I usually start by setting a max width for horizontal icons and max height for square/more vertical ones, then adjust if needed. Export artboards as SVGs.
* [Check out Figma plugins](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.figma.com/community%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228456956%26amp;usg%3DAOvVaw1Vl1ijduZuJoo01g9cYFH3&sa=D&source=docs&ust=1645230228977764&usg=AOvVaw0_WPunoY2hdWxLq0fyqkMg), they’re super cool
* [WebAIM Contrast Checker](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://webaim.org/resources/contrastchecker/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228457727%26amp;usg%3DAOvVaw0zC6VFd-ZabOiJcPPY9MmO&sa=D&source=docs&ust=1645230228977965&usg=AOvVaw3qebcQny1GAwRsS2r_D0JH)—always check your color contrast! You can leverage this in explaining your design decisions with clients 🙌
* More coming soon…if you have any requests, hmu on Twitter [@milanmoffatt](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://twitter.com/milanmoffatt%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228458565%26amp;usg%3DAOvVaw3WthSuJuE3BFRn8ZLrRp9f&sa=D&source=docs&ust=1645230228978163&usg=AOvVaw0KDvst5YFXKxmZLD2s69j6) :~)
⌨️ Coding
# General
[https://github.com/30-seconds/30-seconds-of-code](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://github.com/30-seconds/30-seconds-of-code%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228460105%26amp;usg%3DAOvVaw3uFLQ7ZpiJ-XAC73J_omMp&sa=D&source=docs&ust=1645230228978607&usg=AOvVaw01vraIZKojnzsj_InnTVJF) ★
[https://github.com/sindresorhus/awesome](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://github.com/sindresorhus/awesome%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228460928%26amp;usg%3DAOvVaw3Giqr_b4b9eY3yH86VJxp2&sa=D&source=docs&ust=1645230228978777&usg=AOvVaw0KJFtar8CM_ldyD-41ajoS) ★—mostly dev stuff but tons of useful links
[https://github.com/explore](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://github.com/explore%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228461711%26amp;usg%3DAOvVaw12FT_eAVscob0Mnlrf7UcB&sa=D&source=docs&ust=1645230228978965&usg=AOvVaw2D0nQAqkuZRNR3__tsNHkO)
[https://www.w3schools.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.w3schools.com/html/html_responsive.asp%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228462474%26amp;usg%3DAOvVaw1gqnIilzSDmxzVfD75M8mk&sa=D&source=docs&ust=1645230228979129&usg=AOvVaw0OEABrbzxDSS0ImEb-FDKs) ★
[https://tympanus.net/codrops/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://tympanus.net/codrops/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228463112%26amp;usg%3DAOvVaw0eTWInGJpBZNRvdQZ385Wi&sa=D&source=docs&ust=1645230228979304&usg=AOvVaw34RbLGh89U6JHh1I3Mv92p) ★
[https://developers.google.com/web/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://developers.google.com/web/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228463893%26amp;usg%3DAOvVaw04isyi4Z1VGR4Cq8NvBflu&sa=D&source=docs&ust=1645230228979481&usg=AOvVaw2LI4NgxngvXZplrvx5Uwui)
[https://www.mozilla.org/en-US/firefox/developer/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.mozilla.org/en-US/firefox/developer/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228464525%26amp;usg%3DAOvVaw3Ph1dJrhK5288CcmxC5pDg&sa=D&source=docs&ust=1645230228979663&usg=AOvVaw3zCVKozWI--FBG-77rtVTL)—browser tailored for web development. It includes additional browser tools to help you build, design and debug easier and faster.
# Tools
[http://www.heymeta.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.heymeta.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228465593%26amp;usg%3DAOvVaw2tQT5Pnm-eOflNOyVJ24-a&sa=D&source=docs&ust=1645230228979901&usg=AOvVaw0RcpUoK0bOXX98DXlQlzkw)—helps you generate those meta tags by editing your existing ones or writing new ones which you generate and easily place on your website.
# Components + Grids
[https://www.styled-components.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.styled-components.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228466396%26amp;usg%3DAOvVaw0eVFVt2I6lZK7MyfSwaCfE&sa=D&source=docs&ust=1645230228980218&usg=AOvVaw1N0ifdsEs3PzxiBspail2m)
[http://gridcalculator.dk/#/1366/8/20/20](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://gridcalculator.dk/%2523/1366/8/20/20%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228466862%26amp;usg%3DAOvVaw3mqslqkew3uhdzb68ApBjw&sa=D&source=docs&ust=1645230228980397&usg=AOvVaw0eITg5epNJbN4C9LJuJPTk)
Articles:
[https://medium.com/@wereheavyweight/how-were-using-component-based-design-5f9e3176babb](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://medium.com/@wereheavyweight/how-were-using-component-based-design-5f9e3176babb%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228467411%26amp;usg%3DAOvVaw0z-WBlYHxbBazATgTnPyP8&sa=D&source=docs&ust=1645230228980625&usg=AOvVaw24yyyRYUFWpeaHO8kdoCNh)
# Tutorials + Challenges
[https://exercism.io/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://exercism.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228468489%26amp;usg%3DAOvVaw3j0DxK42DMXIgNA6_P1I-s&sa=D&source=docs&ust=1645230228980876&usg=AOvVaw15eNDoXmQbjV21wYEtVPvT) ★
[https://flickity.metafizzy.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://flickity.metafizzy.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228469054%26amp;usg%3DAOvVaw1_QAGm5tXm-IFQyKsHdEWy&sa=D&source=docs&ust=1645230228981061&usg=AOvVaw3Ag0-HaeVyQo3IuHAci2cF)
[http://www.cssarrowplease.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.cssarrowplease.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228469522%26amp;usg%3DAOvVaw0VZm3vTOiOsFuWvH8sTAcs&sa=D&source=docs&ust=1645230228981163&usg=AOvVaw0nxfUIbXp71mjTGqOViu92)
[https://navnav.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://navnav.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228470036%26amp;usg%3DAOvVaw1mCswmvmGmV_FDToL0yeE2&sa=D&source=docs&ust=1645230228981249&usg=AOvVaw3_ag2wKxxrFGUnG5F4xciI)—Navigation tutorials
# Github
[https://www.thinkful.com/learn/a-guide-to-using-github-pages/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.thinkful.com/learn/a-guide-to-using-github-pages/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228470953%26amp;usg%3DAOvVaw1J1sImfjiQL1S9vLXVGdts&sa=D&source=docs&ust=1645230228981400&usg=AOvVaw3u4y8H9JaBU8zILl6oJyez)
Sitemaps
[https://www.xml-sitemaps.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.xml-sitemaps.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228471772%26amp;usg%3DAOvVaw15kG4gyIBtMnYiEmmORNEf&sa=D&source=docs&ust=1645230228981535&usg=AOvVaw1PYilbzLN7bSQuUzfXFJb_)
# Front-end
[frontendchecklist.io](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://frontendchecklist.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228472547%26amp;usg%3DAOvVaw1Sa6QBARP47V8FbQeTVV_P&sa=D&source=docs&ust=1645230228981680&usg=AOvVaw22RXt2Mu-tPtKufsg2Rn2c)
[codeburst.io/the-front-end-checklist-8b2292fdda44](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://codeburst.io/the-front-end-checklist-8b2292fdda44%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228473090%26amp;usg%3DAOvVaw2sp-8OTk3XxAxncfO-1xMn&sa=D&source=docs&ust=1645230228981765&usg=AOvVaw2Cjouv3n3D61626A_9VJLK)—another front-end checklist
#
# HTML
[Htmlreference.io](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://htmlreference.io%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228474002%26amp;usg%3DAOvVaw2PC2qOfbBb-_NbHj8yVAaU&sa=D&source=docs&ust=1645230228981907&usg=AOvVaw3AO5JtUbAUmdNmsnAq0miH)—free guide to HTML featuring all elements and attributes, and explains them with illustrated and animated examples
# CSS
[30-seconds.github.io/30-seconds-of-css](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://30-seconds.github.io/30-seconds-of-css/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228475212%26amp;usg%3DAOvVaw2HZDaCs7wlJPPqeZtI1E9w&sa=D&source=docs&ust=1645230228982045&usg=AOvVaw3e6ipcZmzxQBAuFIZnJrTG) ★
[Cssreference.io](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://cssreference.io%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228475959%26amp;usg%3DAOvVaw1uET_eOdikq6O-wUSyAapl&sa=D&source=docs&ust=1645230228982167&usg=AOvVaw3IV84pe_8hOsRJB6BaB7Yo)—free visual guide to CSS featuring the most popular properties, and explains them with illustrated and animated examples
[http://grid.malven.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://grid.malven.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228476691%26amp;usg%3DAOvVaw2BDoyNoaRRb_Mnq-OXT46n&sa=D&source=docs&ust=1645230228982275&usg=AOvVaw2i6n9dWIgshuhqtUa8WTeQ)—visual guide to help you learn CSS grid properties with engaging visual representations and clear-cut explanations.
[https://zendev.com/ultimate-guide-to-learning-css.html](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://zendev.com/ultimate-guide-to-learning-css.html%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228477288%26amp;usg%3DAOvVaw13HBrWKs7gxL-EAvA4t1Qv&sa=D&source=docs&ust=1645230228982380&usg=AOvVaw3EBSE3PV7Vb7bBLoeI5Ekb)
Articles:
[https://www.smashingmagazine.com/2018/12/common-css-issues-front-end-projects](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.smashingmagazine.com/2018/12/common-css-issues-front-end-projects/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228478392%26amp;usg%3DAOvVaw2WXj9EuCY1KuVft--rMwyM&sa=D&source=docs&ust=1645230228982522&usg=AOvVaw3ZRtOygsLrN0g2f3PauP_E)
# JS
[paperjs.org](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://paperjs.org/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228479566%26amp;usg%3DAOvVaw14CE2g_qC8P-C2OdYTl-rK&sa=D&source=docs&ust=1645230228982685&usg=AOvVaw1kHaFuU2Lcg29hutT2XhnK)
[threejs.org](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://threejs.org/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228480229%26amp;usg%3DAOvVaw2H-FGGhXIdBflFtlThfEKo&sa=D&source=docs&ust=1645230228982783&usg=AOvVaw3C9lGHRrqJAL8Z-TS0ye08)
[developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228480966%26amp;usg%3DAOvVaw30oW2RRAyX_3ntr21ma7Am&sa=D&source=docs&ust=1645230228982868&usg=AOvVaw2pOObsfBrzeG00BaRpa2WS)
Articles:
[learntocodewith.me/posts/javascript-libraries-frameworks](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://learntocodewith.me/posts/javascript-libraries-frameworks/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228481970%26amp;usg%3DAOvVaw2SW6TcLMGN10yCOgXjL2rp&sa=D&source=docs&ust=1645230228983000&usg=AOvVaw1libJ-5qKt61g6d53sJAaE)
# React
[medium.freecodecamp.org/learning-react-roadmap-from-scratch-to-advanced-bff7735531b6](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://medium.freecodecamp.org/learning-react-roadmap-from-scratch-to-advanced-bff7735531b6%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228483269%26amp;usg%3DAOvVaw2b7tFKokjOuPcb2_xBD9oz&sa=D&source=docs&ust=1645230228983159&usg=AOvVaw08sYL4ArMjw6tphzOFpx2X)
# Python
[pythonfordesigners.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://pythonfordesigners.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228484400%26amp;usg%3DAOvVaw0vljc57CmpX29aq7AQfjim&sa=D&source=docs&ust=1645230228983382&usg=AOvVaw0lz9u3ODvEHl4JSGWDMTHw)
# Flexbox
[medium.com/@js_tut/flexbox-the-animated-tutorial-8075cbe4c1b2?ref=bestwebsite.gallery](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://medium.com/@js_tut/flexbox-the-animated-tutorial-8075cbe4c1b2?ref%253Dbestwebsite.gallery%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228485829%26amp;usg%3DAOvVaw34R1xf1cvoLkwZ49e8vf1J&sa=D&source=docs&ust=1645230228983556&usg=AOvVaw0TLY2vRDC_eK6noFr4H6T-)
[developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox#Center_item](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox%2523Center_item%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228486695%26amp;usg%3DAOvVaw2RZW_L3rY33NOmzBYSFCQ_&sa=D&source=docs&ust=1645230228983680&usg=AOvVaw2Njjxh6Tnr4HAyaYUBDV_M)
[F](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://flexbox.malven.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228487258%26amp;usg%3DAOvVaw2CpzmITNBcHNWvSJVr14wV&sa=D&source=docs&ust=1645230228983776&usg=AOvVaw1K22OKDwhdTdmUzi24bYKw)[lexbox.malven.co](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://flexbox.malven.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228487685%26amp;usg%3DAOvVaw2a3UTD95BVK55o7HUQjXiJ&sa=D&source=docs&ust=1645230228983848&usg=AOvVaw33hLANiIH3mt7gZzZ5aIP9)—visual guide to help you learn CSS flexbox properties with engaging visual representations and clear-cut explanations
[Flexboxfroggy.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://flexboxfroggy.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228488395%26amp;usg%3DAOvVaw1Jexnh7c_kQMI1amyYf9K6&sa=D&source=docs&ust=1645230228983983&usg=AOvVaw3NM4s8bCscgSnDk6P3nSpw) ★
[css-tricks.com/snippets/css/a-guide-to-flexbox](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://css-tricks.com/snippets/css/a-guide-to-flexbox/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228489020%26amp;usg%3DAOvVaw3v-fjQWfwaUb639_MDGlO4&sa=D&source=docs&ust=1645230228984085&usg=AOvVaw0Q0KoPu_WNgN17eNjTSTi8)
# CSS Grid
[http://cssgridgarden.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://cssgridgarden.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228490002%26amp;usg%3DAOvVaw1KW4YlvXSjPD_QfJJlk3bb&sa=D&source=docs&ust=1645230228984234&usg=AOvVaw1m7QKKnsH94BooyrvtAbBl) ★
[http://jensimmons.com/post/feb-27-2017/learn-css-grid](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://jensimmons.com/post/feb-27-2017/learn-css-grid%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228490553%26amp;usg%3DAOvVaw2Ip18Bq4AeqYd1AAG-Xcy2&sa=D&source=docs&ust=1645230228984331&usg=AOvVaw0Bmry1UgSpXh__tUdr7z9F)
# Web Animation / Drawing
[https://svgjs.com/docs/2.7/elements/#svg-circle](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://svgjs.com/docs/2.7/elements/%2523svg-circle%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228491448%26amp;usg%3DAOvVaw3tkEnKgnxWKI0JIEpI6GJR&sa=D&source=docs&ust=1645230228984468&usg=AOvVaw1joLX-nwfTtiyMcFfOYl3i)
[https://www.creativebloq.com/inspiration/css-animation-examples](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.creativebloq.com/inspiration/css-animation-examples%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228492307%26amp;usg%3DAOvVaw3YK3XBxFVNo6-0BaIgxa24&sa=D&source=docs&ust=1645230228984559&usg=AOvVaw3YyYN6Guvx96P7h_6gS5J7)
[https://www.khanacademy.org/computing/computer-programming/programming/drawing-basics/pc/challenge-simple-snowman](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.khanacademy.org/computing/computer-programming/programming/drawing-basics/pc/challenge-simple-snowman%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228493028%26amp;usg%3DAOvVaw0BbgFeeeq0ngyoeI3WywrE&sa=D&source=docs&ust=1645230228984675&usg=AOvVaw1n1C9_nfHJm6EFn7w_jQZe)
# Responsive
[https://www.avian.design/web-design-layouts-static-adaptive-fluid-responsive-and-mobile-first/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.avian.design/web-design-layouts-static-adaptive-fluid-responsive-and-mobile-first/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228493989%26amp;usg%3DAOvVaw3qeGly7Fz_ouP29MviHb7n&sa=D&source=docs&ust=1645230228984833&usg=AOvVaw2ohOsYZlRRqiJ-3wgEdc80)
[https://www.w3schools.com/html/html_responsive.asp](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.w3schools.com/html/html_responsive.asp%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228494738%26amp;usg%3DAOvVaw1d2Z6GPP3mlxRRcwap5moo&sa=D&source=docs&ust=1645230228984935&usg=AOvVaw1XNEXC-oB2Uyg3qaKThOle)
[https://1stwebdesigner.com/responsive-website-tutorial/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://1stwebdesigner.com/responsive-website-tutorial/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228495519%26amp;usg%3DAOvVaw0sN5YyjzM3GAGJ0qAr7pMD&sa=D&source=docs&ust=1645230228985046&usg=AOvVaw05p-FIMC07dSzj9HTmxGSP)
[https://www.catswhocode.com/blog/making-a-website-responsive-in-3-easy-steps](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.catswhocode.com/blog/making-a-website-responsive-in-3-easy-steps%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228496396%26amp;usg%3DAOvVaw0CC8844PTa2QjOtBGt2ft4&sa=D&source=docs&ust=1645230228985150&usg=AOvVaw35AECgjszObXwDbn42C-lD)
[https://developers.google.com/web/fundamentals/codelabs/your-first-multi-screen-site/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://developers.google.com/web/fundamentals/codelabs/your-first-multi-screen-site/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228497210%26amp;usg%3DAOvVaw14XLZxo_291rTLvn3vYPlx&sa=D&source=docs&ust=1645230228985252&usg=AOvVaw0-w-9zfsq8l3wOSlzxw73t)
# Accessibility
[https://www.ibm.com/able/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.ibm.com/able/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228498392%26amp;usg%3DAOvVaw0GfS_uCskfYXy9voMpVDy5&sa=D&source=docs&ust=1645230228985395&usg=AOvVaw20aemfpP3eWXqrFV_m3ftq)
[https://www.smashingmagazine.com/2017/11/building-accessible-menu-systems/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.smashingmagazine.com/2017/11/building-accessible-menu-systems/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228498926%26amp;usg%3DAOvVaw0cv4nJ6zXeSgibtoPa0Z-9&sa=D&source=docs&ust=1645230228985485&usg=AOvVaw3Fll9m-WDoG2sMzux2HFZH)
[https://rosenfeldmedia.com/books/a-web-for-everyone/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://rosenfeldmedia.com/books/a-web-for-everyone/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228499606%26amp;usg%3DAOvVaw1yadgRSxHMzlvZoHH20uhT&sa=D&source=docs&ust=1645230228985576&usg=AOvVaw2y4ULWOwnkzB0X0qK0_o9Y)
[https://webaim.org/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://webaim.org/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228500246%26amp;usg%3DAOvVaw0I-7h021UsBVJXyt5FZgaK&sa=D&source=docs&ust=1645230228985674&usg=AOvVaw1CFyfCq3v_vkH-VawzG-gk)
[http://jxnblk.com/colorable/demos/text/?background=%23222233&foreground=%23DBDBDB](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://jxnblk.com/colorable/demos/text/?background%253D%252523222233%2526foreground%253D%252523DBDBDB%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228500813%26amp;usg%3DAOvVaw3rsP1keKbG29UmqnEVo9rV&sa=D&source=docs&ust=1645230228985762&usg=AOvVaw06ZX7GAJ3na2sJBJhWQNZO) ★—contrast checker
[https://webaim.org/resources/contrastchecker/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://webaim.org/resources/contrastchecker/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228501470%26amp;usg%3DAOvVaw1l1_QcclzlfbRrO4UeoqR5&sa=D&source=docs&ust=1645230228985867&usg=AOvVaw0Z3tzwFeL4ZNiRitH33RqJ) ★—my go-to contrast checker
# Forms
[https://github.com/alphagov/accessible-autocomplete](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://github.com/alphagov/accessible-autocomplete%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228502672%26amp;usg%3DAOvVaw0LUMTFSGW76CSp1o0UYsJJ&sa=D&source=docs&ust=1645230228986022&usg=AOvVaw1co5VVvNL7E5eLees-ekMV)
[https://designnotes.blog.gov.uk/2017/04/20/were-building-an-autocomplete/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://designnotes.blog.gov.uk/2017/04/20/were-building-an-autocomplete/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228503464%26amp;usg%3DAOvVaw3aOnqtZsaSmHIsJRc9xipc&sa=D&source=docs&ust=1645230228986128&usg=AOvVaw12dYxVIDovAvd52qGUrZSQ)
[https://blog.optimalworkshop.com/designing-form-fields-optional-versus-required](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://blog.optimalworkshop.com/designing-form-fields-optional-versus-required%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228504115%26amp;usg%3DAOvVaw0S4GjkqOo7xurXAx-OM6Zo&sa=D&source=docs&ust=1645230228986230&usg=AOvVaw28XeER7DMUp7LjrmYvpgj2)
[https://uxdesign.cc/form-field-required-vs-optional-9b4d7cdbf400](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uxdesign.cc/form-field-required-vs-optional-9b4d7cdbf400%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228504768%26amp;usg%3DAOvVaw07RTGwiVl3T2pg4SQRK8vl&sa=D&source=docs&ust=1645230228986333&usg=AOvVaw27EexzqSXqlSoy0eG5BzeZ)
[https://static.lukew.com/webforms_lukew.pdf](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://static.lukew.com/webforms_lukew.pdf%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228505297%26amp;usg%3DAOvVaw3w0-D8KCMtO_0VERO5VB2q&sa=D&source=docs&ust=1645230228986430&usg=AOvVaw0c4g0b8-wWZc_RGwkvqHCg)
[https://uxplanet.org/10-rules-for-efficient-form-design-e13dc1fb0e03](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uxplanet.org/10-rules-for-efficient-form-design-e13dc1fb0e03%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228505846%26amp;usg%3DAOvVaw23RiI7H2HRdGSwgDNYuyY_&sa=D&source=docs&ust=1645230228986524&usg=AOvVaw2DS_yu-r_bTmrysMuQUVLE) ★
[https://css-tricks.com/tips-for-creating-great-web-forms/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://css-tricks.com/tips-for-creating-great-web-forms/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228506639%26amp;usg%3DAOvVaw1F4cgn_FFD0KTNTQ_HcDQK&sa=D&source=docs&ust=1645230228986629&usg=AOvVaw2FEOtwbDc7kqVcifzdBPK7)
[https://codepen.io/collection/KuDsH/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://codepen.io/collection/KuDsH/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228507357%26amp;usg%3DAOvVaw119DD_MRMbC-NKDECSxOsN&sa=D&source=docs&ust=1645230228986727&usg=AOvVaw0OxN-R8V1jJH8a2b-XGsUd)
# CMS / Website Builders
[https://www.upstatement.com/timber/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.upstatement.com/timber/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228508697%26amp;usg%3DAOvVaw2GFzeKfJ9s2mtzmyJoFZlc&sa=D&source=docs&ust=1645230228986899&usg=AOvVaw2rx9ySYc0WfP8bDi2MA8jb)
[http://laytheme.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://laytheme.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228509404%26amp;usg%3DAOvVaw25OKWykc0C-2mBM4B1jW5r&sa=D&source=docs&ust=1645230228987017&usg=AOvVaw0WDsM_H5fLN1yCoGRPYQKD)
# Data Viz
[Pudding.cool](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://pudding.cool/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228510579%26amp;usg%3DAOvVaw1iyMBSGeQuibcnp-8FBK8o&sa=D&source=docs&ust=1645230228987155&usg=AOvVaw1eFN6tSdjErrpkDKb87bgv)
📚 Education
# Online Learning
FREE [FutureLearn](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://classcentral.com/provider/futurelearn%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228512111%26amp;usg%3DAOvVaw0YM6x02FWg5vHVju3tnAZN&sa=D&source=docs&ust=1645230228987355&usg=AOvVaw1bAyb2GXvi4vng_3zvTS7E)—courses on all subjects, and more than half are free (1,600 free courses!)
[LinkedIn Learning](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.linkedin.com/learning/me%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228512716%26amp;usg%3DAOvVaw3Gj69at12DnD1JillEdbko&sa=D&source=docs&ust=1645230228987456&usg=AOvVaw3A9CkX6OAjsHXE2EbOmQ4b)—actually pretty good since they acquired Lynda
#
# Code / Design Schools
# FREE [Free Web Development Bootcamp — Class Central](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.classcentral.com/report/webdev-bootcamp/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228513942%26amp;usg%3DAOvVaw2MIGRVoot3Ai0mEh36pN0h&sa=D&source=docs&ust=1645230228987689&usg=AOvVaw3gpDEOWirzp5-uqJZfMgpY)—Online Taught by Jessica Rose, Starting on Aug 23, 2021. Check it Out
FREE [https://www.freecodecamp.org/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.freecodecamp.org/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228514710%26amp;usg%3DAOvVaw3ytyLk1A3TA0wEexGf9gJZ&sa=D&source=docs&ust=1645230228987792&usg=AOvVaw3g9xE9FkI-hTdiTR0U2Uiq)
* Take this first: [Responsive Web Design (HTML & CSS)](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.freecodecamp.org/learn/responsive-web-design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228515317%26amp;usg%3DAOvVaw0PzRsnYkpQzD9OVAdQQzhM&sa=D&source=docs&ust=1645230228987895&usg=AOvVaw246K0Ws9g6tF3ts19G19Re)
* Then, take this:
FREE [https://www.wcd.school/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.wcd.school/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228516080%26amp;usg%3DAOvVaw2n2RIMEu-auWo9PEad164w&sa=D&source=docs&ust=1645230228988022&usg=AOvVaw3p1LZEzcpWt8UbZq-8jLX-)—a college-level, tuition-free, design school with a peer-to-peer learning environment. For English-speaking African designers from and in Africa, ages 18-35 🌍
[Online Design System Bootcamp](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.memorisely.com/live-bootcamp/design-system-bootcamp%2523link-pricing%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228516744%26amp;usg%3DAOvVaw1Oqra1H6a5a_Urj-TADIWR&sa=D&source=docs&ust=1645230228988138&usg=AOvVaw1B-T_FK3xl41YAigM1bkC8)
[www.superhi.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.superhi.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228517326%26amp;usg%3DAOvVaw3RsRkd_N5Hh9H3OV7Smj2h&sa=D&source=docs&ust=1645230228988236&usg=AOvVaw32f3Dv_WHrutU6CvSdqQgX) ★—code, design, project management
[https://www.thinkful.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.thinkful.com/?utm_source%253Dtf_gh_pages_guide%2526utm_medium%253Dtf_logo_start%2526utm_campaign%253Dtf_guides%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228518050%26amp;usg%3DAOvVaw0cOW5jkAQZLvCTjhpxpD6g&sa=D&source=docs&ust=1645230228988337&usg=AOvVaw3Cv9l-aAPW9-c57w5et8CZ)
[https://airtable.com/shrJlUOffa9Q3dKrx/tblPdDFl20wjDeMqs](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://airtable.com/shrJlUOffa9Q3dKrx/tblPdDFl20wjDeMqs%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228518698%26amp;usg%3DAOvVaw3SaQagFFZWDAphw7QMaOzF&sa=D&source=docs&ust=1645230228988436&usg=AOvVaw3mdARB0RFGDZT2MWCwocjX)—code school list
[https://trydesignlab.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://trydesignlab.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228519092%26amp;usg%3DAOvVaw2PlDEvKobsOhIyF-KhoxdG&sa=D&source=docs&ust=1645230228988524&usg=AOvVaw0pI0d1x2DobKDyCy9bnzEh)—UX/UI school
# Learning to Code Resources
[https://internetingishard.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://internetingishard.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228520021%26amp;usg%3DAOvVaw0jDPR6I7mQGvqFfzeY6C0Z&sa=D&source=docs&ust=1645230228988671&usg=AOvVaw2b5NBgVRmjMrXisKiKBwZY)
[https://iamsteve.me/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://iamsteve.me/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228520590%26amp;usg%3DAOvVaw0bX_KUwJ7wEZAU9QJhr8Ut&sa=D&source=docs&ust=1645230228988753&usg=AOvVaw31wB6LWCo0DlUDmYWSapip)
[https://github.com/EbookFoundation/free-programming-books/blob/master/free-programming-books.md#html—css](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://github.com/EbookFoundation/free-programming-books/blob/master/free-programming-books.md%2523html--css%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228521144%26amp;usg%3DAOvVaw2D9mr2PFZ9Ux227cwvo-IR&sa=D&source=docs&ust=1645230228988842&usg=AOvVaw1BQCmotx-C0FABsFY6A9EW)
# How to Work Better with Engineers
* [A guide to improving your design-to-development hand-off process](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uxdesign.cc/a-guide-to-improving-your-design-to-development-hand-off-process-574ebf8f96b6%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228522410%26amp;usg%3DAOvVaw3Vi4nLZTqlpuVQFXNAU7mS&sa=D&source=docs&ust=1645230228989045&usg=AOvVaw0ROVh4NtbRfztHCnYr7cpo)
* [How to work effectively with engineers | by Jenny Wen | Dropbox Design](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://medium.com/dropbox-design/how-to-work-effectively-with-engineers-19afbcc9f326?_hsenc%253Dp2ANqtz-9ay0eu1r857tKWa4rjluOIl5oBxWXQ3V0sGYqA4D-mzWDl62KEOI72X9vVf45Y1fNqS9msJoANPCE3OsQk9KKDaTVMhg%2526_hsmi%253D69200158%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228523096%26amp;usg%3DAOvVaw0E2f97Si6MHVus55VTFReK&sa=D&source=docs&ust=1645230228989180&usg=AOvVaw0jDlWFY4sMoK7u7tBTZ-PK)
* [Intro to User Experience Design: 4 factors to consider to improve your design to developer handoff](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://blog.prototypr.io/intro-to-user-experience-design-4-factors-to-consider-to-improve-your-design-to-developer-handoff-d7db3de35948%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228523734%26amp;usg%3DAOvVaw0X57r_c1pQwQyXq59qXvfH&sa=D&source=docs&ust=1645230228989299&usg=AOvVaw1vraEG-Td2n9pGG2dWmPlt) by yours truly :~)
# Learning Design
I taught two design courses at SuperHi:
* [Introduction to User Experience](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.superhi.com/courses/introduction-to-user-experience-design%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228524879%26amp;usg%3DAOvVaw15TS2ggpvQAxYfd5M4TmbL&sa=D&source=docs&ust=1645230228989511&usg=AOvVaw2rsreNQ0wHSdSoNL0lOOfj)
* [Visual Design + Branding](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.superhi.com/courses/visual-design-and-branding%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228525463%26amp;usg%3DAOvVaw2EUBcH13wbPMOwvAfeFFOD&sa=D&source=docs&ust=1645230228989622&usg=AOvVaw23i69mVTTlbk8oZ_BgMn64)—the Design 101 course we wished existed before we made it! Co-designed and taught with [Kristen A.C.](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.ackristen.ca/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228525807%26amp;usg%3DAOvVaw05jt4_iBTTfq1b9E-V_fJY&sa=D&source=docs&ust=1645230228989707&usg=AOvVaw26SIngqx6RYwncAgi0jVkC) and [André Cândido](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://andre-candido.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228526100%26amp;usg%3DAOvVaw0r4ii7Z6ZLS5pPkFsIoOA1&sa=D&source=docs&ust=1645230228989779&usg=AOvVaw0cxJ_SN-sGQ4i4aI7JAdin)
[https://hackdesign.org/lessons101](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://hackdesign.org/lessons101%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228526706%26amp;usg%3DAOvVaw1RdDO97JCmI_k2sQKscgdi&sa=D&source=docs&ust=1645230228989886&usg=AOvVaw02pa7QVexD5pXIQdIfwPoP) ★
[http://www.designkit.org/methods](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.designkit.org/methods%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228527740%26amp;usg%3DAOvVaw2iNWbdIZxjPIuRTjA8zAVA&sa=D&source=docs&ust=1645230228990120&usg=AOvVaw2PfsjZVAu_57luUqQqYBEu) ★
[http://art.yale.edu/S131](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://art.yale.edu/S131%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228528202%26amp;usg%3DAOvVaw3q-5pYM16YofOUpwMsCaeD&sa=D&source=docs&ust=1645230228990219&usg=AOvVaw2wadcwXMGR4EmKaP_bL7Jw)
[https://trello.com/b/TmnSoCc5/learn-to-design](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://trello.com/b/TmnSoCc5/learn-to-design%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228528661%26amp;usg%3DAOvVaw30zc-UiLJY38E_g3eEr6Px&sa=D&source=docs&ust=1645230228990304&usg=AOvVaw3id9-ob5O1hjudy1s91L75)
[https://iamsteve.me/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://iamsteve.me/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228529085%26amp;usg%3DAOvVaw0xrh3hMct_r7xn-xt-Tgos&sa=D&source=docs&ust=1645230228990392&usg=AOvVaw2fEgq4Ohv5Se9t9c1kLRry)
[https://designforhackers.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://designforhackers.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228529704%26amp;usg%3DAOvVaw1FqAQMLvWWReHMLuaJbIpa&sa=D&source=docs&ust=1645230228990479&usg=AOvVaw2o-BIHI0o80ZQMGEIG4ygu)
[https://www.3dfordesigners.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.3dfordesigners.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228530433%26amp;usg%3DAOvVaw3TLJOGzsxulXDxHWZHvPQI&sa=D&source=docs&ust=1645230228990577&usg=AOvVaw2iIRFkCfXX7bR6A2ttK1mV) ★
Articles:
[Why inclusive design is essential to building a better product • Slack Design](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://slack.design/articles/why-inclusive-design-is-essential-to-building-a-better-product/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228531606%26amp;usg%3DAOvVaw2WW1pU6QXTENbrrMgXzw9U&sa=D&source=docs&ust=1645230228990810&usg=AOvVaw32WwOJRLVpVmC6xOjsmrpK)—by designers Nikki Nolan and Vivian Urata
[What every designer needs to know before their first hackathon](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uxplanet.org/what-every-designer-needs-to-know-before-their-first-hackathon-e880def70dfb%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228532245%26amp;usg%3DAOvVaw1YDRQDy_IeTCZh_EEVjbvG&sa=D&source=docs&ust=1645230228990924&usg=AOvVaw1UwIaEbybos-zxNOlz9rTm)
[25 Minute Design School. The Ultimate Crash Course in Digital… | by Joel Cox](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://medium.muz.li/23-minute-design-school-6c938dd97f2b?ref%253Duxdesignweekly%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228532807%26amp;usg%3DAOvVaw1BwUJcW3NiNfjeU1Z6JBwD&sa=D&source=docs&ust=1645230228991040&usg=AOvVaw0T3o8UcED-4BcufAQNkXQx)
[7 Practical Tips for Cheating at Design | by Adam Wathan & Steve Schoger | Refactoring UI](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228533348%26amp;usg%3DAOvVaw1yc_axidAqB6RqdVRGxv7b&sa=D&source=docs&ust=1645230228991148&usg=AOvVaw3HjoGLZ29jRnlboRhmqoyi)
# Design Books
My Are.na board of [Design Books for Beginners](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.are.na/milan-moffatt/design-books-for-beginners%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228534223%26amp;usg%3DAOvVaw3cXK-WojGen6OJViwXSoRS&sa=D&source=docs&ust=1645230228991381&usg=AOvVaw1ZSdbU-o31lz2FG3vsULbn) ★
[The Design Bookshelf](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://thedesignbookshelf.superhi.com/?goal%253D0_01cde0de1a-b4dc84c7c0-331683118%2526mc_cid%253Db4dc84c7c0%2526mc_eid%253D4e270e75bb%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228534793%26amp;usg%3DAOvVaw0UqA0lMYNhAhKUyCQzcHoP&sa=D&source=docs&ust=1645230228991564&usg=AOvVaw0s-6RqkYU4SdnWhpB6-Sna)—A list of reading resources on various design topics (made by SuperHi student [Cassandra](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.cassandratang.me/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228535203%26amp;usg%3DAOvVaw0h0sGV9zZzH1kH0iC28JnH&sa=D&source=docs&ust=1645230228991680&usg=AOvVaw2LYCLduTW8uZ2M96ZD1ThW) 💕)
# Design Sprints
# [Tips for running a remote design sprint](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://slack.design/articles/tips-for-running-a-remote-design-sprint/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228536625%26amp;usg%3DAOvVaw1cjBwuMi8sXc9YqCtIg53R&sa=D&source=docs&ust=1645230228991924&usg=AOvVaw0Nz-HRl1LGpVPvW_NwYW8t)—By [Vivian Urata](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://twitter.com/vivianurata?lang%253Den%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228537009%26amp;usg%3DAOvVaw1q2q61Gp97ozUc0w4uLxo5&sa=D&source=docs&ust=1645230228992078&usg=AOvVaw3gtYiYKBNkilZUjfy1gU0r), an Old Slack Co-worker Who I Look up to and Admire 💖
[GV's Sprint Process in 90 Seconds](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.youtube.com/watch?v%253DK2vSQPh6MCE%2526feature%253Dyoutu.be%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228537681%26amp;usg%3DAOvVaw3NjQz5mxnZLfccRqjqBoM7&sa=D&source=docs&ust=1645230228992268&usg=AOvVaw2A_KfTq3ObJcH496tgj20_)
[Remote Design Sprints: Jake Knapp and friends whiteboard demo!!](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.youtube.com/watch?v%253DUzC7vVkJpPc%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228538198%26amp;usg%3DAOvVaw2hOUHXao799oV0wcQV477C&sa=D&source=docs&ust=1645230228992416&usg=AOvVaw3yEiewoLzWnbNaYuhJHvLc) (long video ~1 hr!)
[Design Sprint Overview](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.dropbox.com/sh/4b1nf27xkr60nie/AADxNSiC35_F26lagzNmZbxAa?dl%253D0%2526preview%253DSPRINT%252Bkickoff%252Bslides.pdf%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228538879%26amp;usg%3DAOvVaw01C6aQz7290xcr2Irt6k7d&sa=D&source=docs&ust=1645230228992569&usg=AOvVaw1JcM4ccwW-6APMBTR30AcW)
Virtual whiteboard tool—[https://www.mural.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.mural.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228539504%26amp;usg%3DAOvVaw3Ng5tYN_NEk1TYchsmTDqm&sa=D&source=docs&ust=1645230228992685&usg=AOvVaw08sLbOWh-jiSVPNvZFBviX) (Remote sprint [template](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://app.mural.co/get-started-from-template?returnUrl%253D%25252Ftemplate%25252Fe94767b2-2979-4b8a-98b0-9fb356b10864%25252F4ef4a2db-3551-4b13-9f59-e4f2f19fbc9f%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228539925%26amp;usg%3DAOvVaw0mnS857PYYHuZiQREsTl-r&sa=D&source=docs&ust=1645230228992825&usg=AOvVaw3Qe71cU4JBowZRnIBTgGGX))
Virtual whiteboard tool—[https://miro.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://miro.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228540559%26amp;usg%3DAOvVaw0F4VGZ6KDAtiJTdUWnr3mw&sa=D&source=docs&ust=1645230228992989&usg=AOvVaw0DQv6M8ZpudJ1Zb6KJkLaW) (Remote sprint [template](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://miro.com/miroverse/category/workshops/official-remote-5-day-design-sprint%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228541137%26amp;usg%3DAOvVaw31xBZBtwyidUp3cny7_Lmk&sa=D&source=docs&ust=1645230228993129&usg=AOvVaw1yRVfvZpXQeqNSYD3aCiMP))
The book: [https://www.thesprintbook.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.thesprintbook.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228541915%26amp;usg%3DAOvVaw31cy4lMt5TJK_K7mj_EyXT&sa=D&source=docs&ust=1645230228993266&usg=AOvVaw3JlCDHnWNgb3SQK5Ts3eAi) (also see [The Design Sprint — GV](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.gv.com/sprint/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228542355%26amp;usg%3DAOvVaw2BNB0noG3OWUp8zyvnliMA&sa=D&source=docs&ust=1645230228993401&usg=AOvVaw1ndoX_vnCS87g5GdyFzbMx))
[https://designsprintkit.withgoogle.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://designsprintkit.withgoogle.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228543033%26amp;usg%3DAOvVaw0WmG5b1JLx4lkvhbWGwuqi&sa=D&source=docs&ust=1645230228993592&usg=AOvVaw1D9q8FkQdjLExDtwUIGA9R) ★
[The Remote Design Sprint Cheat Sheet — Jake Knapp](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://medium.com/@jakek/remote-design-sprint-cheat-sheet-6d0bfdf011db%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228543609%26amp;usg%3DAOvVaw0KmwYw7RrxmZmLl4Q7kK_H&sa=D&source=docs&ust=1645230228993784&usg=AOvVaw0b9f14gTUYfh1unJfB3Mpx)
[Sprint Checklist PDF (from GV book Sprint, by Jake Knapp)](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://static1.squarespace.com/static/56778f460ab377c981686546/t/56c2b6c337013bc7bcab14c7/1456958631313/Sprint%252Bchecklists.pdf%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228544314%26amp;usg%3DAOvVaw1MwaGbbtSQJZSPJ_5ja-uZ&sa=D&source=docs&ust=1645230228993899&usg=AOvVaw3DOEVo-Ftb3ngKJmE2d5C_) ★
[Tips for running a remote design sprint • Slack Design](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://slack.design/articles/tips-for-running-a-remote-design-sprint/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228544951%26amp;usg%3DAOvVaw1o7_OL1mLOopRUespe611T&sa=D&source=docs&ust=1645230228994009&usg=AOvVaw1KErdUtvJBlEb95b5XlEEB) ★
[How to run a design sprint](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.figma.com/blog/how-to-run-a-design-sprint/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228545631%26amp;usg%3DAOvVaw1p80i0DSvBD1jYfAk7zWOX&sa=D&source=docs&ust=1645230228994126&usg=AOvVaw1VHE-DBGfHLC7T6JWpGx-v) ★
[How to conduct a Design Sprint — Good Design](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://medium.com/good-design/how-to-conduct-a-design-sprint-825b798a631b%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228546274%26amp;usg%3DAOvVaw1MNCnGyJR3NEwi8zUBOWDn&sa=D&source=docs&ust=1645230228994234&usg=AOvVaw1Wk7MlKEJf2EGdhU9Py8k-)
[Design Sprint Resources & Planning Tools + Blog](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://voltagecontrol.com/blog/design-sprint-resources-planning-tools/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228547016%26amp;usg%3DAOvVaw0eC_70kWJSOf67nFWRj41K&sa=D&source=docs&ust=1645230228994342&usg=AOvVaw01wmiKtY5T3CT_nR0rwrgK)
📊 Marketing
# Analytics / General Marketing
[https://uxdesign.cc/google-analytics-ux-alice-emma-walker-958d6f0f0af3](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uxdesign.cc/google-analytics-ux-alice-emma-walker-958d6f0f0af3%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228549370%26amp;usg%3DAOvVaw1nFobxkxB6vWQQTUHU5SSb&sa=D&source=docs&ust=1645230228994638&usg=AOvVaw04os-JSpirOHzpYKCxGmTg)
[https://www.startups.co/articles/seo-for-beginners](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.startups.co/articles/seo-for-beginners%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228550160%26amp;usg%3DAOvVaw1owQFcxl9e21P-4SCu6oJh&sa=D&source=docs&ust=1645230228994744&usg=AOvVaw3PHPhgDChL3lv-DlAyGxtd)
[https://www.oreilly.com/business/free/files/introduction-to-okrs.pdf](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.oreilly.com/business/free/files/introduction-to-okrs.pdf%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228551013%26amp;usg%3DAOvVaw0WtOUaawtM5ZpPQgUmVJJ4&sa=D&source=docs&ust=1645230228994835&usg=AOvVaw3Z3ZYYsbi7oA8kuWoL-AH1)
[https://www.sideprojectchecklist.com/marketing-checklist/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.sideprojectchecklist.com/marketing-checklist/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228551694%26amp;usg%3DAOvVaw1Ku0fy7mYtfUxU9WIqEUNt&sa=D&source=docs&ust=1645230228994926&usg=AOvVaw2izG3z7iEDAUsQK17Y_s0T)
[https://www.siteguru.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.siteguru.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228552242%26amp;usg%3DAOvVaw12ykc5M0jWB3TlvY3khEDM&sa=D&source=docs&ust=1645230228995017&usg=AOvVaw1ugqiYDsmNkqfR3xgzu8E5)—Audit and optimize your site’s SEO
# Email
[https://www.campaignmonitor.com/resources/browse/topic/coding/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.campaignmonitor.com/resources/browse/topic/coding/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228553332%26amp;usg%3DAOvVaw18M8RlBqlOaZJF1eHh3zwX&sa=D&source=docs&ust=1645230228995176&usg=AOvVaw2E5z7EbEktHBdM6BHbycZh)
[https://reallygoodemails.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://reallygoodemails.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228554013%26amp;usg%3DAOvVaw2VIgtyHeeUeWnz1Egtm5Hy&sa=D&source=docs&ust=1645230228995271&usg=AOvVaw0DE9bR8PPV22_8kyOiKSA5) ★
[https://mailchimp.com/help/templates/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://mailchimp.com/help/templates/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228554781%26amp;usg%3DAOvVaw02JwM1ma3GCSGFTa40o0uk&sa=D&source=docs&ust=1645230228995361&usg=AOvVaw3vr0t97e5L7e7PIJ6ORGAm)
# Copy
[http://copygui.de/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://copygui.de/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228556037%26amp;usg%3DAOvVaw3WppZgXQ40n4WcZ8mGmq__&sa=D&source=docs&ust=1645230228995494&usg=AOvVaw3N0lsZWUlRV1ZCvvKbFk7H)
Articles:
[https://www.invisionapp.com/inside-design/ecommerce-microcopy/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/ecommerce-microcopy/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228557034%26amp;usg%3DAOvVaw3VWCgHeKhlqdVTGMzgDQq0&sa=D&source=docs&ust=1645230228995657&usg=AOvVaw3gxFEPszrFwwB4967MqCqf)
[https://copyhackers.com/2015/10/copywriting-formula/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://copyhackers.com/2015/10/copywriting-formula/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228557659%26amp;usg%3DAOvVaw0-NGdG_ru4TBhOrUr8HdTT&sa=D&source=docs&ust=1645230228995782&usg=AOvVaw3Rf8VdLaDzVDkwOftti91L)
[https://www.invisionapp.com/inside-design/10-ux-copywriting-tips-designers/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/10-ux-copywriting-tips-designers/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228558279%26amp;usg%3DAOvVaw3vslja11HsGGcFb_F-1MSv&sa=D&source=docs&ust=1645230228995906&usg=AOvVaw1GyfwWDV0vT1S3hUyX-5Hg)
🌟 Design
#
# Agencies to Keep an Eye on
[https://design.studio/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://design.studio/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228559779%26amp;usg%3DAOvVaw1-rg84XDV_hGItrBI428vX&sa=D&source=docs&ust=1645230228996168&usg=AOvVaw38MuxIMkH9PVbvneZ-RLs0)
# Product Design / Design and Business Courses
[https://growth.design](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://growth.design%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228561304%26amp;usg%3DAOvVaw2Q9nAK60G8BHigJu1JXxIX&sa=D&source=docs&ust=1645230228996342&usg=AOvVaw2bXgeQJkMlJ_57C4E-KFnR)—free case studies. Check out Product Psychology Mastery course!
[Strategic Business Thinking for Designers · Second Wave Dive](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.secondwavedive.com/stracademy/designers/strategic-business-thinking-for-designers%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228562229%26amp;usg%3DAOvVaw1ZHwemm0hoNXUg60BhgTJ1&sa=D&source=docs&ust=1645230228996458&usg=AOvVaw0727MJN1XBee14ItlISCt9)—course
# Design Inspo
[T](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://typewolf.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228563646%26amp;usg%3DAOvVaw1saYkPzMMBf71MK1PvnxiU&sa=D&source=docs&ust=1645230228996643&usg=AOvVaw1OqOjyvftaiVa6iU1amk6w)[ypewolf.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://typewolf.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228564089%26amp;usg%3DAOvVaw2zVS77OmEnlcaHfK7RpDAE&sa=D&source=docs&ust=1645230228996720&usg=AOvVaw05Y2hQ4ZBSJLfiZiY91yvM) ★
[S](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://siteinspire.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228565347%26amp;usg%3DAOvVaw2GRQLuMHT2BhAGHBs7tw5W&sa=D&source=docs&ust=1645230228996880&usg=AOvVaw0Q5y2qQqDsJRmfPE8pwDSC)[iteinspire.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://siteinspire.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228565713%26amp;usg%3DAOvVaw25W-BNe0iq-wntEbr9u0Jo&sa=D&source=docs&ust=1645230228996961&usg=AOvVaw1ie25giWd1Q2Z3DVPa8hSK) ★
[underconsideration.com/brandnew](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.underconsideration.com/brandnew%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228566909%26amp;usg%3DAOvVaw0wkclvNa6GY-rMevsBAL6R&sa=D&source=docs&ust=1645230228997129&usg=AOvVaw1LHZGbzyKyzV2r0BUqmqwl) ★ (now subscription-based, $20 a year to support—v worth it!)
[Fontsinuse.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://fontsinuse.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228567439%26amp;usg%3DAOvVaw2BMuHF_D1H3ypBBYIXX9FD&sa=D&source=docs&ust=1645230228997244&usg=AOvVaw0MMeMoVrEAWjGsk7pWvgGS) ★
[T](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://the-responsive.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228568050%26amp;usg%3DAOvVaw1MKHlKvF-sVhrjk7XwDGDM&sa=D&source=docs&ust=1645230228997347&usg=AOvVaw0GkhDZPwF1qIbxaxByLZWe)[he-responsive.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://the-responsive.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228568427%26amp;usg%3DAOvVaw1CU3Rz3cjpKEMtdYCaYaEl&sa=D&source=docs&ust=1645230228997422&usg=AOvVaw274UVTuT0K2LhKWsfzbIOr) ★
[https://hoverstat.es](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://hoverstat.es%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228569639%26amp;usg%3DAOvVaw1b2w3kQGz6BIs1tfsmRmFG&sa=D&source=docs&ust=1645230228997576&usg=AOvVaw2s5GWIr5cneEKVh9LeKocF) ★
[https://maxibestof.one](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://maxibestof.one/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228570475%26amp;usg%3DAOvVaw21nonAOmc_6EYhnGXQweiJ&sa=D&source=docs&ust=1645230228997733&usg=AOvVaw0N9jIQamTnuDdjjjKwL9Qf) ★
[http://minimal.gallery](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://minimal.gallery/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228571866%26amp;usg%3DAOvVaw3bnaL6-T7OdriSQsCZUVW9&sa=D&source=docs&ust=1645230228997960&usg=AOvVaw1GQWdxdPDGCemwuZJHS8hd)
[H](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://httpster.net/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228572249%26amp;usg%3DAOvVaw3Q0TTrVRq9Gr4sSfPCYlmB&sa=D&source=docs&ust=1645230228998113&usg=AOvVaw2UZ4a2T7lx3iyNinmpdTh2)[ttpster.net](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://httpster.net/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228572643%26amp;usg%3DAOvVaw0lRXVggwNqdDQyylMMGfeq&sa=D&source=docs&ust=1645230228998263&usg=AOvVaw3n4BNbuqbdJtODOGzGisZ5) ★
[thegallery.io](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://thegallery.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228573974%26amp;usg%3DAOvVaw2sQWx7Uqr8xA0KkbgFrzo7&sa=D&source=docs&ust=1645230228998445&usg=AOvVaw29fVL5EXlGvC1OIMDUXPTm)
[designmadeingermany.de/sites-we-like](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://designmadeingermany.de/sites-we-like%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228574483%26amp;usg%3DAOvVaw3F3st3zgiXnuYg0DxpjAH_&sa=D&source=docs&ust=1645230228998613&usg=AOvVaw2MRbSzShCLiAC03fpW6ALX)
[awwwards.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.awwwards.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228574927%26amp;usg%3DAOvVaw0mLD7g1yDpeXotpPjUuoJ9&sa=D&source=docs&ust=1645230228998772&usg=AOvVaw3dynS_Pcpopk9gRxXupl3_)
[L](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://land-book.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228575319%26amp;usg%3DAOvVaw3hWRhW_xaZQixu-jned6cK&sa=D&source=docs&ust=1645230228998921&usg=AOvVaw0Ra2NJnHnI1A1BbtoeR16f)[and-book.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://land-book.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228575627%26amp;usg%3DAOvVaw1t7GVdQNk9JWNB0G79kWRa&sa=D&source=docs&ust=1645230228999070&usg=AOvVaw0QkumyBiQk_hP6PYpDxYD5) ★
[onepagelove.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://onepagelove.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228577140%26amp;usg%3DAOvVaw1RKo8ylVho-JmiaHhNFx-K&sa=D&source=docs&ust=1645230228999379&usg=AOvVaw1oKiGnz19-QWcuhbAItAx2)
[goodweb.design](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.goodweb.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228577595%26amp;usg%3DAOvVaw2xu_Lwyo1pALO03k4DXmOt&sa=D&source=docs&ust=1645230228999529&usg=AOvVaw32V9s_BCROFf_BjvjAEA7w)
[L](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.lapa.ninja/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228578106%26amp;usg%3DAOvVaw3XCyp1aMA-UZtkHs-5WZRN&sa=D&source=docs&ust=1645230228999682&usg=AOvVaw1W3iYdAubwSgqUzf2_oT-F)[apa.ninja](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.lapa.ninja/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228578432%26amp;usg%3DAOvVaw18Oc3OvQEJlVvcICFAt11B&sa=D&source=docs&ust=1645230228999804&usg=AOvVaw2zyAS_RM3YVXOfaXoMVwil) ★
[landingfolio.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.landingfolio.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228579043%26amp;usg%3DAOvVaw0Q4B0sM4LVG6iMQnHDvcv0&sa=D&source=docs&ust=1645230228999958&usg=AOvVaw1k1V4IJNrB0hjAvh22oGXw)
[bestwebsite.gallery](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://bestwebsite.gallery/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228579770%26amp;usg%3DAOvVaw1re59g7PNSXLisYWXHZkSL&sa=D&source=docs&ust=1645230229000113&usg=AOvVaw1WOL3p-AyjAar3JEYP1kkN)
[bestfolios.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.bestfolios.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228580379%26amp;usg%3DAOvVaw2JNUM3HnTDWgQQ5iVmnQcW&sa=D&source=docs&ust=1645230229000258&usg=AOvVaw2Z7nyq0NipILMp501J3nP-)
[siiimple.c](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://siiimple.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228580947%26amp;usg%3DAOvVaw2XuuICCztQhTc2nOytmF1i&sa=D&source=docs&ust=1645230229000355&usg=AOvVaw2rW4ZJdGqBMoGrlBxeBrrU)[o](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://siiimple.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228581325%26amp;usg%3DAOvVaw2a4X98IVMiFf5RohegMfTK&sa=D&source=docs&ust=1645230229000435&usg=AOvVaw0nCMvyOVyRSspERZWuoBf7)[m](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://siiimple.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228581743%26amp;usg%3DAOvVaw1EgfPj13_GdZeDTW6QHzmw&sa=D&source=docs&ust=1645230229000517&usg=AOvVaw3G960ffOvAZqoggpZUBgEd)
[mindsparklemag.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://mindsparklemag.com/category/website/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228582342%26amp;usg%3DAOvVaw2GEkkRc70-j1_iP76XAsDl&sa=D&source=docs&ust=1645230229000626&usg=AOvVaw3tJY79qRjLAXRrThEWX8i1)
[slashpixels.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://slashpixels.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228582901%26amp;usg%3DAOvVaw2FosafX76KTAwnMajwUXtD&sa=D&source=docs&ust=1645230229000715&usg=AOvVaw2Mmlbeh7uEpCId2QpTe-S-)
[https://hyperpixel.io/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://hyperpixel.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228583461%26amp;usg%3DAOvVaw21MDUlBR52erMPHrFcW-gk&sa=D&source=docs&ust=1645230229000803&usg=AOvVaw39hsNPGFEdM_tI_Zc2s78U)
[pages.xyz](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.pages.xyz/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228584039%26amp;usg%3DAOvVaw0k89TxUrXh9LMSiJWt7AVw&sa=D&source=docs&ust=1645230229000902&usg=AOvVaw1_8-xCUkOXrn2Crkw2DPZH)
[https://sitesee.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://sitesee.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228584661%26amp;usg%3DAOvVaw3aQ_GRPYzDDFDt-j0mI1dF&sa=D&source=docs&ust=1645230229000997&usg=AOvVaw2vGbpyGfCSo8KyUeINRXOF)
[https://cssnectar.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://cssnectar.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228585079%26amp;usg%3DAOvVaw355vaH79arKaylEILy_Avz&sa=D&source=docs&ust=1645230229001093&usg=AOvVaw3twXX0S5c6Cp1l960tFG4x)
[https://ecomm.design/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://ecomm.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228585461%26amp;usg%3DAOvVaw0tX89Jx_ieDw4I-zufSJUo&sa=D&source=docs&ust=1645230229001191&usg=AOvVaw1YU45ZsomeWUrPX1wWPdIW)
[https://interfaces.pro/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://interfaces.pro/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228585840%26amp;usg%3DAOvVaw1EYv9mSAqOzRNp9zaNgHah&sa=D&source=docs&ust=1645230229001279&usg=AOvVaw2C2chHpI1DrPL4cLllQ4XQ)
[http://nicelydone.club/patterns/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://nicelydone.club/patterns/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228586247%26amp;usg%3DAOvVaw3tB_imlK6by3k7Xl8HCvSo&sa=D&source=docs&ust=1645230229001365&usg=AOvVaw2MvdQ7hgBbriXeezZddfK7)
[https://wow-web.co.uk](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://wow-web.co.uk%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228586932%26amp;usg%3DAOvVaw1hW2Js5EWVlNOoPH7jaC63&sa=D&source=docs&ust=1645230229001450&usg=AOvVaw1rv4jYEIWVRKRmUCKFtUCZ)
[https://gangbase.design/category/websites/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://gangbase.design/category/websites/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228587583%26amp;usg%3DAOvVaw3NgKgf3et6316Tpvi-fiXt&sa=D&source=docs&ust=1645230229001560&usg=AOvVaw00PE1sp1T05kGoohLEJd1I)
[http://brutalistwebsites.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://brutalistwebsites.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228588266%26amp;usg%3DAOvVaw0c2IvLtG5QpKI_CSMNlK3y&sa=D&source=docs&ust=1645230229001689&usg=AOvVaw2pS5iS6skFyle7v8VvYElD)
[https://www.cssdsgn.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.cssdsgn.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228588926%26amp;usg%3DAOvVaw3GVALbbkeMZpnk5kcES7Iy&sa=D&source=docs&ust=1645230229001798&usg=AOvVaw3ZIFmBCTQYRFjUoy9p277J)
[http://niceportfol.io/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://niceportfol.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228589588%26amp;usg%3DAOvVaw31neYKckydant_CXYEJnDy&sa=D&source=docs&ust=1645230229001896&usg=AOvVaw2dVJrCn527QUOjViQnSz_7)
# UI Inspo
[http://ui-patterns.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://ui-patterns.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228591152%26amp;usg%3DAOvVaw39bkElT0WVLE5hoTki0XuM&sa=D&source=docs&ust=1645230229002176&usg=AOvVaw3gWrsiTg25nXlpuWDTA9UU)
[https://pttrns.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://pttrns.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228591782%26amp;usg%3DAOvVaw1jCalQxFrXD1knUF9ANMJL&sa=D&source=docs&ust=1645230229002317&usg=AOvVaw0paKFybrGBbmjJIUMU0uk7)—mobile UI
[https://uimovement.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uimovement.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228592687%26amp;usg%3DAOvVaw2ousw4ulae_SYHnNO0I9sQ&sa=D&source=docs&ust=1645230229002474&usg=AOvVaw0Gn9PMCVBz0hajJjXoUO9e)
[https://goodui.org/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://goodui.org/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228593174%26amp;usg%3DAOvVaw1MZPrgymy-9W00j83xBH9L&sa=D&source=docs&ust=1645230229002628&usg=AOvVaw0aW4ONv6y8yNSWV3VFgWSy)
[http://uigoodies.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://uigoodies.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228594048%26amp;usg%3DAOvVaw0_YOTMlYM_ePx2N1LA2OtH&sa=D&source=docs&ust=1645230229002735&usg=AOvVaw0hvKEawp20Nntc4ui39WEq)
[https://www.uisources.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.uisources.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228594595%26amp;usg%3DAOvVaw0AqhTzMuDXRTrfKJGPo3-P&sa=D&source=docs&ust=1645230229002826&usg=AOvVaw3eOuXy3iai3KVJG6pnZcvj)
[https://klart.io/pixels](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://klart.io/pixels%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228595052%26amp;usg%3DAOvVaw1xhdcVG89jiJFlsoakmq1u&sa=D&source=docs&ust=1645230229002915&usg=AOvVaw0Yo8I1YrDsLxgKBDwpUviR)
[http://uijar.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://uijar.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228595484%26amp;usg%3DAOvVaw2MdUwFYEskkaVkizubUa3S&sa=D&source=docs&ust=1645230229003003&usg=AOvVaw2YAOdMXkvouwBx9K7FZjP4)
[http://uisources.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://uisources.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228595875%26amp;usg%3DAOvVaw05Y5h9l7YoXO8UvvbGsnkb&sa=D&source=docs&ust=1645230229003090&usg=AOvVaw1tvzyU6ROe9ORzuO6TAFTX)
[http://inspirationui.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://inspirationui.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228596244%26amp;usg%3DAOvVaw3i-R355OEn_0w9whNVm4SH&sa=D&source=docs&ust=1645230229003254&usg=AOvVaw0e5OSw845nPpi1GdBnFNP_)
[http://uigarage.net](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://uigarage.net%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228596651%26amp;usg%3DAOvVaw0dydBzc28D-hYeajwvJrpQ&sa=D&source=docs&ust=1645230229003360&usg=AOvVaw21ryUdAxoRiDZf7q5AvVRC)
[http://collectui.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://collectui.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228597089%26amp;usg%3DAOvVaw3xELFwh1psA5cvx-GPg8dy&sa=D&source=docs&ust=1645230229003462&usg=AOvVaw3WTR-SIlAimE_tsZDlYdJQ)
[http://uplabs.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://uplabs.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228597488%26amp;usg%3DAOvVaw3LmyxxSo81sL7eNviVgrLP&sa=D&source=docs&ust=1645230229003629&usg=AOvVaw2M6GGGoVbQdCcnNk4raY9R)
[https://mobbin.design/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://mobbin.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228597912%26amp;usg%3DAOvVaw2ezJPLMo-zhnk1Xp2EnWAm&sa=D&source=docs&ust=1645230229003738&usg=AOvVaw1ojWeGXoQekfOVnbNshCXU)
[https://jonsuh.com/hamburgers/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://jonsuh.com/hamburgers/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228598501%26amp;usg%3DAOvVaw2x1VPgfpAa6dXTAip5KfJs&sa=D&source=docs&ust=1645230229003848&usg=AOvVaw2QVxNPjWlGgbW-7ibDjXvC)
[https://uidb.io/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uidb.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228599082%26amp;usg%3DAOvVaw1iHdvPt1fq2YIgyLn2JbkY&sa=D&source=docs&ust=1645230229003967&usg=AOvVaw0pzXAs_dnQFSYTP4VZkahT)
[https://www.calltoidea.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.calltoidea.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228599682%26amp;usg%3DAOvVaw2ogxRFATD97uGhqCd0gwGG&sa=D&source=docs&ust=1645230229004069&usg=AOvVaw1t6Of0MUC11B5gWPu2s0ou)—UI by category
[https://gibbygabb.dropmark.com/226290/5251616](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://gibbygabb.dropmark.com/226290/5251616%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228600466%26amp;usg%3DAOvVaw272U5xeyDI9Bi_9dvTxYJZ&sa=D&source=docs&ust=1645230229004219&usg=AOvVaw3s4bENg-jCYQTQV1_3Azpn)—designing for touch
Articles:
[https://uxdesign.cc/good-to-great-ui-animation-tips-7850805c12e5](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uxdesign.cc/good-to-great-ui-animation-tips-7850805c12e5%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228601279%26amp;usg%3DAOvVaw3S3kpdozrNrRukYem0GICc&sa=D&source=docs&ust=1645230229004432&usg=AOvVaw0XK9SucYOwRHa9WaaapO01)
# Visual/other Inspo
[https://www.behance.net/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.behance.net/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228602542%26amp;usg%3DAOvVaw3KV3E1y4dhMNsq_Dj86hnV&sa=D&source=docs&ust=1645230229004848&usg=AOvVaw1BUwKTiKK4sTCzq8yRtThe) ★
[https://dribbble.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://dribbble.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228603414%26amp;usg%3DAOvVaw3GJ8ZTqNMaQEGttrPJFwZD&sa=D&source=docs&ust=1645230229004952&usg=AOvVaw3KPn0gtxRMegHb-k23atUZ) ★
[https://reallygoodemails.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://reallygoodemails.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228603912%26amp;usg%3DAOvVaw0I7fK9sEehBHTWpEBPKU6r&sa=D&source=docs&ust=1645230229005054&usg=AOvVaw1fePCo0CEcMMFa0J6KWdRl) ★
[http://littlebigdetails.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://littlebigdetails.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228604364%26amp;usg%3DAOvVaw2_YouRLqayV_SgbW2mavA4&sa=D&source=docs&ust=1645230229005187&usg=AOvVaw1nva2OcQiRAMMBpRTXW2br)
[http://motionographer.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://motionographer.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228605071%26amp;usg%3DAOvVaw3Xs3twPwD3lDsbr7_u9OS8&sa=D&source=docs&ust=1645230229005334&usg=AOvVaw3gBVU5n0Pxc9tb0zldKzPG)—motion design inspo
[http://bookcoverarchive.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://bookcoverarchive.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228605774%26amp;usg%3DAOvVaw2B1DYdQpRbJ_sm-PAz_ivH&sa=D&source=docs&ust=1645230229005501&usg=AOvVaw2p862KZsK2O7cFRG5ltgzg)
# UX
[U](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uxdesign.cc/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228607332%26amp;usg%3DAOvVaw3OFNCqPhfMzRVKygpyMJoI&sa=D&source=docs&ust=1645230229005820&usg=AOvVaw1OMCntO_Bm_MN9taBn8LiJ)[xdesign.cc](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uxdesign.cc/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228607698%26amp;usg%3DAOvVaw1hOOVjCPwXanCLfymlLrdU&sa=D&source=docs&ust=1645230229005964&usg=AOvVaw1hWdWbOpn_qcHNNnzT4vTN) ★
[https://www.nngroup.c](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.nngroup.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228608280%26amp;usg%3DAOvVaw2pP6DbrJVDcvoFcFAOPzJA&sa=D&source=docs&ust=1645230229006119&usg=AOvVaw2k-A7dJumDa4qrze7MdVeq)[om](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.nngroup.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228608673%26amp;usg%3DAOvVaw0haMWqmImnKYbJ1-m3KHDR&sa=D&source=docs&ust=1645230229006242&usg=AOvVaw0Dq86pWr0YBCFs1mOzfNXJ) ★
[https://www.reallygoodux.io](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.reallygoodux.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228609183%26amp;usg%3DAOvVaw0XcSrcrW5URlSu6MKN9fJq&sa=D&source=docs&ust=1645230229006342&usg=AOvVaw3jBdZTXD8-Lf-Gg8yMM2Tn) ★
[https://www.uxmatters.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.uxmatters.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228609677%26amp;usg%3DAOvVaw0rFYOeyB_t2B-rqaLpF1gt&sa=D&source=docs&ust=1645230229006433&usg=AOvVaw1Djm3Nz9r-IRWXUedpv2WW) ★
[https://lawsofux.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://lawsofux.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228610226%26amp;usg%3DAOvVaw0mhOUV9px8RsEAFnFkhhQ_&sa=D&source=docs&ust=1645230229006550&usg=AOvVaw1w9SYWsVc5t4JqVDBOxp6r) ★
[https://digitalpsychology.io](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://digitalpsychology.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228610723%26amp;usg%3DAOvVaw2mH7mfbg9PTzJybcKshJxD&sa=D&source=docs&ust=1645230229006662&usg=AOvVaw3S9Xa9zVRqi3XYOnrkp7Ri) ★
[https://www.useronboard.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.useronboard.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228611393%26amp;usg%3DAOvVaw1PJJ7gBJsCafi401rIPGEr&sa=D&source=docs&ust=1645230229006758&usg=AOvVaw0AYH2kFpWVdeLKDyu3JZX6) ★—onboarding examples
[http://practicaluxmethods.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://practicaluxmethods.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228612116%26amp;usg%3DAOvVaw3TTCiS_MPnST01f4tPpDyS&sa=D&source=docs&ust=1645230229006852&usg=AOvVaw2b2ypV4rpv76SSvPCz-ATV) ★
[https://www.uxframeworks.design/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.uxframeworks.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228612835%26amp;usg%3DAOvVaw3olK1im_SXX-fEzT9UEdQh&sa=D&source=docs&ust=1645230229006946&usg=AOvVaw3gR6C4jaF7gc2_Rywc89k1)
Articles:
[https://conversionxl.com/blog/competitive-analysis/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://conversionxl.com/blog/competitive-analysis/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228613880%26amp;usg%3DAOvVaw1DuhSi5nOOBM_SVpHQmT4Q&sa=D&source=docs&ust=1645230229007081&usg=AOvVaw0RGehkKFb3aeCLCZB7qSKd)
[https://speckyboy.com/infinite-scrolling/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://speckyboy.com/infinite-scrolling/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228614531%26amp;usg%3DAOvVaw1k9odG0PXvOQ8I8LuvuO4Y&sa=D&source=docs&ust=1645230229007182&usg=AOvVaw0fOvTGKTiOtp2E2ywRvBAW)
[https://www.nngroup.com/articles/scarcity-principle-ux/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.nngroup.com/articles/scarcity-principle-ux/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228615293%26amp;usg%3DAOvVaw2UZ3Y6u91THOAzn7NHp8BW&sa=D&source=docs&ust=1645230229007273&usg=AOvVaw2da44oXCg_el6gxn1d-ufx)
[https://www.usertesting.com/blog/6-psychological-triggers-that-make-ux-design-persuasive/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.usertesting.com/blog/6-psychological-triggers-that-make-ux-design-persuasive/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228615905%26amp;usg%3DAOvVaw0KfAvV0dM8c9elMXQgvyYv&sa=D&source=docs&ust=1645230229007368&usg=AOvVaw3JUP0xQJYQdU21twcH60VZ)
[https://www.invisionapp.com/inside-design/ux-strategy-guide/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/ux-strategy-guide/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228616698%26amp;usg%3DAOvVaw3iFsdrcUYH1J8WH3NP96di&sa=D&source=docs&ust=1645230229007462&usg=AOvVaw0WiADmi4Z9C8dq2uuRfv5-)
# UX Research / User Testing
[https://www.optimizely.com/optimization-glossary/ab-testing/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.optimizely.com/optimization-glossary/ab-testing/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228617992%26amp;usg%3DAOvVaw1ag5Wv-Kx0mtbwIRH8g8O5&sa=D&source=docs&ust=1645230229007604&usg=AOvVaw27AYXmaKwQguTDPWEMG5-r)—nice glossary + free e-book with A/B testing case studies!
[https://www.invisionapp.com/inside-design/how-to-start-user-testing/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/how-to-start-user-testing/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228618757%26amp;usg%3DAOvVaw0nkFHfk5bg_8EzYjWMoXUc&sa=D&source=docs&ust=1645230229007703&usg=AOvVaw0Nb6XtpCoHRVWtSOpKazwR)
[https://www.uxpin.com/studio/blog/stop-gambling-your-ux-improvising-user-research-on-a-budget/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.uxpin.com/studio/blog/stop-gambling-your-ux-improvising-user-research-on-a-budget/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228619633%26amp;usg%3DAOvVaw3EW_5t0bqn3ZBFDqAMZbbW&sa=D&source=docs&ust=1645230229007798&usg=AOvVaw1z5HTy2HPRu93_Yoc0hfvZ)
[https://uxdesign.cc/asking-the-right-questions-on-user-research-interviews-and-testing-427261742a67](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uxdesign.cc/asking-the-right-questions-on-user-research-interviews-and-testing-427261742a67%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228620479%26amp;usg%3DAOvVaw0j5LCgeCjHwaebpHIWn19q&sa=D&source=docs&ust=1645230229007899&usg=AOvVaw1ggVo_0WTti--aZ5jNXGuF)
# Design Systems
[https://www.designsystemsforfigma.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.designsystemsforfigma.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228621848%26amp;usg%3DAOvVaw05n0VHxkZynX7vsqHesF_N&sa=D&source=docs&ust=1645230229008057&usg=AOvVaw0LdrmzFAi16wwv6Gb0BipM) ★
[https://github.com/alexpate/awesome-design-systems](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://github.com/alexpate/awesome-design-systems%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228622525%26amp;usg%3DAOvVaw0BYxzDMQLtg8FPahSQ-JY4&sa=D&source=docs&ust=1645230229008168&usg=AOvVaw3EQSoM1rI4GEY3ffstr4_Y) ★
[https://designsystemsrepo.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://designsystemsrepo.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228623190%26amp;usg%3DAOvVaw0ugnDgbW2P5x4zbfPyT-Le&sa=D&source=docs&ust=1645230229008267&usg=AOvVaw3EI0RNzsWNYXCwlDO5Zrma) ★
[https://www.designsystems.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.designsystems.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228623730%26amp;usg%3DAOvVaw1C3PvVuFKomaBqIPzfin_4&sa=D&source=docs&ust=1645230229008360&usg=AOvVaw3SpJqL1bxHL1Kr8fEyUdD1) ★
[https://www.carbondesignsystem.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.carbondesignsystem.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228624313%26amp;usg%3DAOvVaw0olQXcvr2Tf8MD15ZOr_wW&sa=D&source=docs&ust=1645230229008454&usg=AOvVaw3rnfpri_cetTH-NdVqY8bN)—example of a design system
[https://www.uxpin.com/create-design-system-guide](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.uxpin.com/create-design-system-guide%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228624919%26amp;usg%3DAOvVaw2TYYJrOZGNAc0qF0gFLN3K&sa=D&source=docs&ust=1645230229008673&usg=AOvVaw2D_b4A4-VQ0-QjW-i7r8yz)
[https://www.designbetter.co/design-systems-handbook](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.designbetter.co/design-systems-handbook%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228625429%26amp;usg%3DAOvVaw3ZCh0y3xj_X5E1lf8u-_lk&sa=D&source=docs&ust=1645230229008823&usg=AOvVaw15soAYQ1CwNwtD58pBdt3x) ★
[https://uxdesign.cc/yes-your-startup-is-ready-for-a-design-system-7c50d13e1516](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uxdesign.cc/yes-your-startup-is-ready-for-a-design-system-7c50d13e1516%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228626036%26amp;usg%3DAOvVaw2_f6o8M42rsb2yLo9Bxmvc&sa=D&source=docs&ust=1645230229008928&usg=AOvVaw2hA-mh7RIJM3MNPSsx_ZSd) ★
[https://www.invisionapp.com/inside-design/launching-design-system-part-1/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/launching-design-system-part-1/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228626579%26amp;usg%3DAOvVaw3y06GleMBNDEoVXPMG4szs&sa=D&source=docs&ust=1645230229009044&usg=AOvVaw2oASTAyfZ3_IK9K7XD9DHa)
[https://airbnb.design/building-a-visual-language/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://airbnb.design/building-a-visual-language/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228627064%26amp;usg%3DAOvVaw1VSNW7HNpEq--al3fgSQOO&sa=D&source=docs&ust=1645230229009153&usg=AOvVaw39basW2YZDHzura1NeayUn)
[https://uxcellence.com/2017/design-systems-style-guides-pattern-libraries](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uxcellence.com/2017/design-systems-style-guides-pattern-libraries%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228627558%26amp;usg%3DAOvVaw0Pu0uN3ngqUT_jJJjBdOdg&sa=D&source=docs&ust=1645230229009246&usg=AOvVaw3afXvJG5pcaGggzy8rapDw) ★
[https://www.invisionapp.com/inside-design/guide-to-design-systems](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/guide-to-design-systems/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228628062%26amp;usg%3DAOvVaw0SQd0p-_qIsMtRZb3sDB0b&sa=D&source=docs&ust=1645230229009348&usg=AOvVaw3U3iXIE6jI9AG0H_ClysOw) ★
[https://medium.freecodecamp.org/how-to-construct-a-design-system-864adbf2a117](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://medium.freecodecamp.org/how-to-construct-a-design-system-864adbf2a117%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228628488%26amp;usg%3DAOvVaw1s-c2xdmNKeXM7IVARpt9I&sa=D&source=docs&ust=1645230229009433&usg=AOvVaw2E6gf-Tutfp0fHZ-C79bRp)
# Process / Case Studies
[https://www.casestudy.club](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.casestudy.club%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228629313%26amp;usg%3DAOvVaw1jFC54QfUlYXUkvmfs25As&sa=D&source=docs&ust=1645230229009569&usg=AOvVaw3XtHYRpAdU9CL7TQZG8Ogz) ★
[https://www.invisionapp.com/inside-design/how-to-write-a-ux-case-study/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/how-to-write-a-ux-case-study/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228629776%26amp;usg%3DAOvVaw2kNn7SLwLPfpqlFisBEyXq&sa=D&source=docs&ust=1645230229009673&usg=AOvVaw3o7f-a3JUzGgjdrypsfiJ6)
[https://blog.prototypr.io/intro-to-user-experience-design-4-factors-to-consider-to-improve-your-design-to-developer-handoff-d7db3de35948](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://blog.prototypr.io/intro-to-user-experience-design-4-factors-to-consider-to-improve-your-design-to-developer-handoff-d7db3de35948%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228630277%26amp;usg%3DAOvVaw2GRDobswaGcMJXYlN9Xv19&sa=D&source=docs&ust=1645230229009778&usg=AOvVaw3qaBxZLnJ1ja3FET3iY8pA)
[https://www.invisionapp.com/inside-design/decreasing-friction-design-development-handoff/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/decreasing-friction-design-development-handoff/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228630808%26amp;usg%3DAOvVaw3jMLHPxWwuZ43CVDXSVU_9&sa=D&source=docs&ust=1645230229009882&usg=AOvVaw3Nzl-icsSLoQsqEZfQLnF0)
[https://blog.sydneydesigners.co/tips-for-designers-developers-working-together-to-implement-great-uis-e93ef179bf13](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://blog.sydneydesigners.co/tips-for-designers-developers-working-together-to-implement-great-uis-e93ef179bf13%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228631302%26amp;usg%3DAOvVaw07nxJj6yw6TmgdpJ4V3O_l&sa=D&source=docs&ust=1645230229009980&usg=AOvVaw3aUSxLigAIIG0EeW5s39Ou)
# Figma
[https://www.figma.com/resources/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.figma.com/resources/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228632660%26amp;usg%3DAOvVaw0r041rlpCjW0thCGqfsbwK&sa=D&source=docs&ust=1645230229010121&usg=AOvVaw1bZ9gvamjtMgn9fQCT1hVt)
[https://www.figma.com/blog/material-design-figma-styles/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.figma.com/blog/material-design-figma-styles/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228633430%26amp;usg%3DAOvVaw2uUWErjTqb5qqbSz644xWD&sa=D&source=docs&ust=1645230229010260&usg=AOvVaw0TyRSxlaQ4pVLEMCwzHMoq)
[https://heartbeat.ua/resources/social-network-cover-generator-figma/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://heartbeat.ua/resources/social-network-cover-generator-figma/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228634119%26amp;usg%3DAOvVaw1vx48E8J0Jqs9lcBNRCI9u&sa=D&source=docs&ust=1645230229010445&usg=AOvVaw3N2P6T900XHhbA9qz9nxZg) ★—social media cover image generator
# Sketch
[https://www.sketchappsources.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.sketchappsources.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228635341%26amp;usg%3DAOvVaw3JULYVsejwFCI4pXXTzILw&sa=D&source=docs&ust=1645230229010743&usg=AOvVaw2907pmalzXHXeuQgeIp8MD)
# Mega Resources
[https://www.uxlibrary.org/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.uxlibrary.org/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228636860%26amp;usg%3DAOvVaw2Q18MTXncOooGckaE2HfWv&sa=D&source=docs&ust=1645230229011127&usg=AOvVaw3ySBfiBlpZFAlfigvM8fo3) ★—“Your one-stop website for UX Articles, Books, Resources, Illustrations & More” this is AWESOME!
[https://www.evernote.design/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.evernote.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228637488%26amp;usg%3DAOvVaw1iPd5ZN3VJkzIQXjDPtO47&sa=D&source=docs&ust=1645230229011312&usg=AOvVaw0Z7MHkOLi8oK_mP_N2mJhX)
[https://webfieldmanual.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://webfieldmanual.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228638210%26amp;usg%3DAOvVaw0miv6DEKlRYDk_6nZA6Z02&sa=D&source=docs&ust=1645230229011462&usg=AOvVaw1UDg5SK7QTjlgAvNRkRCbw) ★
[http://webdesignstack.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://webdesignstack.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228638913%26amp;usg%3DAOvVaw2aW3jSkHKu7eDw9IHlrLcm&sa=D&source=docs&ust=1645230229011631&usg=AOvVaw3gVFlQ3X0rie6XxuNa-DVL)
[https://www.felixjoy.co/designbase](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.felixjoy.co/designbase%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228639674%26amp;usg%3DAOvVaw1FU2k--ya2wbjs6zbuP8ZS&sa=D&source=docs&ust=1645230229011786&usg=AOvVaw0RN_Ts07w_ECpByI9WFVge)
[https://www.designnotes.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.designnotes.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228640291%26amp;usg%3DAOvVaw3oSbwiL686FgWdk7hxduwA&sa=D&source=docs&ust=1645230229011946&usg=AOvVaw3hZWHYHnbk0c6QdyltMwT8) ★
[https://www.designerlynx.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.designerlynx.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228641891%26amp;usg%3DAOvVaw0LnAbOU59KmX4mwP8ckuUu&sa=D&source=docs&ust=1645230229012166&usg=AOvVaw1oQZHpSeqW6_Y05Fy01JGY)
[https://www.designbetter.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.designbetter.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228642644%26amp;usg%3DAOvVaw2O_pHEoALLBCFbDEPcA83j&sa=D&source=docs&ust=1645230229012260&usg=AOvVaw3S32uc6CWEUIwzj1-dfxCZ) ★
[http://designresources.party/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://designresources.party/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228643431%26amp;usg%3DAOvVaw1Qg-qY307PxxshwVImn9qv&sa=D&source=docs&ust=1645230229012348&usg=AOvVaw3dRpm1PEThP7fUIX0m3f_G)
[https://digitaldesign.tools/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://digitaldesign.tools/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228644163%26amp;usg%3DAOvVaw2tDDSQbyjnmlKkZU6GwlAW&sa=D&source=docs&ust=1645230229012434&usg=AOvVaw2Ol0jwqZC7ywuvXQbu2YhX)
[https://www.designdb.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.designdb.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228644916%26amp;usg%3DAOvVaw29Bhh7axxMmofNL8mUTAu-&sa=D&source=docs&ust=1645230229012532&usg=AOvVaw04zb__FRbqgGKh0jdkXFPM)
[https://noshit.xyz/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://noshit.xyz/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228645601%26amp;usg%3DAOvVaw0VB3Kb1TKvToTZjRfqRvZB&sa=D&source=docs&ust=1645230229012620&usg=AOvVaw0TWVqU6G5RwQgHL-AiO2KX)
[https://womenwho.design](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://womenwho.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228646094%26amp;usg%3DAOvVaw2Xf7_ypRvHEBgrsWOJw1bL&sa=D&source=docs&ust=1645230229012699&usg=AOvVaw3Xi0S21eoSU2rIzBl6nX6V) ★—womxn designers
[http://studio-index.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://studio-index.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228646672%26amp;usg%3DAOvVaw0OJTzgmqWqyG00fxsyR0VM&sa=D&source=docs&ust=1645230229012793&usg=AOvVaw2fEcAXPwX9AMLCGFI_XSI0)—design studios around the world
[http://wwwhere.io/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://wwwhere.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228647342%26amp;usg%3DAOvVaw0XtIeribXYvKhwmhaJbXcC&sa=D&source=docs&ust=1645230229012886&usg=AOvVaw0xzpF8CqcA-pgHPn54-eH-)—last updated Oct 2017 but still good stuff
[https://www.awwwards.com/collections](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.awwwards.com/collections/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228648071%26amp;usg%3DAOvVaw05tJlqL9cq9Xaqf4pkQOPR&sa=D&source=docs&ust=1645230229012985&usg=AOvVaw293oGatJ9gCiY9bBxGcLTs) ★—design inspo by category
[https://github.com/sindresorhus/awesome](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://github.com/sindresorhus/awesome%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228648778%26amp;usg%3DAOvVaw00gU5UqlIP0nvrxRjCULoP&sa=D&source=docs&ust=1645230229013089&usg=AOvVaw3yimCnL6cNyjd5_XtTJ0pQ) ★
[http://www.designkit.org](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.designkit.org%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228649461%26amp;usg%3DAOvVaw2ihIR1wS8htncUszyetnuO&sa=D&source=docs&ust=1645230229013273&usg=AOvVaw2viuH7zjUZfgE9ytjfnw2L) ★
[Product Designer Starter Kit](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://docs.google.com/document/d/15PkJm4uJmaK5ehOoW0TnTaOVgDh9BJwOgpv9mYvBPpE/preview%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228650275%26amp;usg%3DAOvVaw0r3aNlyFIVJkZenx7Y4-gy&sa=D&source=docs&ust=1645230229013467&usg=AOvVaw18rPb8K3dlGvFwO7lT6SxN) ★
# Newsletters / Blogs
NEW ​​[http://densediscovery.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://densediscovery.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228651282%26amp;usg%3DAOvVaw3OpjNloo9DejOuchN4ulkC&sa=D&source=docs&ust=1645230229013761&usg=AOvVaw3fjI61pBixwaCqdiNbJJQ0)—densely curated weekly email with fresh discoveries at the intersection of design, technology and sustainability from [@kaibrach](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://twitter.com/kaibrach%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228651622%26amp;usg%3DAOvVaw0Sajot-qM5lWMskSFnteSL&sa=D&source=docs&ust=1645230229013922&usg=AOvVaw1GbqSIq8Oc5RsYvrLXrC8S) (creator of [Offscreen Mag](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://twitter.com/OffscreenMag%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228651912%26amp;usg%3DAOvVaw3P3uynoajZwmEWQ5c5pI1y&sa=D&source=docs&ust=1645230229014073&usg=AOvVaw1EkB-0Vpnq1VvPXjDQsHzd)!)
NEW ​​[https://www.theleagueofmoveabletype.com/newsletter](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.theleagueofmoveabletype.com/newsletter%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228652612%26amp;usg%3DAOvVaw3VYuYezPqYg0r0P66ucfWz&sa=D&source=docs&ust=1645230229014243&usg=AOvVaw2M2cxINK1eZImVqnNrq24L) ★—Micah Rich is an amazong human, I’ve been a supporter of his newsletter for years. Type fans check it out!
NEW ​​[https://freshfonts.eo.page/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://freshfonts.eo.page/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228653334%26amp;usg%3DAOvVaw0AAaYe0n7Q0u7klXrAeWz2&sa=D&source=docs&ust=1645230229014460&usg=AOvVaw3efxdBT1sbbC9VX5zVaVv2) ★—Founded by [Noemi](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://twitter.com/noemistauffer%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228653771%26amp;usg%3DAOvVaw1AUmxEWcj8w4vX54GLzUkf&sa=D&source=docs&ust=1645230229014634&usg=AOvVaw1ixn17n823xpDQuVWMAV00), another amazing human! I’ve been supporting this newsletter for a long time too. Check out their [Twitter](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://twitter.com/fresh_fonts?lang%253Den%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228654238%26amp;usg%3DAOvVaw1jVDdL6Cy_xa_VyL2jMx3p&sa=D&source=docs&ust=1645230229014797&usg=AOvVaw1kFgK5Otz9H5SDhlx35iIv)
[http://ui-patterns.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://ui-patterns.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228654917%26amp;usg%3DAOvVaw1-1kNWYzOIKQlwmng79iki&sa=D&source=docs&ust=1645230229014958&usg=AOvVaw1B2JlNvWmSArgre1q5IWgW) ★
[Uxdesign.cc](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uxdesign.cc/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228655542%26amp;usg%3DAOvVaw1DQKhSpz2F4Q5QYD-Y7MLA&sa=D&source=docs&ust=1645230229015125&usg=AOvVaw3gj5igS_w6DtvJ1sFtoJZ7) ★
[Invision Inside Design](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/subscribe/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228656397%26amp;usg%3DAOvVaw30lYKcYObHrIwTf3mGcuEm&sa=D&source=docs&ust=1645230229015310&usg=AOvVaw2vud0lbsk2i8Gd4HEOZkI0) ★
[https://sidebar.io](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://sidebar.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228657061%26amp;usg%3DAOvVaw1rPFyB6FjDTOJe4yswzu8A&sa=D&source=docs&ust=1645230229015488&usg=AOvVaw2Nrea-4xXUcbz0HCFv9BFN) ★
[https://medium.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://medium.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228657726%26amp;usg%3DAOvVaw2sWWI4omMjDdilb-MKjfQg&sa=D&source=docs&ust=1645230229015636&usg=AOvVaw0IcN4LqBeUo0FeH7Jd33V0) ★—see who I follow
[https://www.producthunt.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.producthunt.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228658475%26amp;usg%3DAOvVaw0YqJ4ED3Igjj4tVdwXQX0Q&sa=D&source=docs&ust=1645230229015763&usg=AOvVaw0s8qPd9gdh0GQUz4kFwkOo) ★
[https://www.designernews.co](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.designernews.co%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228659141%26amp;usg%3DAOvVaw3vYvb6MDLf9HADGpSEUll6&sa=D&source=docs&ust=1645230229015867&usg=AOvVaw2DKfks7wcjLQTouR2vZGQr) ★
[https://goodui.org](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://goodui.org/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228659745%26amp;usg%3DAOvVaw0UXsi7l_bxT5-Dwg93EAIG&sa=D&source=docs&ust=1645230229015957&usg=AOvVaw3MHdvN6SP-mvL3WYV46351) ★
[https://alistapart.com/articles](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://alistapart.com/articles%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228660279%26amp;usg%3DAOvVaw1pp66kaxSymLHoHKNKlCG6&sa=D&source=docs&ust=1645230229016038&usg=AOvVaw03qFK17bDOnXvah5dHutOl)
[https://www.underconsideration.com/brandnew/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.underconsideration.com/brandnew/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228661026%26amp;usg%3DAOvVaw2zRWJJkmfzpiIbhYrfXYoe&sa=D&source=docs&ust=1645230229016128&usg=AOvVaw2DpFvLfYtBXNUM7encoaMC) ★—great brand reviews
[Casual Archivist, by Elizabeth Goodspeed](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://elizabethgoodspeed.com/newsletter%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228661795%26amp;usg%3DAOvVaw3EDAFa9R5qn3apd306noMh&sa=D&source=docs&ust=1645230229016225&usg=AOvVaw1bmYFL8JhTJJDYq7_k5Nf4) ★—I love this occasional newsletter. Elizabeth collects and shares vintage design ephemera and tells the stories and trends behind them! Very cool
# Decks / Presentation
[https://presentation.design/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://presentation.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228663030%26amp;usg%3DAOvVaw2zEOZjgrlu5-OtV3UP3ijX&sa=D&source=docs&ust=1645230229016369&usg=AOvVaw035O8miNia5bqL4JL4yeDA)
# Design Challenges
[https://sharpen.design/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://sharpen.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228664199%26amp;usg%3DAOvVaw0N2RoPbvFJEc7V48bRmbBj&sa=D&source=docs&ust=1645230229016546&usg=AOvVaw35-leo50u2jAr6DlWVhhAS)
[http://briefz.biz/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://briefz.biz/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228665171%26amp;usg%3DAOvVaw01_5u9YcH7-qjwRhHfgaja&sa=D&source=docs&ust=1645230229016709&usg=AOvVaw1EB5uVQwfX-nAXB8taAbIh)
[https://fakeclients.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://fakeclients.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228665753%26amp;usg%3DAOvVaw29-bjc2rKPszt8tfH9QhZa&sa=D&source=docs&ust=1645230229016866&usg=AOvVaw0jB-Wbdm9Akxb-PyTEZ8Fu)
[https://github.com/melanierichards/just-build-websites](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://github.com/melanierichards/just-build-websites%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228666381%26amp;usg%3DAOvVaw0Idnv25-2PqgsTtFcIarnE&sa=D&source=docs&ust=1645230229016968&usg=AOvVaw0EQ1WpD13ztqOQC_VSROvC) ★
[https://designercize.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://designercize.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228667074%26amp;usg%3DAOvVaw0zqpayP9pq4MhT4VvGf1Of&sa=D&source=docs&ust=1645230229017150&usg=AOvVaw3Q9q89FrQK5dFu-vtQD-rA)
# Icons
[https://emojipedia.org/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://emojipedia.org/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228668186%26amp;usg%3DAOvVaw3OyoHzfeeYhp9oT6Y32e-N&sa=D&source=docs&ust=1645230229017312&usg=AOvVaw0A5cTtVw9Ho0ohP2QyBuX6) ★
[https://thenounproject.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://thenounproject.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228668998%26amp;usg%3DAOvVaw36VS2RwZD3fKHTA1MbO3_j&sa=D&source=docs&ust=1645230229017490&usg=AOvVaw0ml53IVhZ_0-F2NiGcHT8W) ★
[https://material.io/tools/icons](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://material.io/tools/icons/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228669699%26amp;usg%3DAOvVaw19sB_WU1WNBiiq0oVTJuqZ&sa=D&source=docs&ust=1645230229017661&usg=AOvVaw0yGNwaoSbp7ZSxgxlcQRZR) ★
[http://openmoji.org/library.html](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://openmoji.org/library.html%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228670356%26amp;usg%3DAOvVaw290OmnZRJKaVwi--aniqYm&sa=D&source=docs&ust=1645230229017767&usg=AOvVaw0B3aIzfsOyVMGbPP4ZVpP_)
[https://www.invisionapp.com/inside-design/free-icons-for-product-design](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/free-icons-for-product-design%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228670930%26amp;usg%3DAOvVaw1a1InkVwT7WcDuBcGBKsBK&sa=D&source=docs&ust=1645230229017856&usg=AOvVaw1bUCeijb9bOW0WQeDXNhsT) ★
# Lorem Ipsum / Placeholder Content
[https://www.lists.design/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.lists.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228671824%26amp;usg%3DAOvVaw3b-74dJNkHn7Qupta6XOhU&sa=D&source=docs&ust=1645230229018002&usg=AOvVaw3Qz3RsmJlFlL4PK9-Pl9s7)
[https://diverseui.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://diverseui.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228672423%26amp;usg%3DAOvVaw3vy3lvejk9LQQTOfT3hKzo&sa=D&source=docs&ust=1645230229018084&usg=AOvVaw33uy_uU13pukXH-Tbtp35d)
# Photography
[www.u](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.unsplash.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228673499%26amp;usg%3DAOvVaw2cufjwsBsxLz6fhio2XsmA&sa=D&source=docs&ust=1645230229018296&usg=AOvVaw3SkLrj_REEDbNRPu5uTJEg)[nsplash.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.unsplash.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228673808%26amp;usg%3DAOvVaw37A-CgiO5VeNQxZazjvk6K&sa=D&source=docs&ust=1645230229018461&usg=AOvVaw0jrsosBM_4lmTBksqHx8Hf) ★
[https://www.pexels.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.pexels.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228674351%26amp;usg%3DAOvVaw3q5eOZNEGUwrR6L36Ym89S&sa=D&source=docs&ust=1645230229018566&usg=AOvVaw0aHV9dJASNutHOJ-W9Ml6H) ★
[https://www.reshot.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.reshot.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228674976%26amp;usg%3DAOvVaw3MFD1DxVXlH60XJKmvMKFz&sa=D&source=docs&ust=1645230229018678&usg=AOvVaw0fnA26zsJlDu9kKHoSjVfq)
[https://photos.icons8.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://photos.icons8.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228675478%26amp;usg%3DAOvVaw2l74Bs6QQxpgOGpwO_S4C5&sa=D&source=docs&ust=1645230229018768&usg=AOvVaw08oEDQ1_BKK4yAWDaMu-Te)
[http://thestocks.im/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://thestocks.im/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228675903%26amp;usg%3DAOvVaw3aQlVZTt9xVLY2XrHcosZt&sa=D&source=docs&ust=1645230229018849&usg=AOvVaw1A4QlEKV8DEGEcEYj3ljHG)
[https://gratisography.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://gratisography.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228676370%26amp;usg%3DAOvVaw08E9czBpFqZBHWQ0QD7HEl&sa=D&source=docs&ust=1645230229018930&usg=AOvVaw1IOUUY1Z5pzLkXCGoTAy5m)
[https://www.flickr.com/photos/wocintechchat/albums](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.flickr.com/photos/wocintechchat/albums%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228676810%26amp;usg%3DAOvVaw3hECDfckSi4Hm_Gs1AO8KS&sa=D&source=docs&ust=1645230229019018&usg=AOvVaw3-m5DqPdvtPTxLU8lhDht4) ★
[https://createherstock.com/free-stock-photos/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://createherstock.com/free-stock-photos/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228677291%26amp;usg%3DAOvVaw3btGc1fi5w30h9A737BLQB&sa=D&source=docs&ust=1645230229019118&usg=AOvVaw1jLRhsO-G6YXSHTeB9q1ab) ★
# Mockups
[https://www.layers.design/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.layers.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228678261%26amp;usg%3DAOvVaw3yMj6xfXZrRpK6qwfKTCoL&sa=D&source=docs&ust=1645230229019295&usg=AOvVaw3tU4Fkc3K0aiCyzm_Ul-95)—posters and signs
[https://www.mockupworld.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.mockupworld.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228678944%26amp;usg%3DAOvVaw1Mc9GSKeMdonc1YAZC7Uwp&sa=D&source=docs&ust=1645230229019400&usg=AOvVaw3qvRMphNJz6CVkY-N-HW0P)—free mockups
# Music
[https://icons8.com/music/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://icons8.com/music/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228680131%26amp;usg%3DAOvVaw1qSb4KlMn-Gr4VhYeUlOJX&sa=D&source=docs&ust=1645230229019547&usg=AOvVaw0Th0niUGJ4fgjTySNROcUS)
# Videos
[http://www.coverr.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.coverr.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228681194%26amp;usg%3DAOvVaw1URTELj3oLicY_Jf9LtjN4&sa=D&source=docs&ust=1645230229019701&usg=AOvVaw17_XnXcNQGR6aihv7lqnpG)
# Tools
[https://imagecompressor.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://imagecompressor.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228682069%26amp;usg%3DAOvVaw3Dj0ie40GL6zHossSTXcJq&sa=D&source=docs&ust=1645230229019832&usg=AOvVaw39wl4b6iTmgiLbF9ZkDbzR) ★—sometimes you need to compress an image quickly
[Colorzilla](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.colorzilla.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228682701%26amp;usg%3DAOvVaw3RBlgkP3knZixJhZm4f-BJ&sa=D&source=docs&ust=1645230229019927&usg=AOvVaw2vJU2ZD890wuTvCA9oRZXN) ★
[Colorsnapper](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://colorsnapper.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228683507%26amp;usg%3DAOvVaw1aTlpKca-Gg01VRXInPtsk&sa=D&source=docs&ust=1645230229020011&usg=AOvVaw37YOvNHUMbjCc1hPwtz6c8) ★
[http://copychar.cc](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://copychar.cc%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228684259%26amp;usg%3DAOvVaw1MEYeUfiZWWErAKs0aZha5&sa=D&source=docs&ust=1645230229020092&usg=AOvVaw04i_4iXr0K1bj63VuNMy9j) ★
[http://screensiz.es](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://screensiz.es/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228685018%26amp;usg%3DAOvVaw2g6-UkGFJGFeJKOIf5MuFs&sa=D&source=docs&ust=1645230229020195&usg=AOvVaw1yFM49Ij7Ug15b0ZnxPUc5) ★
[https://shortcuts.design/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://shortcuts.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228685694%26amp;usg%3DAOvVaw24PceETzLa2au_Hknj0CSY&sa=D&source=docs&ust=1645230229020290&usg=AOvVaw18X-_ngZmDzfBm9k7-7zWj)
[https://sizzy.co](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://sizzy.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228686202%26amp;usg%3DAOvVaw0DKZPewJn8hq2wLtrYbSth&sa=D&source=docs&ust=1645230229020380&usg=AOvVaw1pZRsvxJ5Kew71iJNbpD_9) ★
[https://www.online-convert.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.online-convert.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228686713%26amp;usg%3DAOvVaw2j22EWCppBis_DPNQfj-ph&sa=D&source=docs&ust=1645230229020473&usg=AOvVaw2w6EXkUQqNvI0RpeAl3UFc)
[https://builtwith.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://builtwith.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228687374%26amp;usg%3DAOvVaw1SFXaKIeBTv9ae8J-PsSWI&sa=D&source=docs&ust=1645230229020563&usg=AOvVaw3Pe3lYEMqLbgTntiWp-06S)
[https://www.onlinevideoconverter.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.onlinevideoconverter.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228688097%26amp;usg%3DAOvVaw3IYGBbthdANh9yCv58H4GI&sa=D&source=docs&ust=1645230229020660&usg=AOvVaw0RKcyv_rGDnmWjAiQ43BIS)
[http://www.videosmaller.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.videosmaller.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228688815%26amp;usg%3DAOvVaw0RZUE6EvwMRCKSYCkiC4XA&sa=D&source=docs&ust=1645230229020755&usg=AOvVaw2w2Yp8hk6or0TZYOWeInTN)
[http://threed.io/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://threed.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228689496%26amp;usg%3DAOvVaw0Nfw54S5Hwg5WiJ-w-cRMc&sa=D&source=docs&ust=1645230229020845&usg=AOvVaw0wv2Pj9SZnsrMlKuBZGQ6f)
[https://www.browserstack.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.browserstack.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228690109%26amp;usg%3DAOvVaw1ayVqmpdHf01OrTgyjfeyr&sa=D&source=docs&ust=1645230229020935&usg=AOvVaw0fUMSnW3Gi8EzsM471NX_R)
[https://getkap.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://getkap.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228690719%26amp;usg%3DAOvVaw0TH1CT06hk7ZW4O5YcxU-W&sa=D&source=docs&ust=1645230229021022&usg=AOvVaw1LXt2E6cFfNvW-uyaQ7yt_)
[https://sidewaysdictionary.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://sidewaysdictionary.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228691380%26amp;usg%3DAOvVaw0wNNjMx1zdPDSKneMThb-x&sa=D&source=docs&ust=1645230229021117&usg=AOvVaw3d8MKay1awlBO9o2UDxIYQ)
[https://ratiobuddy.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://ratiobuddy.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228692034%26amp;usg%3DAOvVaw0-k-TFhhJFZD2SrgghWYIN&sa=D&source=docs&ust=1645230229021201&usg=AOvVaw3nsrwOjCv3opuRYm3qI17E) ★
# Typography (resources + Open source)
[T](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.typewolf.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228693301%26amp;usg%3DAOvVaw1AcH3ZOJjw3lVuwaCIMUCh&sa=D&source=docs&ust=1645230229021345&usg=AOvVaw1zbCUzfr3ELRoldbzuKX3F)[ypewolf.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.typewolf.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228693747%26amp;usg%3DAOvVaw0jjZLHdKB2KvE4k9xuYFNl&sa=D&source=docs&ust=1645230229021417&usg=AOvVaw2xZc3WCsTaWWSZBgrV3Q2t) ★
[twitter.com/typeparty_](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://twitter.com/typeparty_%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228694389%26amp;usg%3DAOvVaw3G88ZkjJETyMd8eM2FPOlV&sa=D&source=docs&ust=1645230229021513&usg=AOvVaw3BqfuzbeoLb-7GyTMi0Q1q) ★—my side project for free and open source type inspo on the web
[https://www.typewolf.com/cheatsheet](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.typewolf.com/cheatsheet%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228695220%26amp;usg%3DAOvVaw3GIB9EssxdzgewT7x5dVYr&sa=D&source=docs&ust=1645230229021626&usg=AOvVaw32zK9pJhpG8gzkZfZEGKj8) ★
[http://velvetyne.fr](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://velvetyne.fr/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228695861%26amp;usg%3DAOvVaw2ryVsG2WQuzeJLhTKQz1sj&sa=D&source=docs&ust=1645230229021727&usg=AOvVaw2OL9LZSTJ0DB271ierBdEX) ★—free and open source type foundry
[http://usemodify.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://usemodify.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228696501%26amp;usg%3DAOvVaw3vt2WvdjsoNxp68MTZ2NQq&sa=D&source=docs&ust=1645230229021826&usg=AOvVaw30-TrkF4uGvdfa5YYYDWql) ★
[https://fontsinuse.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://fontsinuse.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228697142%26amp;usg%3DAOvVaw1KL50XWIhBEI-SysLrcJcH&sa=D&source=docs&ust=1645230229021923&usg=AOvVaw3CU3EPMDhIbw8MAasJ58i_) ★–resource of websites showcasing various fonts in use (also check out their [blog](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://fontsinuse.com/blog%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228697535%26amp;usg%3DAOvVaw1HRhq4WB6zichVbYE1O2PA&sa=D&source=docs&ust=1645230229022017&usg=AOvVaw0eK8VWXqKg6_AauQCsYABe))
[https://fontface.ninja](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://fontface.ninja/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228698043%26amp;usg%3DAOvVaw0tq62dnlPwCDtyKljB3KKX&sa=D&source=docs&ust=1645230229022119&usg=AOvVaw35_T1BxtVINDhXbNJhGx_a) ★—free Google Chrome browser extension that allows you to inspect, try, buy and bookmark fonts on any website
[https://v-fonts.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://v-fonts.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228698642%26amp;usg%3DAOvVaw1m7s2n4_bexpRuR_KO7TiX&sa=D&source=docs&ust=1645230229022216&usg=AOvVaw1WrEUzmNaKW6MjeIdb207X) ★—variable fonts (also check out the [Variable Fonts](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://twitter.com/variablefonts%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228699045%26amp;usg%3DAOvVaw3hqJRo-_yVjJKun25QeODM&sa=D&source=docs&ust=1645230229022291&usg=AOvVaw0W6iZuLsenIMcWRZ1QG9It) twitter)
[https://gitlab.com/raphaelbastide/libre-foundries](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://gitlab.com/raphaelbastide/libre-foundries%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228699602%26amp;usg%3DAOvVaw1FrLOdk4VREcejYpk_y5mB&sa=D&source=docs&ust=1645230229022397&usg=AOvVaw1gAckryg-J4FcKnDvY_yf4) ★—libre foundries list
[https://www.theleagueofmoveabletype.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.theleagueofmoveabletype.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228700171%26amp;usg%3DAOvVaw0KIuVckL2J4t3U3gqtSYxS&sa=D&source=docs&ust=1645230229022508&usg=AOvVaw2x3-rr33-hHTHNUn5CTtvI)
[http://100daysoffonts.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://100daysoffonts.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228700731%26amp;usg%3DAOvVaw0pumOdI8za1E6209tIoeXP&sa=D&source=docs&ust=1645230229022607&usg=AOvVaw1DVYKKMjf-SVPiVJBmmeVH)
[http://www.nofont.com/typefaces/open-source-serif-fonts-for-body-text](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.nofont.com/typefaces/open-source-serif-fonts-for-body-text%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228701333%26amp;usg%3DAOvVaw2D3w7a8k_CAKKX24LZPcl7&sa=D&source=docs&ust=1645230229022695&usg=AOvVaw2G16OakiiswsunafVAnaVI)—open source serif fonts for body text by [nofont.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://nofont.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228701748%26amp;usg%3DAOvVaw1rTrjLWH_aF0oi-NBBAnBl&sa=D&source=docs&ust=1645230229022780&usg=AOvVaw2cA-1GzMoIxtOkg4lunsLf)
[http://fonts.greatsimple.io/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://fonts.greatsimple.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228702260%26amp;usg%3DAOvVaw3ZI9363Aaxq6N4r209WySY&sa=D&source=docs&ust=1645230229022866&usg=AOvVaw1av8_O_5vTu_WjEJkcwhzl) ★—trendy Google Fonts Combinations
[https://fontain.org/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://fontain.org/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228702788%26amp;usg%3DAOvVaw33Omo8WGfF-nJpxbR2-pNG&sa=D&source=docs&ust=1645230229022965&usg=AOvVaw29yInhg5hTDjka3Zgf6LIL)—selection of free/libre/open source fonts together with their source files
[http://open-foundry.com/hot30](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://open-foundry.com/hot30%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228703376%26amp;usg%3DAOvVaw1XBIOHHsZw4nvSvm5HDGYk&sa=D&source=docs&ust=1645230229023062&usg=AOvVaw1ZZYxUe3IHnuozaMysfKHx)
[https://fontpair.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://fontpair.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228703901%26amp;usg%3DAOvVaw3ZQU-XV5uRaQ9DpHO0pGeS&sa=D&source=docs&ust=1645230229023149&usg=AOvVaw1l7L-i4qqRMyZLdrW5axMz)
[http://typ.io/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://typ.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228704385%26amp;usg%3DAOvVaw3ZNQbm3_ZMsYJItcwtCKDE&sa=D&source=docs&ust=1645230229023230&usg=AOvVaw2YP5kSWNHA6i5zRvh2VIE-)—nice font pairing resource that shows websites using the pairings
[http://type-scale.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://type-scale.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228704924%26amp;usg%3DAOvVaw31cYjwjZo4_2SJF8uiusHm&sa=D&source=docs&ust=1645230229023382&usg=AOvVaw29NC_ttkkt3sQSXuykCCy1)—interactive type scale tool that uses ratios to help you set up your type sizes
[https://www.modularscale.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.modularscale.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228705488%26amp;usg%3DAOvVaw1XKA9aGY7YdBk2n-oU0bnz&sa=D&source=docs&ust=1645230229023498&usg=AOvVaw0TmvQGR_ELkI2agDTkXO1J)
[https://fontjoy.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://fontjoy.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228705962%26amp;usg%3DAOvVaw3m7YrybK_cdaoU9uKIxAs3&sa=D&source=docs&ust=1645230229023588&usg=AOvVaw2PdsuY51exca6WWP2b6O9T)
[https://www.fontsquirrel.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.fontsquirrel.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228706546%26amp;usg%3DAOvVaw3AKJ4IVpDvXWD1ADiBMX4Q&sa=D&source=docs&ust=1645230229023680&usg=AOvVaw364wLPcyfhwk8hEDNaPtIY)
[https://archetypeapp.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://archetypeapp.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228707096%26amp;usg%3DAOvVaw0AMsjEIT5O9u6HvVaVCAJE&sa=D&source=docs&ust=1645230229023764&usg=AOvVaw3ussDb4Bw6Ui1j6ypsyNrT)
[https://www.canva.com/learn/combining-fonts-10-must-know-tips-from-a-designer/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.canva.com/learn/combining-fonts-10-must-know-tips-from-a-designer/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228707639%26amp;usg%3DAOvVaw0z0eZ1bzZtAaLrhC1tvx3e&sa=D&source=docs&ust=1645230229023855&usg=AOvVaw3tnkypXKgWYGMq659wAyVg)
[https://css-tricks.com/understanding-web-fonts-getting/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://css-tricks.com/understanding-web-fonts-getting/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228708187%26amp;usg%3DAOvVaw2mtIizua6hh9I-QwSyMOX_&sa=D&source=docs&ust=1645230229023949&usg=AOvVaw2IHkFRMGHy8CuI30PX8rN_)
[http://www.fontreach.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.fontreach.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228708743%26amp;usg%3DAOvVaw1TbnEJDbo_6c-xwSOSnE0w&sa=D&source=docs&ust=1645230229024034&usg=AOvVaw0hnJH9FMU1LOxST6KZySOC)
[https://fontcdn.org/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://fontcdn.org/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228709215%26amp;usg%3DAOvVaw0OErYO422MWAce5IOuG-jX&sa=D&source=docs&ust=1645230229024142&usg=AOvVaw2OJFQKDPFjAdsnOOSZYlfw)—another way to browse Google Fonts
[https://googlefonts.github.io/korean/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://googlefonts.github.io/korean/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228709787%26amp;usg%3DAOvVaw34_6V-RCBDCUmnJpGl-NT1&sa=D&source=docs&ust=1645230229024313&usg=AOvVaw2mOiAnC11XW5AIq3L8djWR)—v cool site using korean Google fonts
# Type Foundries (mostly paid)
NEW ​​[https://typefoundry.directory/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://typefoundry.directory/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228710784%26amp;usg%3DAOvVaw108kHVyLIQJjJS31cF7pgT&sa=D&source=docs&ust=1645230229024619&usg=AOvVaw37nhcafd3Y_Gfd9foRU4DA) ★—a beautifully designed curated index of type foundries by [Matthew Smith](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://twitter.com/mttymtt%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228711173%26amp;usg%3DAOvVaw2czHSeabLVQEVjWs4virf9&sa=D&source=docs&ust=1645230229024765&usg=AOvVaw2I0g-BpesUM9ZNgw_TYwcI) of [Morning Type](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://twitter.com/morning_type%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228711522%26amp;usg%3DAOvVaw0K_TL5mxLxLt0FQ6dYgk01&sa=D&source=docs&ust=1645230229024886&usg=AOvVaw2pv3Objd728jk8yp2GaRBc). Includes variable fonts filter!
NEW ​​[https://type-foundries-archive.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://type-foundries-archive.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228712121%26amp;usg%3DAOvVaw1XfnZNhlBlLO9dvo0FZ3dC&sa=D&source=docs&ust=1645230229025028&usg=AOvVaw1GZuwPewy3fX_A6j1UX-zo)
NEW ​​<http://www.tunera.xyz/>
[https://type.today/en](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://type.today/en%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228712901%26amp;usg%3DAOvVaw3H3aHj08JVzGGJY9kxpI2X&sa=D&source=docs&ust=1645230229025180&usg=AOvVaw1rVg1FfcyxH3_goGYRBX8B)
[https://airtable.com/shrFnmJDFKQuik6Ju/tblOOfWzc1JT33c6k/viw3GySxCmxqD37GN?backgroundColor=gray](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://airtable.com/shrFnmJDFKQuik6Ju/tblOOfWzc1JT33c6k/viw3GySxCmxqD37GN?backgroundColor%253Dgray%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228713502%26amp;usg%3DAOvVaw2Ev4hT9ExGdi-x_CmSA1Hr&sa=D&source=docs&ust=1645230229025286&usg=AOvVaw0LidHR3Ox0iPFyx27e5aYD)—type foundries list
[Foundry.nu](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://foundry.nu%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228714247%26amp;usg%3DAOvVaw2-b1fb116r7jGGUBpiOCie&sa=D&source=docs&ust=1645230229025393&usg=AOvVaw0uIU2vdH8lXYix-q2Pibik)—collection of popular type foundries
[https://type.lol/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://type.lol/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228714955%26amp;usg%3DAOvVaw3iRUHH6uyK0fr3pSC1N6HH&sa=D&source=docs&ust=1645230229025487&usg=AOvVaw0p7rApsl8JhW4RsPDwaqQh)
[http://www.love-letters.be/foundry.html](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.love-letters.be/foundry.html%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228715653%26amp;usg%3DAOvVaw1GxsLg-cGnDTZh9g-azLQ7&sa=D&source=docs&ust=1645230229025569&usg=AOvVaw3JKO3f2fOOa09B1dW-ksvo)
# Typography Guides / Education
[https://designforhackers.com/blog/justify-text-html-css/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://designforhackers.com/blog/justify-text-html-css/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228716936%26amp;usg%3DAOvVaw11dA9qrj6UrvWbh98P_CHV&sa=D&source=docs&ust=1645230229025726&usg=AOvVaw0q3YsWQ5H1tocEQsJMurGm)
[https://practicaltypography.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://practicaltypography.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228717602%26amp;usg%3DAOvVaw2WccvJC_PSVLLHSCzzfwzO&sa=D&source=docs&ust=1645230229025822&usg=AOvVaw1YJ-NGKlE2707tN8ZfAzAP) ★—one of the best and most straightforward resources for those who want to learn about typography basics
[https://betterwebtype.com/rhythm-in-web-typography](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://betterwebtype.com/rhythm-in-web-typography%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228718166%26amp;usg%3DAOvVaw0dh1HMcczxTInh-aLGFF3K&sa=D&source=docs&ust=1645230229025918&usg=AOvVaw39oV53siRIOoLRrlpvoT3z)
[https://betterwebtype.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://betterwebtype.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228718798%26amp;usg%3DAOvVaw2ugUpujPYyyjHKRzsDz6LO&sa=D&source=docs&ust=1645230229026007&usg=AOvVaw2Cbw56rew8nKeHOXeK1i4x) ★—this too
[http://typographyhandbook.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://typographyhandbook.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228719570%26amp;usg%3DAOvVaw1lFNzd4Vk0sTtkjF48aEC8&sa=D&source=docs&ust=1645230229026138&usg=AOvVaw16DVUrqq7s5cw-fUaJXBTj) ★—this too
[https://medium.com/type-thursday/create-your-own-font-in-48-hours-f1d42f911a51](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://medium.com/type-thursday/create-your-own-font-in-48-hours-f1d42f911a51%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228720205%26amp;usg%3DAOvVaw1iakbVlVfmJtfa1ENS_JIb&sa=D&source=docs&ust=1645230229026247&usg=AOvVaw13i-InPmnQCE46N0X02Rxs)
[https://www.typocircle.com/learn/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.typocircle.com/learn/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228720713%26amp;usg%3DAOvVaw2qiI_Qe5CXjvVnatfE-deI&sa=D&source=docs&ust=1645230229026345&usg=AOvVaw2OIhUh25HiTEeF604g_Oan)
[https://kyleschaeffer.com/development/css-font-size-em-vs-px-vs-pt-vs/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://kyleschaeffer.com/development/css-font-size-em-vs-px-vs-pt-vs/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228721254%26amp;usg%3DAOvVaw3JfozhpAfkfZr1YXQ6Fbd_&sa=D&source=docs&ust=1645230229026457&usg=AOvVaw3oDfpw1LcIL2ZY6jQVcn8v)
# My Top 10 Typography Tips
* Establish sizes for a hierarchy H1-H6, links, and body text without using any color. then, apply color/font weight/text decoration/letter spacing etc. to text and links as needed to convey functionality or a certain purpose e.g. I see students underline things that aren’t clickable, but it looks like a link
* Try to use as few type styles as possible for consistency. Setting up a type system before designing will help. I often see students using 3 different sizes for body copy, 2 different colors for links and 5 heading sizes…your designs will look better and your user will learn how to navigate through your site better if things are consistent!
* To set up your type sizes and hierarchy, you can get started with a type scale tool like [modularscale.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.modularscale.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228722976%26amp;usg%3DAOvVaw2RoxozCkMhFJ8qXq_NSazX&sa=D&source=docs&ust=1645230229026703&usg=AOvVaw3QnHlgkcePXM9vZV7Kk0xt) or [type-scale.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://type-scale.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228723499%26amp;usg%3DAOvVaw1xEKHAuxHoNGzClx_h7neg&sa=D&source=docs&ust=1645230229026784&usg=AOvVaw1ImakBkQ6V8sGeGK2sjO0L)
* Avoid using display fonts for body copy or things longer than a sentence or two
* Left align text longer than a sentence or two for readability. You shouldn’t center paragraph text, and [“say no to justification on the web”](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://designforhackers.com/blog/justify-text-html-css/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228724665%26amp;usg%3DAOvVaw3i3QoWQl9Xe5HHJSEY5h9x&sa=D&source=docs&ust=1645230229026998&usg=AOvVaw2Tuo8I4klzt26Csj37jnPI)! Just don’t do it.
* Body copy should be at least 16px, 18-21px is even better.
* Give body copy line-height of 1.2-1.5 at least for legibility. To meet W3C accessibility guidelines “Line height is at least space-and-a-half within paragraphs—that’s 150%.”
* Longer line lengths = more line height, short line lengths = less
* Headings tend to be larger and bolder than other elements to stand out. A good way to think about type hierarchy is: what needs to stand out most on the page?
* Pair a serif with a sans, sans with sans, but be careful with serif and serif unless you know what you’re doing and have a vision lol
# Book Design
[https://indesignsecrets.com/getting-accurate-colors-when-printing-proofs-from-indesign.php](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://indesignsecrets.com/getting-accurate-colors-when-printing-proofs-from-indesign.php%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228727047%26amp;usg%3DAOvVaw066gLDDsF1DcC9hXv5mEax&sa=D&source=docs&ust=1645230229027522&usg=AOvVaw3qgZmUKJ4l8kzLm7K1hYYK)
[https://indesignsecrets.com/incopy-book-publishers-workflow-management.php](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://indesignsecrets.com/incopy-book-publishers-workflow-management.php%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228727745%26amp;usg%3DAOvVaw1b4PmAAxtBHnJjc5bDJG3i&sa=D&source=docs&ust=1645230229027716&usg=AOvVaw3CZPwv2V5pUMemXqzl7qAy)
# Maps
[https://freevectormaps.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://freevectormaps.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228728781%26amp;usg%3DAOvVaw3a9XozuSY-dOknR9g4R9B_&sa=D&source=docs&ust=1645230229027961&usg=AOvVaw2EYtIRW6K1ATSAisytYhD1)
[https://snazzymaps.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://snazzymaps.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228729349%26amp;usg%3DAOvVaw2wwWv--RnQR_24-kerpjzY&sa=D&source=docs&ust=1645230229028064&usg=AOvVaw2gLNUcz3PI7ALz9jum0KrR)
# Color
[http://stencil.wiki/colors](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://stencil.wiki/colors%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228730303%26amp;usg%3DAOvVaw3WvR_h2EdKheIleYiDRT5y&sa=D&source=docs&ust=1645230229028218&usg=AOvVaw3b9IWgs-duwLsM7110G9IK) ★—risograph ink colors
[https://shapy.app/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://shapy.app/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228730841%26amp;usg%3DAOvVaw0R_UWk-7Xfh8r2bR3fC94L&sa=D&source=docs&ust=1645230229028311&usg=AOvVaw3RLHBmsNe6eWf6nwSvINuV) ★—for CSS gradients
[https://picular.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://picular.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228731275%26amp;usg%3DAOvVaw0HaF9f8RUi1Dw2HayDwBWB&sa=D&source=docs&ust=1645230229028405&usg=AOvVaw0S3iFMl6MykTtXSskyV5zX)
[https://www.grabient.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.grabient.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228731705%26amp;usg%3DAOvVaw3dLy7uHDiwGJeBp2lilxxv&sa=D&source=docs&ust=1645230229028490&usg=AOvVaw0DMEjLI-tOvY8GJGmrLzgq)
[https://cssgradient.io/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://cssgradient.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228732229%26amp;usg%3DAOvVaw17mN-wDzQs39ik_QC78j2Y&sa=D&source=docs&ust=1645230229028574&usg=AOvVaw2aNC6cFtgg16BZKLgs4ao4)
[http://materialuicolors.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://materialuicolors.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228732899%26amp;usg%3DAOvVaw0erwIBhsPYj_k5Xq0ZJmtL&sa=D&source=docs&ust=1645230229028667&usg=AOvVaw3uBFsVwZm3u7t0aSXJj1e5)
[https://colorhunt.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://colorhunt.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228733562%26amp;usg%3DAOvVaw3-aFnQC3hoR0QiYEuHr_KR&sa=D&source=docs&ust=1645230229028758&usg=AOvVaw1pPhn4qS401Fa6vJg62eJh)
[https://coolors.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://coolors.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228734066%26amp;usg%3DAOvVaw0062dwvkf0VdFYEmI5b_Kc&sa=D&source=docs&ust=1645230229028848&usg=AOvVaw0Ku_4u4F25_8a1HNSdHWmV)
[https://color.adobe.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://color.adobe.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228734545%26amp;usg%3DAOvVaw1BwYgPsOO82hA0aApIzxvh&sa=D&source=docs&ust=1645230229028937&usg=AOvVaw15sI-kKbQcweqDy0g8dKZA)
[http://khroma.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://khroma.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228735052%26amp;usg%3DAOvVaw1f8bte0XYM2Q9RyITiEjr-&sa=D&source=docs&ust=1645230229029022&usg=AOvVaw1CEhs1nLgISOe9PcudePe0)
[https://www.lockedownseo.com/social-media-colors](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.lockedownseo.com/social-media-colors/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228735672%26amp;usg%3DAOvVaw2Zh_K4CppR7B7LFeB0_YN_&sa=D&source=docs&ust=1645230229029110&usg=AOvVaw1OxyfscPoKGURRIKq_rnG6) ★
# Illustration
[https://undraw.co/illustrations](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://undraw.co/illustrations%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228736774%26amp;usg%3DAOvVaw2gUpCNB7J64-C3wIgaidyD&sa=D&source=docs&ust=1645230229029257&usg=AOvVaw1ZpIul7xKDHrjJkFKQMWKL)—open source illustrations
[https://loremipsum.ueno.co/dear-ueno-how-do-i-learn-illustration-34b179a71385](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://loremipsum.ueno.co/dear-ueno-how-do-i-learn-illustration-34b179a71385%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228737393%26amp;usg%3DAOvVaw3wcyA6l9W8Lwx2aYfmOe4k&sa=D&source=docs&ust=1645230229029348&usg=AOvVaw0HPRMHuozNDE9UuUNfcvuy)
#
Branding
[https://onym.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://onym.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228738117%26amp;usg%3DAOvVaw2w4e_kbMCyOJHvovhE4OrX&sa=D&source=docs&ust=1645230229029460&usg=AOvVaw0B_vBd0BYNORuLsOubu4UV) ★—your ultimate guide to naming
[https://logolab.app/home](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://logolab.app/home%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228738575%26amp;usg%3DAOvVaw2hoWbUVTNKBACWOqW2_RO_&sa=D&source=docs&ust=1645230229029556&usg=AOvVaw1dMkQKau9TSKXQAB83APkK)
# Design Systems
Resources:
[https://github.com/alexpate/awesome-design-systems](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://github.com/alexpate/awesome-design-systems%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228739545%26amp;usg%3DAOvVaw07pGfWLfKMB51dlNyzckCa&sa=D&source=docs&ust=1645230229029709&usg=AOvVaw3S6BM5i6XulBM8gP5EISlW) design systems MEGA directory
[http://designsystemsbook.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://designsystemsbook.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228740266%26amp;usg%3DAOvVaw1RuvwIYejl9C16aEx_CP8w&sa=D&source=docs&ust=1645230229029798&usg=AOvVaw20eVhLsS_VWXk4dYdH_FhE) a GREAT book and primer on design systems, highly recco
[https://www.designbetter.co/design-systems-handbook](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.designbetter.co/design-systems-handbook%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228740971%26amp;usg%3DAOvVaw1I2weq8EQrfiSs97SbbwAa&sa=D&source=docs&ust=1645230229029895&usg=AOvVaw3s8jo1WsxS4-XEAjKI3MhU) free book from InVision
[https://www.invisionapp.com/inside-design/guide-to-design-systems/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/guide-to-design-systems/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228741746%26amp;usg%3DAOvVaw0raspRTq4QPgdkWK8lYBpo&sa=D&source=docs&ust=1645230229030005&usg=AOvVaw1y2IwAzCaxNyYLUROQRkjA) another great resource from InVision
Atomic Web Design—[http://bradfrost.com/blog/post/atomic-web-design/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://bradfrost.com/blog/post/atomic-web-design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228742569%26amp;usg%3DAOvVaw2z0j_lMfnb_npeqx-F3cKW&sa=D&source=docs&ust=1645230229030105&usg=AOvVaw2cRVixWe2m4sGQ1QqHDEuO)
[https://zeroheight.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://zeroheight.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228743264%26amp;usg%3DAOvVaw1OC6EG0HBjXunHeeUEhpps&sa=D&source=docs&ust=1645230229030196&usg=AOvVaw3tP1pYimp9DKHzqmqGRIBv) design system tool that helps you build one
Good examples:
IBM Carbon—[https://www.carbondesignsystem.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.carbondesignsystem.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228744474%26amp;usg%3DAOvVaw0W0b9VMq3Kmq4-xIhB7xyv&sa=D&source=docs&ust=1645230229030332&usg=AOvVaw1ANp8hH-yhYrmEUiEixV49)
Salesforce—[https://www.lightningdesignsystem.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.lightningdesignsystem.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228745252%26amp;usg%3DAOvVaw02RVyzDzdrZFsbYVVFxNgz&sa=D&source=docs&ust=1645230229030421&usg=AOvVaw3Z0sEajNuv7dySvHM39p-1)
Atlassian—[https://atlassian.design/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://atlassian.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228746054%26amp;usg%3DAOvVaw0IUF1Ip6L0URjTucC8Etri&sa=D&source=docs&ust=1645230229030511&usg=AOvVaw3hTWMTyC-9UovwMTwBaNJ_)
Shopify Polaris—[https://polaris.shopify.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://polaris.shopify.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228746964%26amp;usg%3DAOvVaw34nb7g710w7binO05xZ5ZF&sa=D&source=docs&ust=1645230229030599&usg=AOvVaw3Qi49F8CoBxuatpDqjP1n-)
GOV.UK—[https://design-system.service.gov.uk/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://design-system.service.gov.uk/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228747888%26amp;usg%3DAOvVaw0i01N929lEHgY26aw4JUss&sa=D&source=docs&ust=1645230229030695&usg=AOvVaw2Ji1A0zUrb7XWjWt7mSJ64)
Google Material Design—[https://material.io/design/introduction/#](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://material.io/design/introduction/%2523%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228748658%26amp;usg%3DAOvVaw2uNSDPYZsTyDZf5pGIlxGO&sa=D&source=docs&ust=1645230229030789&usg=AOvVaw2-Id1TEhV-giLShEL6H13b)
Heroku Purple (not a design system, but good ex of UI kit)—[http://purple.herokuapp.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://purple.herokuapp.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228749513%26amp;usg%3DAOvVaw1WCc9XKreHcu483hp3Csu8&sa=D&source=docs&ust=1645230229030879&usg=AOvVaw3Y-8FWL0k_9TDPUW0IMlly)
Hudl Uniform (nice that they have 2 pathways upfront for design and dev)—[http://uniform.hudl.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://uniform.hudl.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228750151%26amp;usg%3DAOvVaw1JAGuJHVpGsqS1EUY_LTpv&sa=D&source=docs&ust=1645230229030967&usg=AOvVaw1QOO7f1AaNkScGDiflZLJ1)
# Brand / Style Guides
[https://www.canva.com/learn/50-meticulous-style-guides-every-startup-see-launching/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.canva.com/learn/50-meticulous-style-guides-every-startup-see-launching/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228751233%26amp;usg%3DAOvVaw3YJZ-jcB6upA0rzc5anTcw&sa=D&source=docs&ust=1645230229031116&usg=AOvVaw1ll9SCSSWlSi0A1H5HcVJI)
[http://styleguides.io/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://styleguides.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228752062%26amp;usg%3DAOvVaw3s_oRJCg2CpIjw5m8hPbbF&sa=D&source=docs&ust=1645230229031213&usg=AOvVaw0W0zh62Ucs9Ek91q9ElryD)—more UI/web style guide resource rather than brand
[https://www.smashingmagazine.com/2010/07/designing-style-guidelines-for-brands-and-websites/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.smashingmagazine.com/2010/07/designing-style-guidelines-for-brands-and-websites/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228752918%26amp;usg%3DAOvVaw3LnrLcecnAUHn6xkovuQMK&sa=D&source=docs&ust=1645230229031327&usg=AOvVaw1tGVXDdQgp0KrVJIaQAt9T)
[https://uxcellence.com/2017/design-systems-style-guides-pattern-libraries](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uxcellence.com/2017/design-systems-style-guides-pattern-libraries%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228753450%26amp;usg%3DAOvVaw2DExXqbARqilRA3lrFhQX_&sa=D&source=docs&ust=1645230229031431&usg=AOvVaw0_eGG4OmmSosXJp0hDmG7i) ★—very good breakdown of difference between design system, style guide, pattern library
create a copy style guide [https://blog.markgrowth.com/how-to-create-a-copy-style-guide-in-90-minutes-af1046c60aab](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://blog.markgrowth.com/how-to-create-a-copy-style-guide-in-90-minutes-af1046c60aab%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228754447%26amp;usg%3DAOvVaw1qrd5bBJ79x4q0dGLHELfy&sa=D&source=docs&ust=1645230229031682&usg=AOvVaw20fLpXEgnYdux4DuoJIT2b) ★
pure inspo [https://medium.muz.li/style-guide-inspirations-dfb77c4bb13b?_hsenc=p2ANqtz-9vtbelRX12veOWvZHA1xvBm17mO4nG5_AMettWaOWUkty69gYVb05rOjaEkZNsolAoC8W9yIhZPmMW9MMbYDNLIxY9Vw&_hsmi=26093373](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://medium.muz.li/style-guide-inspirations-dfb77c4bb13b?_hsenc%253Dp2ANqtz-9vtbelRX12veOWvZHA1xvBm17mO4nG5_AMettWaOWUkty69gYVb05rOjaEkZNsolAoC8W9yIhZPmMW9MMbYDNLIxY9Vw%2526_hsmi%253D26093373%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228756334%26amp;usg%3DAOvVaw3WImfNnsBYbIuEsgomI1fm&sa=D&source=docs&ust=1645230229031981&usg=AOvVaw2hJBwGpKd6KJgt2qCC29Nd)
lots of PDFs of brand identity style guide examples [https://www.logodesignlove.com/brand-identity-style-guides](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.logodesignlove.com/brand-identity-style-guides%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228757181%26amp;usg%3DAOvVaw0n7FoyGSKwkcEy37GamVCa&sa=D&source=docs&ust=1645230229032212&usg=AOvVaw0eLpn-0UNkJIgEmHu-z09x)
voice, tone + content guide [http://voiceandtoneguides.webflow.io/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://voiceandtoneguides.webflow.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228758181%26amp;usg%3DAOvVaw0hxalr-CK2KlsMw7bZOAqa&sa=D&source=docs&ust=1645230229032390&usg=AOvVaw1fHEAvPBAPnJLYkt13_wTf)
[https://styleguide.mailchimp.com/voice-and-tone/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://styleguide.mailchimp.com/voice-and-tone/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228758934%26amp;usg%3DAOvVaw2mxnyJcNTN33qY-0I4etAF&sa=D&source=docs&ust=1645230229032488&usg=AOvVaw2ursQcGaA5x8SE_nY5Hp5h)
# Living Style Guides
[https://frontify.com/styleguide](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://frontify.com/styleguide%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228760358%26amp;usg%3DAOvVaw25JDigVC0UdTB3PrBWJtjP&sa=D&source=docs&ust=1645230229032667&usg=AOvVaw35ghhUmlyCwaXzvdU6WB22)
[https://zeroheight.com/landing](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://zeroheight.com/landing%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228761229%26amp;usg%3DAOvVaw02Edz9QSH53rvElRWpGAlu&sa=D&source=docs&ust=1645230229032766&usg=AOvVaw3KEh7L_MhSkdSq7pdI6nTy)
# Wireframing / Prototyping
[http://principlerepo.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://principlerepo.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228762673%26amp;usg%3DAOvVaw0i2nuk0RFijmVf2M6ansAJ&sa=D&source=docs&ust=1645230229032938&usg=AOvVaw2VdSXISDl_5QNiH30fr9li)
[http://principletemplates.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://principletemplates.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228763123%26amp;usg%3DAOvVaw1t7FBG-o3s8HBtGHD65Enu&sa=D&source=docs&ust=1645230229033016&usg=AOvVaw3-7oviiNr1aj_6h4Yho6eF)
Articles:
[The modern web design process: creating sitemaps and wireframes](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://webflow.com/blog/the-modern-web-design-process-creating-sitemaps-and-wireframes%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228764088%26amp;usg%3DAOvVaw16VX-f_OY_Cn7KkH1AGZ5p&sa=D&source=docs&ust=1645230229033141&usg=AOvVaw2RhmS7k47wvGXlA-Iiw9cl) ★
[How to Create a Wireframe — A Beginner's Guide to Wireframing](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/how-to-wireframe/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228764869%26amp;usg%3DAOvVaw2bJT-t67taYmnorRax0mWV&sa=D&source=docs&ust=1645230229033248&usg=AOvVaw211rfEWQFNhl-T48lQfC8i)
[https://www.invisionapp.com/inside-design/search?q=wireframing](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/search?q%253Dwireframing%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228765558%26amp;usg%3DAOvVaw3dy7YDpJYTAgAoxOtW0eBe&sa=D&source=docs&ust=1645230229033350&usg=AOvVaw0QVDmezOEeZD0-b3E0wjce) [https://uxdesign.cc/wireframes-flows-personas-and-beautifully-crafted-ux-deliverables-for-your-inspiration-bb7a8d99af62](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://uxdesign.cc/wireframes-flows-personas-and-beautifully-crafted-ux-deliverables-for-your-inspiration-bb7a8d99af62%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228766295%26amp;usg%3DAOvVaw3nsQMJQ5Y-7AscINfm__ab&sa=D&source=docs&ust=1645230229033461&usg=AOvVaw192xvoFYNXY6RwzjOmFnku)
another good article on wireframing vs. prototyping and how they compare: [https://www.invisionapp.com/inside-design/wireframe-prototype-difference](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/wireframe-prototype-difference%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228767333%26amp;usg%3DAOvVaw1PcTp8g_KSVigCLIkYiPwa&sa=D&source=docs&ust=1645230229033671&usg=AOvVaw2tXjxniz062hb4EWx9Y_58) ★
# 3D/VR/AR
[https://www.3dfordesigners.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.3dfordesigners.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228768138%26amp;usg%3DAOvVaw10OwdNbUpK7yum7AJrroMx&sa=D&source=docs&ust=1645230229033814&usg=AOvVaw1CiNcGUn_I_vgP7YqI4swm)
[https://sketchfab.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://sketchfab.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228768592%26amp;usg%3DAOvVaw0vj8C9ROo6hSc5m0plH6ZN&sa=D&source=docs&ust=1645230229033898&usg=AOvVaw2Ig_5psfSXcFvAIO12dB4_)—free & paid 3d models
[http://threedscans.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://threedscans.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228769037%26amp;usg%3DAOvVaw3QR_zRD-8ZKvq9ynL3fIu8&sa=D&source=docs&ust=1645230229033992&usg=AOvVaw1k6h3cXKHBuO6ArPa1-XAN)—free 3D scans of various historic statues.
[Poly.google.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://poly.google.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228769459%26amp;usg%3DAOvVaw3TpC04FTm3qP3QAj0_MGiT&sa=D&source=docs&ust=1645230229034112&usg=AOvVaw00l7BlEwjtOZi1QI1UR3cM)—if you’re building for virtual and augmented reality, you need 3D objects for your apps. Poly lets you quickly find 3D objects and scenes for use in your apps, and it was built from the ground up with AR and VR development in mind.
🗣 Design Podcasts + Blogs
# Blogs
[https://www.designbetter.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.designbetter.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228770424%26amp;usg%3DAOvVaw266Y7QnqjcvXQ-_bMq820O&sa=D&source=docs&ust=1645230229034300&usg=AOvVaw3BAuK2A3qnuYo8MyqIvKun) ★
[https://www.underconsideration.com/brandnew/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.underconsideration.com/brandnew/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228770978%26amp;usg%3DAOvVaw05tp9ieos0TvVkJxSBphbp&sa=D&source=docs&ust=1645230229034397&usg=AOvVaw25rkdUop5ILGi1Tt0-IySE) ★—reviews brand identities
[https://www.itsnicethat.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.itsnicethat.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228771484%26amp;usg%3DAOvVaw2bmfS8ROaOgT-HeXSys8-f&sa=D&source=docs&ust=1645230229034495&usg=AOvVaw1ul68SffdzO0lCk4DHddWU) ★
[https://99u.adobe.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://99u.adobe.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228771953%26amp;usg%3DAOvVaw0wi8qZedQCLyL_m_LYO2lf&sa=D&source=docs&ust=1645230229034600&usg=AOvVaw07JNWU3ND0AkIpPJqYbWEU) ★
[https://eyeondesign.aiga.org/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://eyeondesign.aiga.org/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228772623%26amp;usg%3DAOvVaw32Gk_7BVha5PywfW2m0hAg&sa=D&source=docs&ust=1645230229034697&usg=AOvVaw2pE54UQXquEbrKxT9tmZ1t) ★
[https://thecreativeindependent.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://thecreativeindependent.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228773133%26amp;usg%3DAOvVaw2l86VOa01w6-md3IaOSMVx&sa=D&source=docs&ust=1645230229034797&usg=AOvVaw1SixIkcKF4eBfFhapK-bnp) ★
[https://www.vanschneider.com/blog](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.vanschneider.com/blog%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228773578%26amp;usg%3DAOvVaw1o8LQ8KpfUGidcyHRf-1Hk&sa=D&source=docs&ust=1645230229034894&usg=AOvVaw01G8ChtaCHropPcXQUI-MD)
[https://www.smashingmagazine.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.smashingmagazine.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228774038%26amp;usg%3DAOvVaw0uxh6KBwf0WrS6j0U_vPaC&sa=D&source=docs&ust=1645230229034980&usg=AOvVaw33E8TCxHpAtMW0gKEgRhWR)
[https://www.creativereview.co.uk/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.creativereview.co.uk/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228774464%26amp;usg%3DAOvVaw3InzT5Aa-xAMNenwKugM7Y&sa=D&source=docs&ust=1645230229035086&usg=AOvVaw3PhMIw4OIdPUHoXM4SHdTx)
[http://www.omglord.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.omglord.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228774878%26amp;usg%3DAOvVaw36p9ylnC2xbj2t584Rf8dX&sa=D&source=docs&ust=1645230229035181&usg=AOvVaw3GWGdoPk9MRGOC_5ly25wl)—includes resources + city guides
[https://www.designweek.co.uk/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.designweek.co.uk/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228775384%26amp;usg%3DAOvVaw0u4hnc5vc0MyszDze1y86p&sa=D&source=docs&ust=1645230229035277&usg=AOvVaw21kkITm7hZsoYWJUVEJ-U0)
[https://www.creativeboom.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.creativeboom.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228775881%26amp;usg%3DAOvVaw19CTFFRR0XzrjuJf-Z7fnw&sa=D&source=docs&ust=1645230229035364&usg=AOvVaw2Yth-bZly4jzHpT4Ack-4g)
[http://www.typeroom.eu/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.typeroom.eu/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228776325%26amp;usg%3DAOvVaw2LJYgc137QKKWfLszb2g5X&sa=D&source=docs&ust=1645230229035447&usg=AOvVaw3EwqQaR1HQKfKpmna9Dgrp)—typography galore
# More visual/design Inspiration Than Blog
[https://www.behance.net/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.behance.net/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228777071%26amp;usg%3DAOvVaw2O1RZ2Kwh9JpPDEZrbIBYY&sa=D&source=docs&ust=1645230229035598&usg=AOvVaw0An47DCy7KJPq7lS3CIo0w) ★
[https://fontsinuse.com/blog](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://fontsinuse.com/blog%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228777482%26amp;usg%3DAOvVaw1ZM9S-wlIEedJYiXokKn6z&sa=D&source=docs&ust=1645230229035699&usg=AOvVaw368lDJmP08lmxburH-dXCW) ★
[https://mindsparklemag.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://mindsparklemag.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228777968%26amp;usg%3DAOvVaw1VN0yN-fwQF0pFRT5UU4_R&sa=D&source=docs&ust=1645230229035805&usg=AOvVaw3pj65AoODU8vustY9WNwLq)
[http://www.baubauhaus.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.baubauhaus.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228778669%26amp;usg%3DAOvVaw1O3ram4uzLDaz9gZFl6sjw&sa=D&source=docs&ust=1645230229035891&usg=AOvVaw2drR0cbhLB43s9ZW--nCIT)
[http://www.visuelle.co.uk/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.visuelle.co.uk/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228779277%26amp;usg%3DAOvVaw3q3LUORABB4ijWCauEu7YA&sa=D&source=docs&ust=1645230229036384&usg=AOvVaw31KFq4MS2wIyRjUw-WsQYI)
# Podcasts 🎶
[Design Matters](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.designmattersmedia.com/designmatters%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228780122%26amp;usg%3DAOvVaw34U7a528EV0kzTXjM0vCSm&sa=D&source=docs&ust=1645230229036519&usg=AOvVaw0cPB_ZDCXO5xUkr2jP8Hp9) by Debbie Millman
[Nice To Meet You (NTMY) Show](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.vanschneider.com/show%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228780778%26amp;usg%3DAOvVaw3cdDztxo-hD9nvIRcCW8DF&sa=D&source=docs&ust=1645230229036621&usg=AOvVaw2Ciyi1UGutk2hGEXaklF1r) by Tobias Van Schneider
[Design Better](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.designbetter.co/podcast%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228781470%26amp;usg%3DAOvVaw2OI_g6nKnfJwjd9meBRcSK&sa=D&source=docs&ust=1645230229036723&usg=AOvVaw18NJDf0o4vv2NeLLcnquB5) by InVision
[Being Freelance](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.beingfreelance.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228782157%26amp;usg%3DAOvVaw2ZNXfBH7HVDetHlfu29mYS&sa=D&source=docs&ust=1645230229036816&usg=AOvVaw1QaAjHbeoWGAUGTGysvEjp) by Steve Folland
[Design Life](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.designlife.fm/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228782819%26amp;usg%3DAOvVaw3NwGS2jOCEz0Cgl_xB_E8p&sa=D&source=docs&ust=1645230229036910&usg=AOvVaw37S4BP6iZUDBoCBBERsiBb) by Femke Van Schoonhoven + Charli Prangley
[The Design of Business](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://designobserver.com/designofbusiness%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228783487%26amp;usg%3DAOvVaw3Czb5b97W_i5r2FcBZRcgm&sa=D&source=docs&ust=1645230229037008&usg=AOvVaw3cprkMvFYMU6CfcIwwuYsm) by Michael Beirut + Jessica Helfand
[Knowable](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://knowable.fyi/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228784121%26amp;usg%3DAOvVaw2owOXYRcuUeeKzpkQithvC&sa=D&source=docs&ust=1645230229037118&usg=AOvVaw3sjBi1hSHjYyk3bCSczNrD)—no design topics (yet) but cool concept
🎤 Design/Dev Conferences
# US 🇺🇸
[Adobe 99u](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://conference.99u.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228785989%26amp;usg%3DAOvVaw1I35vEVmGh1ymHy80c1ZWG&sa=D&source=docs&ust=1645230229037301&usg=AOvVaw3CZ6iaUaZlaFzedcIK494u)
[AIGA Design](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://designconference.aiga.org/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228786686%26amp;usg%3DAOvVaw0sSQpowcKzCjZk8H6hcwCM&sa=D&source=docs&ust=1645230229037385&usg=AOvVaw0eqBZDY-EASCpk2y6kGQpS)
[AIGA Eye on Design](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://eyeondesign.aiga.org/eye-on-design-events/conference/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228787445%26amp;usg%3DAOvVaw3bS5Kqk1vHH7vdPkGmPB4q&sa=D&source=docs&ust=1645230229037477&usg=AOvVaw2blUOp8qS8JVSBZ0c-BCbQ)
[Ueno.land](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://ueno.land/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228788121%26amp;usg%3DAOvVaw3T-ZG8gDs6PBe0U4GpXSFu&sa=D&source=docs&ust=1645230229037563&usg=AOvVaw2_xS6sa-STZeBj6Gkvb_9A)
[Likeminds](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.likeminds.camp/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228788769%26amp;usg%3DAOvVaw1HcsjNXrJ-wS1UFC_11teA&sa=D&source=docs&ust=1645230229037668&usg=AOvVaw3j7nfeXrYbaHfqfYVgTa5u)
# Europe
🇬🇧 [Birmingham Design Festival](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://birminghamdesignfestival.org.uk/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228790032%26amp;usg%3DAOvVaw0F4DAP1qtNpCvzNiO0DkTQ&sa=D&source=docs&ust=1645230229037805&usg=AOvVaw2WzQOiJcDKPVFZq38FXeM6)
🇸🇪 [Nordic.design](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://nordic.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228790729%26amp;usg%3DAOvVaw2WiiRJPWMcvLipjY6geMR9&sa=D&source=docs&ust=1645230229037889&usg=AOvVaw1QKUO6eM46mahUmYiik1Pa)
🇩🇰 [Design Matters](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://designmatters.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228791448%26amp;usg%3DAOvVaw1WvcsjtJLpoBogTydWVHI0&sa=D&source=docs&ust=1645230229037971&usg=AOvVaw3T5ts3PFaOQlW3rvoh79Q0)
🇪🇸 [OFFF Barcelona](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://offf.barcelona%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228792135%26amp;usg%3DAOvVaw0_wTzpWNFKl-272XBNyneB&sa=D&source=docs&ust=1645230229038055&usg=AOvVaw1giHe-ZSq8H903bB8r2EzS)
👨‍👩‍👧‍👦 People
[yesequal.us](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.yesequal.us/search/?_sft_specialties%253Dprogramming-dev%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228793526%26amp;usg%3DAOvVaw0gvgrifgFlwcQ5z3RTp50S&sa=D&source=docs&ust=1645230229038211&usg=AOvVaw2AWVRxEGJ81tSb0q3rCGGl)—women who code (and other industries!)
[https://blackswho.design/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://blackswho.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228794251%26amp;usg%3DAOvVaw3fUH1JetFlidiZ5e-SYNRU&sa=D&source=docs&ust=1645230229038314&usg=AOvVaw3wML0WcuT1RkRWZCkFIeL_)
[https://www.wherearethebossladies.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.wherearethebossladies.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228794945%26amp;usg%3DAOvVaw2G9YEHBczKy3HUXM-3IsA7&sa=D&source=docs&ust=1645230229038398&usg=AOvVaw3tE3OdS6GDpKoUqV_bJk6Q)
[https://womenwho.design/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://womenwho.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228795572%26amp;usg%3DAOvVaw1Rj_nMfKBCpzgW01pZ_xDk&sa=D&source=docs&ust=1645230229038481&usg=AOvVaw05sqxXoi1u9hFD8CdzleeM)
[http://www.womenwhodraw.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.womenwhodraw.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228796189%26amp;usg%3DAOvVaw30m0wZ2LsIzaf48m3G0kmR&sa=D&source=docs&ust=1645230229038572&usg=AOvVaw0Wxf9qMuyhPL4qDgBs7v6s)
[https://www.latinxswhodesign.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.latinxswhodesign.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228796840%26amp;usg%3DAOvVaw0LmEI49dNnWNDHHxF1B78k&sa=D&source=docs&ust=1645230229038666&usg=AOvVaw2B6bGZ9y0T6SQeIoLCP9W_)
[https://peopleofcraft.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://peopleofcraft.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228797411%26amp;usg%3DAOvVaw2q5_UxQ_FBdRus-Aix60lw&sa=D&source=docs&ust=1645230229038762&usg=AOvVaw2m3-O177lXTUeG029rVl4i)
[https://interfacelovers.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://interfacelovers.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228797884%26amp;usg%3DAOvVaw1Lo7ZkqeX5fHW-q3oS0Dvk&sa=D&source=docs&ust=1645230229038859&usg=AOvVaw2k8tYmw9US9gpSaEn1udTI)
[http://thestart.fm/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://thestart.fm/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228798420%26amp;usg%3DAOvVaw1cLdeOQvg6daRvqwPRBqVo&sa=D&source=docs&ust=1645230229038947&usg=AOvVaw2zQRCUUCJoVHqVwYQ_AYB2)
[http://www.punanimation.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://thestart.fm/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228798966%26amp;usg%3DAOvVaw0DQadSdC-3t9xOJU-u61DP&sa=D&source=docs&ust=1645230229039030&usg=AOvVaw0PLNTvrzGcR76rAcWwV9-3)
[https://www.freethebid.com/women-directors/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.freethebid.com/women-directors/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228799479%26amp;usg%3DAOvVaw1cQ2y2A6fhlc2wXlfLNDLk&sa=D&source=docs&ust=1645230229039121&usg=AOvVaw13psHW-XH5GHEqHbJlkGtD)—video industry
💼 Career / Freelancing
# Leadership
[How To Take Charge Of A UX Kickoff Meeting — Smashing Magazine](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.smashingmagazine.com/2016/04/how-to-take-charge-of-a-ux-kickoff-meeting/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228801077%26amp;usg%3DAOvVaw17aw12EhAQqRdFE3nyHvrT&sa=D&source=docs&ust=1645230229039345&usg=AOvVaw1aDRPG5QFB23dlWEMhHQ2r)
[The most important steps to becoming a great design leader](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/most-important-steps-becoming-great-design-leader/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228801701%26amp;usg%3DAOvVaw10ffSkd-wNCRG_M4kYaTwH&sa=D&source=docs&ust=1645230229039440&usg=AOvVaw1GOzOqeniez42wkU-h0q2p)
[How we approach 1:1s with the technical team at Playground Inc. and how you can too](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://medium.com/playgroundinc/how-we-approach-1-1s-with-the-technical-team-at-playground-inc-and-how-you-can-too-6de7b7f4ed4a%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228802496%26amp;usg%3DAOvVaw2uvU-j_5HaxZCspS_N84qV&sa=D&source=docs&ust=1645230229039565&usg=AOvVaw0IoCVYXwd0H8_uwWGvoCWB)
[https://staff.design/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://staff.design/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228803208%26amp;usg%3DAOvVaw3fm4eQReBQY4t6PlGkV8wr&sa=D&source=docs&ust=1645230229039674&usg=AOvVaw1lyBO8adWgMjMYNIgKPXRj)—collection of interview with designers exploring how product designers navigate the individual contributor (IC) path to its highest levels
# Career Coaching
[Practical Works — Leadership, Management and Organizational Consulting](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://practicalworks.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228804480%26amp;usg%3DAOvVaw0DeEzWOT11KOGbUAY8sAjx&sa=D&source=docs&ust=1645230229039870&usg=AOvVaw16lYMp3re3-fRBHeR2aac7)—Cap was my coach in 2019, but he is currently on a coaching hiatus
[Yuan Wang — Design Coach, Leader & Educator](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://yuanwang.design%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228805271%26amp;usg%3DAOvVaw3Q57G1veOOxyp8X80zHQIL&sa=D&source=docs&ust=1645230229039980&usg=AOvVaw0P2_GUlRrkpLjnvsDpsoMP)—my current coach in 2021
# Design Feedback
[https://open.buffer.com/how-to-give-receive-feedback-work/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://open.buffer.com/how-to-give-receive-feedback-work/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228806540%26amp;usg%3DAOvVaw3W_tBesNucNMiPnBCpJ_ac&sa=D&source=docs&ust=1645230229040125&usg=AOvVaw3pXcLMA3bxrGHpQUqc8Vh4) ★
[https://trydesignlab.com/blog/principles-for-giving-high-value-design-feedback-critique](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://trydesignlab.com/blog/principles-for-giving-high-value-design-feedback-critique%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228807141%26amp;usg%3DAOvVaw3EFHSdXNl35B7P5AWsQhNT&sa=D&source=docs&ust=1645230229040237&usg=AOvVaw3bqR16I_KMmyQj5II4Tr6L)
# Productivity
[https://www.noisli.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.noisli.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228808180%26amp;usg%3DAOvVaw18vgZbKuxZnG4kyJisJZtO&sa=D&source=docs&ust=1645230229040481&usg=AOvVaw0CtHQH-YSWHfW4o8Rug8wK)
[https://blog.doist.com/the-ultimate-guide-to-personal-productivity-methods-eef50340f575](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://blog.doist.com/the-ultimate-guide-to-personal-productivity-methods-eef50340f575%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228808772%26amp;usg%3DAOvVaw3Cy00goWs8Ve5GQ-7YbndI&sa=D&source=docs&ust=1645230229040653&usg=AOvVaw38Xip_sIRj7qcswg8BuBBY)
# Side Projects
[https://www.sideprojectchecklist.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.sideprojectchecklist.com/marketing-checklist/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228809665%26amp;usg%3DAOvVaw1QdCpivAxiLewMV4X9ZP18&sa=D&source=docs&ust=1645230229040901&usg=AOvVaw0S6sr5FDmotZ8Uk1AWmrtV) ★
[https://www.designlife.fm/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.designlife.fm/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228810209%26amp;usg%3DAOvVaw00rSs11PbRzfbJUb5n-Cep&sa=D&source=docs&ust=1645230229041076&usg=AOvVaw19ee9CerbJi6ubVKECsv31)
# Public Speaking
[https://99u.adobe.com/articles/59009/public-speaking-is-terrifying-6-ways-to-deliver-like-a-pro](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://99u.adobe.com/articles/59009/public-speaking-is-terrifying-6-ways-to-deliver-like-a-pro%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228811464%26amp;usg%3DAOvVaw2_4Ah7QXRLh39EsAM9vY0Z&sa=D&source=docs&ust=1645230229041253&usg=AOvVaw1kY0qA_VvsTN5EjL4r1uh1)
# Remote Jobs
[https://www.remoteonly.org/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.remoteonly.org/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228812370%26amp;usg%3DAOvVaw3j0r4RF6gpbvMik6TDB9Pn&sa=D&source=docs&ust=1645230229041383&usg=AOvVaw2--zdEOm8WbLUYfDiVYVfy)
[https://weworkremotely.com/categories/remote-design-jobs](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://weworkremotely.com/categories/remote-design-jobs%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228813140%26amp;usg%3DAOvVaw1em6IOe9DKuPT9TEhv7wUv&sa=D&source=docs&ust=1645230229041470&usg=AOvVaw3VKfbScnSEu7m6v4b1SMOF)
[https://automattic.design/2018/03/07/remote-work-and-remote-designers/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://automattic.design/2018/03/07/remote-work-and-remote-designers/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228813909%26amp;usg%3DAOvVaw2c3ykla-p09cojKWKG7BY0&sa=D&source=docs&ust=1645230229041560&usg=AOvVaw0JTYtMsRny9apJ5tgBzI8h)
[https://trello.com/b/GYBwezNe/design-remote-companies](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://trello.com/b/GYBwezNe/design-remote-companies%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228814489%26amp;usg%3DAOvVaw0j3qq37LGTaLGLfsofGruj&sa=D&source=docs&ust=1645230229041660&usg=AOvVaw3ntq_Cqs3b-ayGA5rI6lnH)—made by [Josh Olsen](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.josholsen.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228814951%26amp;usg%3DAOvVaw3i47kIFza4JS2-LlakhKsV&sa=D&source=docs&ust=1645230229041742&usg=AOvVaw1jgi-r_HNJWxTVJ0npUhrT)
# Hiring
[https://www.hiremorewomenintech.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.hiremorewomenintech.com/%2525E2%25259C%2525A9%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228815942%26amp;usg%3DAOvVaw03cgu5GCBECffuJ4tEcxCO&sa=D&source=docs&ust=1645230229041869&usg=AOvVaw0OK5KK4LX96uEn9UIbiipW) ★—a great resource for hiring to create a diverse and inclusive environment
# Startups
[http://designforstartup.net](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://designforstartup.net/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228816724%26amp;usg%3DAOvVaw23vUONh4khBXkoM32uBhxB&sa=D&source=docs&ust=1645230229042020&usg=AOvVaw0ppLswdZpKb6KTbRWZh7K1) ★
[https://www.startups.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.startups.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228817373%26amp;usg%3DAOvVaw0xKXYn97FJ_XROL6PfcYfO&sa=D&source=docs&ust=1645230229042120&usg=AOvVaw0qW2-6bOrq9el7jsk9_ALg)
[https://mix.com/gc/startup-tools](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://mix.com/gc/startup-tools%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228817978%26amp;usg%3DAOvVaw1SMfM-7hhQkw9wSAoYGAz9&sa=D&source=docs&ust=1645230229042217&usg=AOvVaw36a5CeK4Qt3wGojPdZYLB2)
# Stock / Equity
[https://github.com/clef/handbook/blob/master/Hiring%20Documents/Guide%20to%20Your%20Equity.md](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://github.com/clef/handbook/blob/master/Hiring%252520Documents/Guide%252520to%252520Your%252520Equity.md%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228819202%26amp;usg%3DAOvVaw3gic4aw3Z-MSRS3-Hzpk9N&sa=D&source=docs&ust=1645230229042362&usg=AOvVaw3xiCkMG_PkIkskqJDWVpmn)
[https://avc.com/2019/08/employee-equity-how-much-2/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://avc.com/2019/08/employee-equity-how-much-2/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228819874%26amp;usg%3DAOvVaw2rWERsKsYmEQRqmwk1Nhgs&sa=D&source=docs&ust=1645230229042464&usg=AOvVaw0XPeFJALaxRLocg98jYV8y)
[https://blog.ycombinator.com/a-guide-to-employee-equity/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://blog.ycombinator.com/a-guide-to-employee-equity/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228820517%26amp;usg%3DAOvVaw2WL_StbEy4peI-i4uNBXe2&sa=D&source=docs&ust=1645230229042560&usg=AOvVaw292K-GZNZ-FsDS8qH1GJEf)
[https://medium.com/swlh/a-no-b-s-guide-to-startup-stock-option-grants-526a8bc33c2b](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://medium.com/swlh/a-no-b-s-guide-to-startup-stock-option-grants-526a8bc33c2b%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228821148%26amp;usg%3DAOvVaw3HACuq9-dfsf0O_WPAqeeu&sa=D&source=docs&ust=1645230229042674&usg=AOvVaw2hWl3XBZVU43SwYJw0JonQ)
# Salary / Rates / Negotiation #money
[Ladies Get Paid community](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.ladiesgetpaid.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228822088%26amp;usg%3DAOvVaw2NfnLxNmPSVdGRMj01HvEX&sa=D&source=docs&ust=1645230229042838&usg=AOvVaw0nhvl-Obx_3uCcBzcMKok_) ★
[Ladies Get Paid podcast](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://soundcloud.com/user-866073407%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228822577%26amp;usg%3DAOvVaw0ptm-oDvHvrOsr1cxGGLWm&sa=D&source=docs&ust=1645230229042934&usg=AOvVaw10EGLtrn_MokE_Y3N4wVgZ) ★
[http://askforit.co/blog/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://askforit.co/blog/-%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228823208%26amp;usg%3DAOvVaw0WcH0jYTJjYpQZld0QI7OJ&sa=D&source=docs&ust=1645230229043037&usg=AOvVaw3VPhkZz2raCCscoKfmmX-l)—negotiation articles + coach
[http://thenuschool.com/how-much/#/start](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://thenuschool.com/how-much/%2523/start%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228823811%26amp;usg%3DAOvVaw1n798wnWst7-ve2C75bNMN&sa=D&source=docs&ust=1645230229043152&usg=AOvVaw1TaRVkq-dG5PSHJDSA9Fyn)
[https://www.invisionapp.com/inside-design/freelancer-rates/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/freelancer-rates/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228824358%26amp;usg%3DAOvVaw3YOm0U1iMgenviDgBwm9VO&sa=D&source=docs&ust=1645230229043243&usg=AOvVaw0FONOejMT0bhYtQlCiKRHW)
[https://buffer.com/salary/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://buffer.com/salary/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228824993%26amp;usg%3DAOvVaw0zwh32J05CzKmT7vtrzyfE&sa=D&source=docs&ust=1645230229043346&usg=AOvVaw3ksx-MfmBHHrtBxIgA2NAz)
[http://designsalaries.aiga.org/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://designsalaries.aiga.org/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228825654%26amp;usg%3DAOvVaw25mqllDq0Xk5sWGVje3zMq&sa=D&source=docs&ust=1645230229043432&usg=AOvVaw20DZhrKWAKNirGE_yMo5dz)
[https://www.hellobonsai.com/freelance-rates](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.hellobonsai.com/freelance-rates%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228826212%26amp;usg%3DAOvVaw1pxUVKv9kYnSiaI28FX7Yo&sa=D&source=docs&ust=1645230229043517&usg=AOvVaw12r44HMZ5qh_JuJVokL1k-)
[https://designagency.io](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://designagency.io%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228826822%26amp;usg%3DAOvVaw0_YS_ypWjseiiAhRVQOxGw&sa=D&source=docs&ust=1645230229043607&usg=AOvVaw1IPajpCD4kr1-XWktIn0Yl) ★
Videos:
[2011/03 Mike Monteiro | F*ck You. Pay Me.](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://vimeo.com/22053820%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228827713%26amp;usg%3DAOvVaw0j5rD21dW2KknNw9r4BbAZ&sa=D&source=docs&ust=1645230229043825&usg=AOvVaw1P2qLhtKUw3z-jx74PjkOx)
Books:
[The 30-Day Money Cleanse](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.amazon.com/gp/product/1492665363/ref%253Dppx_yo_dt_b_asin_title_o04__o00_s00?ie%253DUTF8%2526psc%253D1%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228828509%26amp;usg%3DAOvVaw0v6vgd9HHyByfCqe1brZls&sa=D&source=docs&ust=1645230229044054&usg=AOvVaw14gHj3VZ4rddTgT9ItBKb5) by Ashley Feinstein Gerstley
[Broke Millennial](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.amazon.com/gp/product/0143130404/ref%253Dppx_yo_dt_b_asin_title_o04__o00_s00?ie%253DUTF8%2526psc%253D1%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228829093%26amp;usg%3DAOvVaw0jzCELuXzU0XYclgU5Ak9X&sa=D&source=docs&ust=1645230229044233&usg=AOvVaw29B8fOAAjqKwH2u4G-kXpL) by Erin Lowry
[Broke Millennial Takes On Investing](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.amazon.com/gp/product/0143133640/ref%253Dppx_yo_dt_b_asin_title_o04__o00_s01?ie%253DUTF8%2526psc%253D1%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228829513%26amp;usg%3DAOvVaw1YAE4BRSAqKEqtkAo1DxuI&sa=D&source=docs&ust=1645230229044346&usg=AOvVaw1EE9UhZgTsQ-FNzCjJXOra) (Pre-order) by Erin Lowry
[The Financial Diet](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.amazon.com/gp/product/1250176166/ref%253Dppx_yo_dt_b_asin_title_o04__o00_s00?ie%253DUTF8%2526psc%253D1%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228830170%26amp;usg%3DAOvVaw0I8LjjbTtvrWMvxHMrOu1j&sa=D&source=docs&ust=1645230229044482&usg=AOvVaw1C4XvEMFXA9RMgYctxcIK9) by Chelsea Fagan
Articles:
[Everything I learned about negotiating and getting money in 2017](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://medium.com/@milanmoffatt/everything-i-learned-about-negotiating-and-getting-money-in-2017-df40a01eb170%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228831553%26amp;usg%3DAOvVaw0Klx5CNoTLQwIQqKqGhi4h&sa=D&source=docs&ust=1645230229044694&usg=AOvVaw3UJ8nrPNjCFFJpnJK5eNO1) ★—my article on negotation
[https://blog.freelancersunion.org/2013/11/08/what-do-when-client-doesnt-pay-10-rules-live/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://blog.freelancersunion.org/2013/11/08/what-do-when-client-doesnt-pay-10-rules-live/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228832453%26amp;usg%3DAOvVaw2tfG4gYyPbt8AO4I7FD7-Z&sa=D&source=docs&ust=1645230229044853&usg=AOvVaw1uV7r17BpeofxHRMGwf3mR) ★
[You asked: Negotiating a raise + how to handle hating work](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/negotiate-raise%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228833223%26amp;usg%3DAOvVaw2UZJAVnI5LA1ruDi2CkS-K&sa=D&source=docs&ust=1645230229044966&usg=AOvVaw30xdpIDtMviIKCy91tznux) ★
[https://www.nytimes.com/2018/08/10/smarter-living/how-to-negotiate-salary.html](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/freelancer-rates/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228833934%26amp;usg%3DAOvVaw2oZHXwrVoCMNOO3M-zKMpm&sa=D&source=docs&ust=1645230229045073&usg=AOvVaw3fphI2Cig502xkUQFPqG2L) ★
[Self-Employed and Taxes, Deductions for Health, Retirement](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.efile.com/self-employed-independent-contractor-income-estimated-taxes/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228834661%26amp;usg%3DAOvVaw3lHM-7qj2eajTlqMG3rumg&sa=D&source=docs&ust=1645230229045185&usg=AOvVaw1gpsPN5mRzTxSpPCn8Wb2-)
[Contract Creator — Freelancers Union](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.freelancersunion.org/contract/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228835321%26amp;usg%3DAOvVaw0NmrhzXQmASIh4USwzlczv&sa=D&source=docs&ust=1645230229045297&usg=AOvVaw2SFbdm33LL59khr0yBdVXV) ★
# Contract
ALWAYS USE A CONTRACT. I repeat, DO NOT WORK WITHOUT A CONTRACT. Even if it’s a “quick gig” or project for a friend. After your first call where you gather the project overview and objectives, send a proposal outlining the scope of the project (what you will do, in X amount of time). Sometimes they’ll give you a strict timeline—in that case, tell them what you will accomplish in that timeframe and lay it out on a timeline. Get them to agree to it in writing, and then send them a contract. Sometimes, I send the proposal and contract together. Whenever possible, get 50% payment upfront.
🧠 Most important tips I learned while freelancing:
* Define scope upfront: decide what this project will and—v important—will NOT include.
* Any requests outside of scope should be charged at your hourly rate. Avoid scope creep, and stand your ground on only doing work that is within scope—otherwise you could have a never ending, dragged out project that lasts 8 months when you thought it would only take 1-2 🙃
* Double the time you think it’ll take. Triple your rate. If they push back on your rate/project fee, it’s a good thing. You can always reduce the scope of work to fit their budget, but don’t reduce your rate—it could come off like you don’t value your own services and your worth.
* Ask other designers doing similar work how much they charge. You’re probably not asking for enough 🤑
I usually send a Proposal and Scope of Work (SOW)—if you plan on working with the client again in the future, you can send a Master Services Agreement (MSA) and a new SOW per project.
# Documents
[https://billdogg.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://billdogg.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228839958%26amp;usg%3DAOvVaw2hziX_mA84242X5G4I0ptF&sa=D&source=docs&ust=1645230229045861&usg=AOvVaw3bfaxbHQUraSbpvWkBibMd)
[https://www.inly.io/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.inly.io/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228840779%26amp;usg%3DAOvVaw09zjPzbrsJJkNq9ZpiKFJ2&sa=D&source=docs&ust=1645230229045985&usg=AOvVaw0m8t_tb2BPttBY5e5Z5cI0)
[https://www.holabrief.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.holabrief.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228841446%26amp;usg%3DAOvVaw14cEAXgG_7g4RxaR6TSX6r&sa=D&source=docs&ust=1645230229046146&usg=AOvVaw1xU3w_6Ckwau02feUnCnHK)
[https://www.aiga.org/standard-agreement](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.aiga.org/standard-agreement%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228842161%26amp;usg%3DAOvVaw1xdqZorCuikIwtVp0HrmLR&sa=D&source=docs&ust=1645230229046307&usg=AOvVaw0H2Yd7CyVPik9K7V5q9P9L) ★
[http://jessicahische.is/helpingyouanswer](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://jessicahische.is/helpingyouanswer%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228842807%26amp;usg%3DAOvVaw3I2oDd528WUTN0ClZCH9R4&sa=D&source=docs&ust=1645230229046421&usg=AOvVaw2-2VdzOc7pEkeVbsJWdRrC) ★
[https://folyo.me/rfps/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://folyo.me/rfps/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228843374%26amp;usg%3DAOvVaw19dI2ZE-OLOxd9v9dfrUCT&sa=D&source=docs&ust=1645230229046518&usg=AOvVaw3MizmUTa1xL7EJANR6Em8q) ★
[https://www.invisionapp.com/inside-design/how-to-write-a-proposal](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/how-to-write-a-proposal/?utm_campaign%253DWeekly%2525252520Digest%2526utm_source%253Dhs_email%2526utm_medium%253Demail%2526utm_content%253D54822633%2526_hsenc%253Dp2ANqtz-_514Fn5gsqA7kfIGd-Q2s9RzfJp8wSE6TL0PFvwNMtETPqAaceeX_4qbnN7mHuhmVxjSgApdgPJmS3sF4kqMwQ8mzXVA%2526_hsmi%253D54823329%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228844313%26amp;usg%3DAOvVaw3biQx9my-JU_IRINsyO72w&sa=D&source=docs&ust=1645230229046648&usg=AOvVaw2312Q9EmhVawtBnBGHF8dE) ★
[http://www.shakelaw.com/legal-info/freelancehire-agreements/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.shakelaw.com/legal-info/freelancehire-agreements/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228845090%26amp;usg%3DAOvVaw1HGZN8uuZJYf1SENXdMqtH&sa=D&source=docs&ust=1645230229046770&usg=AOvVaw2R_TNdVAA7ZFP8jqMwQnD9)
# Freelancing / Making a Portfolio / Getting a Job / Running a Business
[https://thecreativeindependent.com/guides/how-to-start-a-new-business/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://thecreativeindependent.com/guides/how-to-start-a-new-business/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228846310%26amp;usg%3DAOvVaw3KTg6AOI9-OAnamIankyBB&sa=D&source=docs&ust=1645230229046929&usg=AOvVaw1nCZs4eg2cyiIPT2EymbGc)
[https://thecreativeindependent.com/guides/how-to-make-a-website-for-your-creative-work/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://thecreativeindependent.com/guides/how-to-make-a-website-for-your-creative-work/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228847191%26amp;usg%3DAOvVaw318aFUmBmEuuKO3mm80xSs&sa=D&source=docs&ust=1645230229047036&usg=AOvVaw3e6IOkiwAcj4zYNMrMAuoY)
[https://www.invisionapp.com/inside-design/launch-freelance-career/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/launch-freelance-career/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228847969%26amp;usg%3DAOvVaw0hONQCDas2AgYeYMyg19dG&sa=D&source=docs&ust=1645230229047148&usg=AOvVaw0l--OcsLM3WuokNeSzoNsz)
[https://workingnotworking.com/magazine/2018/6/28/how-not-to-get-a-job-in-the-creative-industry-part-1-the-portfolio](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://workingnotworking.com/magazine/2018/6/28/how-not-to-get-a-job-in-the-creative-industry-part-1-the-portfolio%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228848881%26amp;usg%3DAOvVaw2xYjV7UbdrtMcSQNYyF3WK&sa=D&source=docs&ust=1645230229047313&usg=AOvVaw1-LxKQ3xIYbQox1_G8Wxnr)
[https://workingnotworking.com/magazine/2018/8/5/how-not-to-get-a-job-in-the-creative-industry-part-2-the-work](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://workingnotworking.com/magazine/2018/8/5/how-not-to-get-a-job-in-the-creative-industry-part-2-the-work%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228849604%26amp;usg%3DAOvVaw1UTZRs4LEYBLH3gbCFL_x3&sa=D&source=docs&ust=1645230229047434&usg=AOvVaw1BinTfJJSojOEaZZdwsj95)
[https://workingnotworking.com/magazine/2018/10/23/how-not-to-get-a-job-in-the-creative-industry-part-3-the-interview](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://workingnotworking.com/magazine/2018/10/23/how-not-to-get-a-job-in-the-creative-industry-part-3-the-interview%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228850396%26amp;usg%3DAOvVaw0KeLfbb3oC8n2H0Gy9ZiXw&sa=D&source=docs&ust=1645230229047545&usg=AOvVaw3ec9SennhPDIkRyjYv2dml)
[https://cushionapp.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://cushionapp.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228851071%26amp;usg%3DAOvVaw1oqQnqX1Qnz3yEDKAXqmFo&sa=D&source=docs&ust=1645230229047657&usg=AOvVaw2UIWQ4QfdEM-9VBjRUtzGy)—freelancing app
[https://stripe.com/atlas/guides](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://stripe.com/atlas/guides%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228851778%26amp;usg%3DAOvVaw3Zu_y2WCLnmxi41PNXK8fk&sa=D&source=docs&ust=1645230229047793&usg=AOvVaw3mLQqN2C7IARZNd0C-SMpY) ★
[https://worknotes.co.uk/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://worknotes.co.uk/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228852464%26amp;usg%3DAOvVaw3EW8J9_eC5KP3PBjX6KaMS&sa=D&source=docs&ust=1645230229047912&usg=AOvVaw3evBeTHxLf1JWcDa8dNPuY)
[https://www.are.na/carly-ayres/resources-for-design-job-seekers](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.are.na/carly-ayres/resources-for-design-job-seekers%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228853249%26amp;usg%3DAOvVaw3kliNaPJ3wN-glt3Tpl1Ki&sa=D&source=docs&ust=1645230229048033&usg=AOvVaw20DYdkZEXFmdLBxbtXrxbK) ★—mega resource!
[https://www.greig.cc/8-questions-to-ask-a-client-before-designing-their-website/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.greig.cc/8-questions-to-ask-a-client-before-designing-their-website/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228854065%26amp;usg%3DAOvVaw320k95iARmh5Qc7PT8dpOl&sa=D&source=docs&ust=1645230229048157&usg=AOvVaw3MZvZilPkLJIylffQHlZFT)—great blog in general
# Lawyers
[https://klukfarber.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://klukfarber.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228855370%26amp;usg%3DAOvVaw3ZVyoxh3DgHDjB04pj3a8d&sa=D&source=docs&ust=1645230229048411&usg=AOvVaw3nwnHVmWbhzP4a3ImQR13U)—freelance/small biz lawyer
# Accountants
[https://www.sargentpc.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.sargentpc.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228856676%26amp;usg%3DAOvVaw3mIGoxmRzPAoMXppiX1jJz&sa=D&source=docs&ust=1645230229048693&usg=AOvVaw26zpdxUuh1gy9ck-csoS2i)—NYC-based
# Design Portfolio Tips
[https://www.invisionapp.com/inside-design/things-avoid-building-design-portfolio/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.invisionapp.com/inside-design/things-avoid-building-design-portfolio/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228857826%26amp;usg%3DAOvVaw3lNwSk97lCPDUbpKFWoMi0&sa=D&source=docs&ust=1645230229048902&usg=AOvVaw2AXdh-EfV2-Z0-49pkRy0P)
[https://blog.prototypr.io/how-i-built-my-design-portfolio-from-scratch-c9a44ec079a5](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://blog.prototypr.io/how-i-built-my-design-portfolio-from-scratch-c9a44ec079a5%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228858383%26amp;usg%3DAOvVaw1nJ3BBoOGSbFyDSB-kiEj-&sa=D&source=docs&ust=1645230229049031&usg=AOvVaw3Vp_9WVLcDzFjspnKIjcfv)
[https://www.vanschneider.com/leading-companies-never-want-see-portfolio](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.vanschneider.com/leading-companies-never-want-see-portfolio%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228858895%26amp;usg%3DAOvVaw3Bh3AnVuXQdYR7X1vOtbyk&sa=D&source=docs&ust=1645230229049205&usg=AOvVaw28XY7USiG0oULC96XLcAs3)
[https://www.casestudy.club/journal/ux-designer-resume](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.casestudy.club/journal/ux-designer-resume%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228859518%26amp;usg%3DAOvVaw1G2TfWDZ30R4-aGvMXQKkm&sa=D&source=docs&ust=1645230229049383&usg=AOvVaw0z3RMznHK4gNL2mnLxbZDE) ★
# Applying for Developer Jobs
[https://dev.to/emmawedekind/decoding-the-front-end-interview-process-14dl](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://dev.to/emmawedekind/decoding-the-front-end-interview-process-14dl%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228860924%26amp;usg%3DAOvVaw163iaC7soi-8JbOc_VRsoP&sa=D&source=docs&ust=1645230229049663&usg=AOvVaw3VP-n2XA4dwK5DJvTuTdNU)
# What it’s Like to Work at…
[https://airbnb.design/first-day-to-first-launch/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://airbnb.design/first-day-to-first-launch/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228862216%26amp;usg%3DAOvVaw1JyIqxArafkUwuDMKpOu5X&sa=D&source=docs&ust=1645230229049922&usg=AOvVaw2iJ8mPBZN5Cl2ccMwSW-g4)
# Writing a Bio
🚫a UX Designer with a desire to empower users through emphatic storytelling & intuitive design.
🚫Designer with a passion for all things visual.
🚫I make beautiful, intuitive pixel-perfect user interfaces
Tip #1: How can you make your bio uniquely yours? Bios can be one of the toughest things to write, but spending time making yours unique is worth it. I’ve given feedback on hundreds of portfolios in the past couple years, and see the same bios over and over. The same buzzwords: passion, empathetic, storytelling, empower users, intuitive, clean, delightful experiences, etc.
Tip #2: Important! Make sure you call yourself what you want to be hired for. Unless your work is wildly irrelevant, people that come to your portfolio will see what you call yourself and will take your word for it. It’s their first impression of you. I almost always encourage designers to drop “Junior” in front of their title on their portfolio. Just say Designer.
Check out [http://designerbios.tumblr.com](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://designerbios.tumblr.com%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228864591%26amp;usg%3DAOvVaw0jcJvJEzbDBSMiPhJ8RRG5&sa=D&source=docs&ust=1645230229050351&usg=AOvVaw0wZb__DsgjC-S66dSytMOm)—idk if it’s being facetious and making fun of how pretentious designer bios can be, but it is interesting to see them all in one place!
🌈 Diversity, Inclusion & Belonging
I need more resources here e.g. LGBTQIA+ communities and resources, design perspectives of the underrepresented…if you have suggestions, please email me [milanmoffatt@gmail.com](mailto:milanmoffatt@gmail.com) !
[http://projectinclude.org/recommendations](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://projectinclude.org/recommendations/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228867091%26amp;usg%3DAOvVaw2fEjMOvjeN_-dNdYjh9Pcl&sa=D&source=docs&ust=1645230229050635&usg=AOvVaw2V7HM1-nbbicwmKY4ab1V1) ★
[https://www.hiremorewomenintech.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.hiremorewomenintech.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228867896%26amp;usg%3DAOvVaw3LkKFtvA5ChapXMOw_B2jB&sa=D&source=docs&ust=1645230229050746&usg=AOvVaw04Dum_BRPKe-8rnj-vIYaf) ★
[https://app.simplenote.com/publish/jyWxbY](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://app.simplenote.com/publish/jyWxbY%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228868555%26amp;usg%3DAOvVaw0NoDF8maKPXWNNUHnG6klf&sa=D&source=docs&ust=1645230229050848&usg=AOvVaw22lPuABsUdDdfXcpq0gxnO)—Diversity and inclusion reading list
[Design Books by Womxn & People of Color](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://t.co/z8ZdBN5g8K%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228869018%26amp;usg%3DAOvVaw2JEfV_HyfTljV2UdTkapO_&sa=D&source=docs&ust=1645230229050951&usg=AOvVaw00JX2pPErQbRKqQJ-q_BO6)
[Decentering Whiteness in Design History Resources](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://bit.ly/decentering%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228869485%26amp;usg%3DAOvVaw0AEeVpnpfVwWSqfgOAFqiU&sa=D&source=docs&ust=1645230229051064&usg=AOvVaw2jVB5MC2_wQYp-YD0bMVZ9)
🖤 BLM
# Directories
[https://blacklivesmatters.carrd.co/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://blacklivesmatters.carrd.co/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228871001%26amp;usg%3DAOvVaw0OGzFBpia_n1iSwDLii4T7&sa=D&source=docs&ust=1645230229051254&usg=AOvVaw1_g36I5nyFmBWc0NnNfhII)
[https://www.theradicaldatabase.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.theradicaldatabase.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228871759%26amp;usg%3DAOvVaw2xOted6QrBX2onpd1asNvm&sa=D&source=docs&ust=1645230229051345&usg=AOvVaw3oj5Cf2b5j4CZGcPZ550LW)
[BLM Resources](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://docs.google.com/document/u/0/d/13O7yipKHeIF2-QJ_K9IKIdLQAlN8NgEOF62qQjUjEVM/mobilebasic%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228872520%26amp;usg%3DAOvVaw2sy5N5T9SVE8arWI1dXWJm&sa=D&source=docs&ust=1645230229051439&usg=AOvVaw1qaPA31WvYwisbFdm_p1x6)
[A Growing List of Resources for the Movement for Black Lives](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://eyeondesign.aiga.org/a-growing-black-lives-matter-resource-list-for-designers-and-humans/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228873277%26amp;usg%3DAOvVaw2MlC71SBCMmXaWeXjpVBql&sa=D&source=docs&ust=1645230229051543&usg=AOvVaw0Y4siWYDr6VFbfaWkJPu_G)—from AIGA Eye on Design. Esp. helpful for designers. Includes a list of activists to follow on social too.
# For non-Black Folks
[Anti-racism resources for white people](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://docs.google.com/document/u/0/d/1BRlF2_zhNe86SGgHa6-VlBO-QgirITwCTugSfKie5Fs/mobilebasic?fbclid%253DIwAR0e2clPhNWEyNbIYklfGYzxHI6JqgEGS5Boa9Du5dqitB4hj0uOUYpKqHI%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228874526%26amp;usg%3DAOvVaw242GzArpmqKzO1kTV7nTDG&sa=D&source=docs&ust=1645230229051730&usg=AOvVaw31X6IRyhdGS-elipfKOZJw)
[The Guide to Allyship](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://guidetoallyship.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228875140%26amp;usg%3DAOvVaw0LMX3dO2luQdpzyR5e8veG&sa=D&source=docs&ust=1645230229051829&usg=AOvVaw1K1TyDGcEDRq4OJ0yuZZbd)—open source guide from Amélie Lamont
[A Guide to Allyship (5/28/2020)](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://docs.google.com/document/d/1CIfMQED_B444Y-K8kAqUOgq8xrSFdSrjFBRnyK6wmz4/edit%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228875887%26amp;usg%3DAOvVaw2R3yLhw5CBgIUR33PPoiO5&sa=D&source=docs&ust=1645230229051941&usg=AOvVaw1YBOTXK-xl1uu4-NlM0z2z)
[10 Steps to Non-Optical Allyship](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/p/CA04VKDAyjb/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228876492%26amp;usg%3DAOvVaw0QJ4ivjyINl7ciVdXgdIHh&sa=D&source=docs&ust=1645230229052036&usg=AOvVaw1VqjPAhPS9YlDZrR73dWF9)—by [@mireillecharper](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/mireillecharper/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228876921%26amp;usg%3DAOvVaw1s9JD8Jt4mUMrUL3GOiVD9&sa=D&source=docs&ust=1645230229052116&usg=AOvVaw3HNwdDPvNJ612OGc0SHj9w) (follow her!)
# Reading
# 📚I’ve Been Reading [So You Want To Talk About Race](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.ijeomaoluo.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228878020%26amp;usg%3DAOvVaw2RZtntAcYUHqbaJIsk5rEQ&sa=D&source=docs&ust=1645230229052262&usg=AOvVaw3VWAAIDCecFHFvNZ_-XTCI) by Ijeoma Oluo and [Me and White Supremacy](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.meandwhitesupremacybook.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228878472%26amp;usg%3DAOvVaw0xxepGBtKM668WU3JUWkNY&sa=D&source=docs&ust=1645230229052339&usg=AOvVaw27M_hmctszfA_lKdhOaCOo) by Layla F. Saad. They’ve Been Really Helpful to Me, Check Them Out! Up Next is [White Fragility](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.indiebound.org/book/9780807047415%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228878966%26amp;usg%3DAOvVaw0A7puoB3i5xu2MOidexWLO&sa=D&source=docs&ust=1645230229052422&usg=AOvVaw0bOIbPmRnJuA1K2_P0uN6R) by Robin DiAngelo
# Newsletters
[https://www.antiracismdaily.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.antiracismdaily.com/?utm_source%253Dnewsletter%2526utm_medium%253Demail%2526utm_campaign%253Dsubscribe%2526utm_source%253DAnti-Racism%252BDaily%2526utm_campaign%253D536b5399d9-EMAIL_CAMPAIGN_7_14_2020_4_16_COPY_01%2526utm_medium%253Demail%2526utm_term%253D0_c1e01f2335-536b5399d9-211699784%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228880403%26amp;usg%3DAOvVaw2IA65TusWDeZCGrpApWl6q&sa=D&source=docs&ust=1645230229052580&usg=AOvVaw1TpjzQnvy7w1RmqFWCu--o)
# Accounts I Follow
Yes, these are liberal, progressive accounts. Social media has been an echo chamber this year, at least for me. I encourage you to listen to many different voices, do your research, fact check and form your OWN opinions.
I’m interested in following those with opposing views on social (please send if you have recommendations!) Change happens when we accept our differences and try to work together, and I believe that is possible.
[@attnwhitepeople](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/attnwhitepeople/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228882157%26amp;usg%3DAOvVaw17WD6KRZ-K_gHtOJGDwf2N&sa=D&source=docs&ust=1645230229052818&usg=AOvVaw35j4JIRzuvouv99Yfx8_aS)
[@antiracismctr](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/antiracismctr/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228882826%26amp;usg%3DAOvVaw0tdE4eeOXo66Ki9tFP8QQW&sa=D&source=docs&ust=1645230229052900&usg=AOvVaw3fzlmXCIkaV_SUpY39x3ud)
[@ihartericka](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/ihartericka/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228883464%26amp;usg%3DAOvVaw0MeEPOjEuOispFEgXrLj9o&sa=D&source=docs&ust=1645230229052991&usg=AOvVaw0bZRPJ_gdjesrUwxtKSNrI)
[@mireillecharper](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/mireillecharper/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228884087%26amp;usg%3DAOvVaw0pznqGXbXXSuZzXYs4BvuB&sa=D&source=docs&ust=1645230229053122&usg=AOvVaw2d5_q3BIgh1pCKYmMny3s5)
[@laylafsaad](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/laylafsaad/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228884685%26amp;usg%3DAOvVaw0Zuu2dS7Oi_B_q86-S6lK6&sa=D&source=docs&ust=1645230229053241&usg=AOvVaw0zS9YDxtqS6fiLSN49tOMD)
[@mspackyetti](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/mspackyetti/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228885301%26amp;usg%3DAOvVaw3lUm5481FNwRAfPIH6aVKs&sa=D&source=docs&ust=1645230229053325&usg=AOvVaw2TNEs2m2xzzW31c9q1i4aX)
[@nowhitesaviors](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/nowhitesaviors/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228885922%26amp;usg%3DAOvVaw1Ug15kBGLC8v-wwBHnM9On&sa=D&source=docs&ust=1645230229053430&usg=AOvVaw2he2I_1y4JTXvQJzp2MtJ4)
[@angryasianfeminist](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/angryasianfeminist/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228886534%26amp;usg%3DAOvVaw0VnSGn_TilCrC7eMmbyCsD&sa=D&source=docs&ust=1645230229053524&usg=AOvVaw2lxNGrp1YZKc0Ahlbv2s2x)
[@antiracismdaily](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/antiracismdaily/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228887156%26amp;usg%3DAOvVaw1wBBXm1mCZY6AYMozrFxyI&sa=D&source=docs&ust=1645230229053627&usg=AOvVaw1nFntGFIWLm4mSBWoXiBfy)
[@rachel.cargle](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/rachel.cargle/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228887818%26amp;usg%3DAOvVaw2P_NIyRNc4dNd1Ks2BtcHu&sa=D&source=docs&ust=1645230229053713&usg=AOvVaw3D88MD01HY5uw0eQ0ZWHUp)
[@theconsciouskid](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/theconsciouskid/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228888437%26amp;usg%3DAOvVaw2HSvpO-I9sxSax2zuC4YNT&sa=D&source=docs&ust=1645230229053837&usg=AOvVaw1s6NtyYDqo_p9rGeYXHBY4)—esp. helpful for parents
[@theokraproject](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/theokraproject%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228889077%26amp;usg%3DAOvVaw1WtNWmcBTvbNmBGaBjasmn&sa=D&source=docs&ust=1645230229053945&usg=AOvVaw1XA0ecNHqxwQEEIEMLraCo)—protect and support Black Trans lives
[@justiceforgeorgenyc](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/justiceforgeorgenyc/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228889720%26amp;usg%3DAOvVaw07puPv0q8aE03ULuBcSNFK&sa=D&source=docs&ust=1645230229054044&usg=AOvVaw2DVeJ3wOiWPx42dYY5sCRx)—updates on protests in NYC
[@iamrachelricketts](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/iamrachelricketts/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228890375%26amp;usg%3DAOvVaw2kkS2ZGcITpIHAdRYq7Ht4&sa=D&source=docs&ust=1645230229054154&usg=AOvVaw0H4R8NKOzJiiJC2gWhvpLF)
[@raquel_willis](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/raquel_willis/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228891050%26amp;usg%3DAOvVaw3JHjuk36g81VIGXz--NqCD&sa=D&source=docs&ust=1645230229054247&usg=AOvVaw1cvw3F2kk9GpScKvmypfho)
[@shinetext](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/shinetext/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228891768%26amp;usg%3DAOvVaw3PSb5gkqB5l4YaoEs8tYWK&sa=D&source=docs&ust=1645230229054330&usg=AOvVaw12AXD0zzC8qRRU--WY71BB)—the best self-care app
[@feminist](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/feminist/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228892435%26amp;usg%3DAOvVaw238JUlOMGskBMnPYgZyLJM&sa=D&source=docs&ust=1645230229054424&usg=AOvVaw3A72yPBferltF8vsEEjMtR)
[@feministprogressive](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/feministprogressive/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228893078%26amp;usg%3DAOvVaw2v6RntP61zZSNtA1TJQ_Kw&sa=D&source=docs&ust=1645230229054510&usg=AOvVaw35dlem7ktIN-2YDoRw5_w8)
[@moemotivate](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/moemotivate/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228893713%26amp;usg%3DAOvVaw2vDs-TQBgCogdrU9Vfg40o&sa=D&source=docs&ust=1645230229054599&usg=AOvVaw2ULZ0hlaCAhGyvlgcbI4eZ)
[@brooklynbailfund](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/brooklynbailfund/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228894398%26amp;usg%3DAOvVaw2QFLTyRkR1kIRyaGP3KaBR&sa=D&source=docs&ust=1645230229054685&usg=AOvVaw0cUinfL6ieYNtvIGZXO6LS)—look into your local bail fund!
[@indyamoore](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/indyamoore/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228895062%26amp;usg%3DAOvVaw1LJDGhNQzTSpn-8ZRKdoYR&sa=D&source=docs&ust=1645230229054785&usg=AOvVaw0Lu-aX4Uxyb4nCxi1_V2Mz)—omg also watch Pose on Netflix if you haven’t yet 💜
[@supershara](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/supershara/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228895874%26amp;usg%3DAOvVaw1BiUT1Np0sGErXeUWDt604&sa=D&source=docs&ust=1645230229054885&usg=AOvVaw0jNn7ZFGCN0WJrI7LnJDx6)
[@nycpochealingcircle](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/nycpochealingcircle/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228896524%26amp;usg%3DAOvVaw2GFAsk2jcGb6A35jeLhoZX&sa=D&source=docs&ust=1645230229054968&usg=AOvVaw3gdZOIgyTma9NYK2mTTAFb)—QTBIPOC-centered & led healing resource
[@blairimani](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.instagram.com/blairimani/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228897182%26amp;usg%3DAOvVaw0-a3TpJyJUvK8OOu1hbtJu&sa=D&source=docs&ust=1645230229055067&usg=AOvVaw25cZiKe5tjcOI6mH8G6OF5)
📖 Books
Here are some great books to get started with #designbasics such as balance, grids, typography, color and more:
* Elements of Typographic Style by Robert Bringhurst
* Thinking With Type by Ellen Lupton ★
* Grid Systems by Josef Müller-Brockmann
* Interaction of Color by Josef Albers
* The Design of Everyday Things by Don Norman ★
* Design Is a Job by Mike Monteiro, and all [A Book Apart books](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://abookapart.com/products%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228901470%26amp;usg%3DAOvVaw1OjH6odWcxYSU5ne15pcPN&sa=D&source=docs&ust=1645230229055437&usg=AOvVaw1WSoaZMYenMPTk4ScZ34oX) ★
* Don't Make Me Think, Revisited by Steve Krug ★
* Hooked by Nir Eyal—for product designers ★
* Design for Hackers by David Kadavy—for devs wanting to learn design but good design basics in general
Also see “Typography Guides / Education” above for some online books.
[https://mediatemple.net/blog/tips/big-list-typography-books/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://mediatemple.net/blog/tips/big-list-typography-books/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228903814%26amp;usg%3DAOvVaw2LAeUFD3_doBLhuDmuoob5&sa=D&source=docs&ust=1645230229055741&usg=AOvVaw35Fw2wjiAsTGn79p68VAzx) #typography
[https://www.future-ethics.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttps://www.future-ethics.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228904671%26amp;usg%3DAOvVaw0cT8EOBK7G1IBMZSKaSbvT&sa=D&source=docs&ust=1645230229055850&usg=AOvVaw1MGC-jWBTSH5A6Vt2yycEf) #designethics
✨ Just for Fun[a][b]
[http://www.english-slang.com/](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://www.english-slang.com/%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228906457%26amp;usg%3DAOvVaw3GisNXZCoViTF749bpsodT&sa=D&source=docs&ust=1645230229056019&usg=AOvVaw22VgBbsiI9NFEAogoeE-ya)
[The Origins of the 'Anonymous Animals' in Your Google Docs](https://www.google.com/url?q=https://www.google.com/url?q%3Dhttp://mentalfloss.com/article/545860/wild-things-why-google-docs-feature-anonymous-animals%26amp;sa%3DD%26amp;source%3Deditors%26amp;ust%3D1645230228907220%26amp;usg%3DAOvVaw3pmeHfE19NDb8p1qMc-Sic&sa=D&source=docs&ust=1645230229056117&usg=AOvVaw1j4FxwOC_7XhNvdudUge48)—an article about anonymous Google Doc animals
[a]hi i'd like to suggest astrology and language learning under this or maybe there could be a specific category for them!
[b]that's a great idea—i haven't updated this section in a while. i love personality assessments too, i could include some of those :) thank you!
Reference in New Issue View Git Blame Copy Permalink