@zootools/waitlist-js

<!DOCTYPE html> <html lang="en" color-mode="light"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="Description" content="Links, articles, videos and other useful bits organised by topics – Maintained by Ramsés Cabello"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="theme-color" content="#fff1f6" /> <link rel="stylesheet" href="https://resources.untitled.garden/css/style.css" /> <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon.png"> <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon.png"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <link rel="preconnect" href="https://fonts.googleapis.com"> <script data-goatcounter="https://desres.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100;300;400;600;900&display=swap" rel="stylesheet"> <title>Design Resources – 39 Links, articles, videos and other useful bits organised by topics.</title>  <script async src="file:///Users/jorgeferreiro/Documents/GitHub/zootools/zootools-fe/packages/zootools-waitlist-js/dist/browser/index.min.js" charset="utf-8" defer></script> </head> <body> <div id="theming">  <button class="color-mode__btn light--hidden" aria-label="toggle light mode for this website">light </button>  <button class="color-mode__btn dark--hidden" aria-label="toggle dark mode">dark </button> <a href="https://form.waitlistpanda.com/go/mkUuToqQTVnHPRRaorRm" data-waitlist-id="mkUuToqQTVnHPRRaorRm" style="padding: 1rem; background: red; color: #fff; border-radius: 10px;"> Receive updates </a> </div> <header> <a href="images/icons.zip" target="_self"><span id="logo">Download Folders in PNG</span></a> <h1>Design Resources</h1> <p class="tagline"><span id="counter">39</span> Links, articles, videos and other useful bits organised by topics.</p> </header> <main> <div id="resources"> <h2>Accessibility</h2> <ul> <li><a href="https://www.deque.com/accessible-design/" target="_blank">Accessible Design from deque</a></li> <li><a href="https://accessibility.digital.gov" target="_blank">Accessibility for Teams</a></li> <li><a href="https://www.a11yproject.com/" target="_blank">The A11Y Project</a></li> <li><a href="https://commandzpodcast.com/tag/accesibilidad/" target="_blank">Command Z Accessibility Podcasts</a></li> </ul> <h2>Data Visualization</h2> <ul> <li><a href="https://graphica.app/catalogue" target="_blank">Data Viz Catalogue from Scimago Graphica</a></li> </ul> <h2>Design Systems</h2> <ul> <li><a href="https://uxdesign.cc/how-to-build-a-design-system-if-youre-the-only-designer-in-a-startup-f4695d2f4b7f" target="_blank">Design Systems for solo players</a><p></p></li> <li><a href="https://www.designsystemchecklist.com" target="_blank">Build better design systems</a><p></p></li> <li><a href="https://component.gallery/design-systems/" target="_blank">The Component Gallery</a><p></p></li> </ul> <h2>Interviews</h2> <ul> <li><a href="https://itsfantastic.moe/sega-arcade-history-yu-suzuki-interview/" target="_blank">Sega Arcade History – Yu Suzuki Interview</a></li> <li><a href="https://www.platinumgames.com/official-blog/article/10397" target="_blank">ASTRAL CHAIN Devblog – The Wide World of UI</a></li> </ul> <h2>Markup</h2> <ul> <li><a href="https://css-tricks.com/complete-guide-to-css-functions/" target="_blank">Complete guide to CSS Functions</a></li> <li><a href="https://themeisle.com/blog/css-animations-tutorial/" target="_blank">CSS Animations Tutorial – Complete Guide for Beginners</a></li> </ul> <h2>product</h2> <ul> <li><a href="https://medium.com/@dominikaills/user-research-101-how-to-write-a-solid-research-plan-82e7c7b89578" target="_blank">The Homer Simpson car is a great lesson in building products</a></li> </ul> <h2>Tools</h2> <ul> <li><a href="https://www.graphica.app" target="_blank">Scimago Graphica – Data Visualization</a></li> </ul> <h2>User Interface</h2> <a href="https://form.waitlistpanda.com/go/mkUuToqQTVnHPRRaorRm" data-waitlist-id="mkUuToqQTVnHPRRaorRm" style="padding: 1rem; background: red; color: #fff; border-radius: 10px;"> Receive updates </a> <ul> <li><a href="https://uxmovement.com/content/absolute-vs-relative-timestamps-when-to-use-which/" target="_blank">Absolute vs Relative timestamps</a></li> <li><a href="https://blog.btrax.com/american-japanese-ux-design/" target="_blank">American & Japanese UX Design</a></li> <li><a href="https://usabilitygeek.com/use-walkthroughs-enhance-ux/" target="_blank">Walkthrough to enhace the experience</a></li> <li><a href="https://uxdesign.cc/data-table-for-enterprise-ux-cb48fb9fdf1e" target="_blank">Designing data tables for enterprise UX</a></li> <li><a href="https://think.design/user-design-research/guided-tour/" target="_blank">Designing guided tours</a></li> <li><a href="https://uxmovement.com/buttons/how-to-design-destructive-actions-that-prevent-data-loss/" target="_blank">Designing destructive actions</a></li> <li><a href="https://medium.com/@Ticketbis/the-challenge-of-designing-ux-and-ui-in-japan-71db210dce5b" target="_blank">Japan in the eyes of a UX/UI designer</a></li> <li><a href="https://uxdesign.cc/peak-end-rule-54eedd375c4d" target="_blank">Peak end rule</a></li> <li><a href="https://dribbble.com/stories/2021/03/09/user-onboarding-design-tips" target="_blank">User Onboarding 101</a></li> <li><a href="https://uxplanet.org/using-red-and-green-in-ui-design-66b39e13de91" target="_blank">Using red and green in UI design</a></li> <li><a href="https://www.smashingmagazine.com/2021/03/ui-design-testing-tools/" target="_blank">UI Design Testing Tools I Use All The Time</a></li> </ul> <h2>UX Research</h2> <ul> <li><a href="https://www.nngroup.com/articles/lean-agile-documentation/" target="_blank">Lean UX Documentation for Tracking and Communicating in Agile</a></li> <li><a href="https://www.nngroup.com/articles/interview-guide/" target="_blank">Writing an Effective Guide for a UX Interview</a></li> <li><a href="https://www.nngroup.com/articles/which-ux-research-methods/" target="_blank">When to Use Which User-Experience Research Methods</a></li> <li><a href="https://miro.com/miroverse/the-question-board/" target="_blank">Customer Board</a></li> <li><a href="https://medium.com/@dominikaills/user-research-101-how-to-write-a-solid-research-plan-82e7c7b89578" target="_blank">User Research 101 — How to write a solid research plan</a></li> </ul> <h2>visual</h2> <ul> <li><a href="https://dribbble.com/stories/2020/01/28/get-creative-with-gradients" target="_blank">5 ways to get creative with gradients in graphic design</a></li> </ul> <h2>Writing</h2> <ul> <li><a href="https://www.plainlanguage.gov/about/benefits/" target="_blank">Plain Language</a></li> <li><a href="https://medium.com/@dominikaills/user-research-101-how-to-write-a-solid-research-plan-82e7c7b89578" target="_blank">Material Design – Writing</a></li> <li><a href="https://polaris.shopify.com/content/voice-and-tone" target="_blank">Shopify – Voice and Tone</a></li> <li><a href="https://profilebooks.com/work/the-economist-style-guide/" target="_blank">The Economist Style Guide Book</a></li> <li><a href="https://www.chicagomanualofstyle.org/home.html" target="_blank">The Chicago Manual Style</a></li> <li><a href="https://inclusivenaming.org/word-lists/overview/" target="_blank">Inclusive Naming</a></li> <li><a href="https://www.theguardian.com/guardian-observer-style-guide-a" target="_blank">Guardian Observer Style Guide</a></li> </ul> <div> <a href="https://form.waitlistpanda.com/go/pbneLhyp3HQ6eI0s34cx" data-waitlist-id="pbneLhyp3HQ6eI0s34cx" style="padding: 1rem; background: red; color: #fff; border-radius: 10px;"> Subscribete al blog </a> <a href="https://form.waitlistpanda.com/go/f1dFQ5pJbe8g4PxDT27W" data-waitlist-id="f1dFQ5pJbe8g4PxDT27W" style="color:#fff;padding: 12px;background-color:#b3365d;border-radius:13px;">Signup now!</a> </main> <footer> Last Update: <span id="date">20/04/2022</span> <p id="contact">Designed, coded and maintained by <a href="http://twitter.com/ramsescabello" target="_blank">@ramsescabello</a> – feel free to reach out if you want to remove any link or just chat about design, videogames or geek out.<p> <p>Contributions by <a href="https://www.linkedin.com/in/jurgenzimmermann/" target="_blank">Jürgen Z.</a>, <a href="http://gonzalolp.com" target="_blank">Gonzalo L.</a>, <a href="http://commandzpodcast.com" target="_blank">Layshi C.</a>, <a href="https://twitter.com/MatthewHirtes" target="_blank">Matthew H.</a> and <a href="https://www.linkedin.com/in/josehrz/" target="_blank">José H.</a></p> </footer> <script src="https://resources.untitled.garden/js/theming.js"></script>   </body> </html>