{"id":72025,"date":"2019-10-19T04:15:41","date_gmt":"2019-10-19T11:15:41","guid":{"rendered":"http:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/"},"modified":"2019-10-19T04:15:41","modified_gmt":"2019-10-19T11:15:41","slug":"smashing-monthly-roundup-community-resources-and-favorite-posts","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/","title":{"rendered":"Smashing Monthly Roundup: Community Resources And Favorite Posts"},"content":{"rendered":"<link rel=\"canonical\" href=\"https:\/\/www.smashingmagazine.com\/2019\/10\/monthly-roundup-10-2019\/\"><title>Smashing Monthly Roundup: Community Resources And Favorite Posts<\/title><\/p>\n<article>\n<header>\n<h1>Smashing Monthly Roundup: Community Resources And Favorite Posts<\/h1>\n<address>The Smashing Editorial<\/address>\n<p>                  <time datetime=\"2019-10-18T15:00:59+02:00\">2019-10-18T15:00:59+02:00<\/time><time datetime=\"2019-10-19T11:06:39+00:00\">2019-10-19T11:06:39+00:00<\/time><\/header>\n<p>This is the first <em>monthly update<\/em> that the Smashing team will be publishing, to highlight some of the things we have enjoyed reading over the past month. Many of the included posts are sourced from the most popular links from our Smashing Newsletter. If you don\u2019t get our newsletter yet, then <a href=\"https:\/\/www.smashingmagazine.com\/the-smashing-newsletter\/\">sign up here<\/a> to receive carefully curated links from the team every two weeks.<\/p>\n<h3>SmashingConf News<\/h3>\n<p>We\u2019ve just wrapped up our final SmashingConf of the year in New York. Videos of the event will be on their way soon, but we have already published a write-up and all of the video from our Freiburg event held in September. You can find all of those in our post \u201c<a href=\"https:\/\/www.smashingmagazine.com\/2019\/10\/smashingconf-freiburg-2019\/\">SmashingConf Freiburg 2019<\/a>\u201d.<\/p>\n<p><a href=\"https:\/\/smashingconf.com\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/a02ee478-cd27-4d3e-a3fe-2a2d3e7b02e1\/smashingconf-guitar-panel.svg\" width=\"200\" height=\"250\" alt=\"Smashing San Francisco\"><\/a>Also, we\u2019ve announced the <a href=\"https:\/\/www.smashingmagazine.com\/2019\/09\/smashingconf-2020\/\">dates for SmashingConf 2020<\/a>! Would you like to join us in San Francisco, Freiburg, New York, or our new city of Austin? If so, get your tickets now at <strong>super early-bird prices<\/strong>, and keep an eye out for line-up announcements very soon.<\/p>\n<h3>Recommended Reading on Smashing Magazine<\/h3>\n<p>We publish a new article every day, and so if you\u2019re not subscribed to our <a href=\"https:\/\/www.smashingmagazine.com\/feed\/\">RSS feed<\/a> or follow us on social media, you may miss out on some brilliant articles! Here are some that our readers seemed to enjoy and recommend further:<\/p>\n<ul>\n<li>\u201c<a title=\"Read 'How To Use Breadcrumbs On A PWA'\" href=\"https:\/\/www.smashingmagazine.com\/2019\/10\/breadcrumbs-pwa\/\" rel=\"bookmark\">How To Use Breadcrumbs On A PWA<\/a>\u201d by <strong>Suzanne Scacca<\/strong><br \/><em>If you\u2019re worried that your PWA is going to be difficult to navigate without some guidance, put breadcrumbs to work. In this article, Suzanne explains just how.<\/em><\/li>\n<li>\u201c<a title=\"Read 'Design Systems Are About Relationships'\" href=\"https:\/\/www.smashingmagazine.com\/2019\/10\/design-systems-relationships\/\" rel=\"bookmark\">Design Systems Are About Relationships<\/a>\u201d by <strong>Ryan DeBeasi<\/strong><br \/><em>Design systems can improve usability, but they can also limit creativity or fall out of sync with actual products. Let\u2019s explore how designers and developers can create more robust design systems by building a culture of collaboration.<\/em><\/li>\n<li>\u201c<a title=\"Read 'A Guide To New And Experimental CSS DevTools In Firefox'\" href=\"https:\/\/www.smashingmagazine.com\/2019\/10\/guide-new-experimental-css-devtools-firefox\/\" rel=\"bookmark\">A Guide To New And Experimental CSS DevTools In Firefox<\/a>\u201d by <strong>Victoria Wang<\/strong><br \/><em>Ever since releasing Grid Inspector, the Firefox DevTools team has been inspired to build a new suite of tools to solve the problems of the modern web. In this article, Victoria explains seven tools in detail.<\/em><\/li>\n<li>\u201c<a title=\"Read 'Editorial Design Patterns With CSS Grid And Named Columns'\" href=\"https:\/\/www.smashingmagazine.com\/2019\/10\/editorial-design-patterns-css-grid-subgrid-naming\/\" rel=\"bookmark\">Editorial Design Patterns With CSS Grid And Named Columns<\/a>\u201d by <strong>Rachel Andrew<\/strong><br \/><em>By naming lines when setting up our CSS Grid layouts, we can tap into some interesting and useful features of Grid \u2014 features that become even more powerful when we introduce subgrids.<\/em><\/li>\n<\/ul>\n<h3>Best Picks From Our Newsletter<\/h3>\n<p>We\u2019ll be honest: Every second week, we struggle with keeping the Smashing Newsletter issues at a moderate length \u2014 there are just so many talented folks out there working on brilliant projects! So, without wanting to make this monthly update too long either, we\u2019re shining the spotlight on the following projects:<\/p>\n<h3>HTML Email<\/h3>\n<h4>Can I Email\u2026?<\/h4>\n<p>We all know and love <a href=\"https:\/\/caniuse.com\/\">caniuse.com<\/a>. Unfortunately, if you wanted to test support for web standards in HTML Email, it wasn\u2019t really easy. Until now. Inspired by the successful concept, <a href=\"https:\/\/www.caniemail.com\/\">Can I Email<\/a> lets you check support for more than 50 HTML and CSS features in 25 email clients, and since the site only launched last month, more is already in the planning.<\/p>\n<figure><a href=\"https:\/\/www.caniemail.com\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/caniemail-scoreboard-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/9ccb025b-76ed-4284-a2af-8a93e2e2f623\/caniemail-scoreboard-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/9ccb025b-76ed-4284-a2af-8a93e2e2f623\/caniemail-scoreboard-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/9ccb025b-76ed-4284-a2af-8a93e2e2f623\/caniemail-scoreboard-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/9ccb025b-76ed-4284-a2af-8a93e2e2f623\/caniemail-scoreboard-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/caniemail-scoreboard-screenshot.png?w=900\" sizes=\"100vw\" alt=\"\"><\/a><figcaption>\n      (<a href=\"https:\/\/www.caniemail.com\/\">Can I email&#8230;?<\/a> launched by <a href=\"https:\/\/twitter.com\/HTeuMeuLeu\">R\u00e9mi Parmentier<\/a> and the team at <a href=\"https:\/\/www.tilt-studio.fr\/\">Tilt Studio<\/a><br \/>\n    <\/figcaption><\/figure>\n<p>Made <em>for<\/em> and <em>by<\/em> the email geeks community, the data that fuels the project is <a href=\"https:\/\/github.com\/hteumeuleu\/caniemail\/tree\/master\/_features\">available on GitHub<\/a> and anyone can contribute to it. A nice detail: the <a href=\"https:\/\/www.caniemail.com\/scoreboard\/\">Email Client Support Scoreboard<\/a> which is included ranks email clients based on how they support the features. A useful little helper for anyone who\u2019s wrangling HTML email.<\/p>\n<h4>Email Design Inspiration<\/h4>\n<p>Standing out from the flood of emails that reach our inboxes every day is hard, not only for promotional campaigns but also for transactional emails and newsletters. So how about some inspiration from how others manage to spark curiosity and interest to save their emails from ending up in the junk-mail folder as a victim on the quest to inbox zero?<\/p>\n<figure><a href=\"https:\/\/emaillove.com\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/emaillove-examples-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/7d02b91d-aabd-487f-b5e5-bcd3b6684da4\/emaillove-examples-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/7d02b91d-aabd-487f-b5e5-bcd3b6684da4\/emaillove-examples-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/7d02b91d-aabd-487f-b5e5-bcd3b6684da4\/emaillove-examples-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/7d02b91d-aabd-487f-b5e5-bcd3b6684da4\/emaillove-examples-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/emaillove-examples-screenshot.png?w=900\" sizes=\"100vw\" alt=\"Email Love by Rob Hope\"><\/a><figcaption><a href=\"https:\/\/emaillove.com\/\">Email Love<\/a> by Rob Hope<br \/>\n    <\/figcaption><\/figure>\n<p>Curated by Rob Hope, <a href=\"https:\/\/emaillove.com\/\">Email Love<\/a> showcases well-crafted emails that you can turn to for fresh ideas \u2014 a look inside the code of each email is included, of course. Exciting discoveries guaranteed!<\/p>\n<h3>Fonts<\/h3>\n<h4>Tools To Circumvent Web Font Pitfalls<\/h4>\n<p>Web fonts are easy to implement, but they can have a significant impact on a site\u2019s performance, too. To help you speed up the time to first meaningful paint, Peter M\u00fcller built <a href=\"https:\/\/github.com\/Munter\/subfont\">Subfont<\/a>. The command-line tool analyzes your page to generate the most optimal web font subsets and inject them into your page. Subfont currently supports Google fonts as well as local fonts.<\/p>\n<figure><a href=\"https:\/\/meowni.ca\/font-style-matcher\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/font-style-matcher-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/961eb7c7-3288-4c29-b940-e52c1fb87a98\/font-style-matcher-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/961eb7c7-3288-4c29-b940-e52c1fb87a98\/font-style-matcher-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/961eb7c7-3288-4c29-b940-e52c1fb87a98\/font-style-matcher-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/961eb7c7-3288-4c29-b940-e52c1fb87a98\/font-style-matcher-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/font-style-matcher-screenshot.png?w=900\" sizes=\"100vw\" alt=\"\"><\/a><figcaption><a href=\"https:\/\/meowni.ca\/font-style-matcher\/\">Font Style Matcher<\/a> by Monica Dinculescu<br \/>\n    <\/figcaption><\/figure>\n<p>Speaking of web fonts: To prevent flash of unstyled text from causing layout shifts, you might want to consider choosing your fallback font in relation to your web font\u2019s x-heights and widths. The better they match, the less likely your layout will shift once the web font is loaded.<\/p>\n<p>Monica Dinculescu came up with <a href=\"https:\/\/meowni.ca\/font-style-matcher\/\">Font Style Matcher<\/a> to help find just that perfect fallback font. Before you opt for a fallback font, you might also want to check how well it is <a href=\"http:\/\/fontfamily.io\/\">supported across different operating systems<\/a> to not run into issues. Three small but mighty tools to circumvent some of the most common web font pitfalls.<\/p>\n<h4>A Tiny Guide To Variable Color Fonts<\/h4>\n<p>\u201cThe tech is new, the adventure is big!\u201d If you look at the experiments which Arthur Reinders Folmer of <em>Typearture<\/em> did with variable color fonts, this quote truly hits the mark. Arthur uses <a href=\"https:\/\/www.typearture.com\/variable-fonts\/\">variable color fonts to create animations<\/a> that are not only awe-inspiring eye candy but also explore the full potential of the font technology.<\/p>\n<figure><a href=\"https:\/\/www.typearture.com\/howdotheywork\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/colored-glyphs-variable-fonts-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/1ed17773-be56-4db6-ab58-60d576955d1f\/colored-glyphs-variable-fonts-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/1ed17773-be56-4db6-ab58-60d576955d1f\/colored-glyphs-variable-fonts-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/1ed17773-be56-4db6-ab58-60d576955d1f\/colored-glyphs-variable-fonts-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/1ed17773-be56-4db6-ab58-60d576955d1f\/colored-glyphs-variable-fonts-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/colored-glyphs-variable-fonts-screenshot.png?w=900\" sizes=\"100vw\" alt=\"Variable color fonts: How do they work?\"><\/a><figcaption>\n      \u201c<a href=\"https:\/\/www.typearture.com\/howdotheywork\/\">Variable Color Fonts: How Do They Work?<\/a>\u201d by Arthur Reinders Folmer<br \/>\n    <\/figcaption><\/figure>\n<p>They might allow little customization compared to SVGs, but variable color fonts are easier to implement and they offer a lot of room for creative adventures, too \u2014 using input from the microphone, camera, or gyroscope to adjust the variables and animate the illustrations, for example. Sounds exciting? Arthur put together a <a href=\"https:\/\/www.typearture.com\/howdotheywork\/\">little guide<\/a> in which he dives deeper into the tech behind his experiments. A fantastic overview of what\u2019s possible with variable color fonts today.<\/p>\n<h3>Performance<\/h3>\n<h4>Automating Image Compression<\/h4>\n<p>The transfer size of requested images has grown by 52% on desktop and 82% on mobile within the last year \u2014 with over half of the median page weight accounting for imagery. These are figures that once again make clear how crucial it is that images are optimized before they hit production. Now, wouldn\u2019t it be handy if you could automate the compression step?<\/p>\n<figure><a href=\"https:\/\/calibreapp.com\/blog\/compress-images-in-prs\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/image-github-action-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/f158cf09-e69e-4daa-8ebc-2f1ce4472f5e\/image-github-action-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/f158cf09-e69e-4daa-8ebc-2f1ce4472f5e\/image-github-action-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/f158cf09-e69e-4daa-8ebc-2f1ce4472f5e\/image-github-action-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/f158cf09-e69e-4daa-8ebc-2f1ce4472f5e\/image-github-action-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/image-github-action-screenshot.png?w=900\" sizes=\"100vw\" alt=\"Calibre\u2019s new GitHub Action image-actions\"><\/a><figcaption>\n      Calibre\u2019s new GitHub Action <a href=\"https:\/\/calibreapp.com\/blog\/compress-images-in-prs\/\">image-actions<\/a><br \/>\n    <\/figcaption><\/figure>\n<p>Well, the folks at Calibre asked themselves the same question and built a GitHub Action that does exactly that: it <a href=\"https:\/\/calibreapp.com\/blog\/compress-images-in-prs\/\">automatically optimizes the images in your pull request<\/a> \u2014 without any quality loss thanks to <code>mozjpeg<\/code> and <code>libvips<\/code>, so that no image accidentally skips compression. A real timesaver.<\/p>\n<h3>Accessibility<\/h3>\n<h4>Accessibility Support<\/h4>\n<p>There are many different ways that assistive technologies interact with browsers and code. Since it\u2019s still not possible to fully automate screen readers and voice control softwares, we are left with having to do manual tests. And that\u2019s where <a href=\"https:\/\/a11ysupport.io\/\">a11ysupport.io<\/a> comes into play.<\/p>\n<figure><a href=\"https:\/\/a11ysupport.io\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/generated-content-css-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/4126fc13-61fc-498f-9180-2e52942b936a\/generated-content-css-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/4126fc13-61fc-498f-9180-2e52942b936a\/generated-content-css-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/4126fc13-61fc-498f-9180-2e52942b936a\/generated-content-css-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/4126fc13-61fc-498f-9180-2e52942b936a\/generated-content-css-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/generated-content-css-screenshot.png?w=900\" sizes=\"100vw\" alt=\"a11ysupport - Accessibility Support\"><\/a><figcaption><a href=\"https:\/\/a11ysupport.io\/\">Accessibility Support<\/a> by Michael Fairchild<br \/>\n    <\/figcaption><\/figure>\n<p>Originally created by Michael Fairchild, this community-driven website aims to help inform developers about what is accessibility supported. It\u2019s a project that is active and contributions are always welcome, so start testing away!<\/p>\n<h4>Button Contrast Checker<\/h4>\n<p>Do your buttons have enough contrast? The <a href=\"https:\/\/www.aditus.io\/button-contrast-checker\/\">Button Contrast Checker<\/a> built by the folks at Aditus helps you find out. Enter your domain and the tool tests if the buttons on the site are compliant with WCAG 2.1.<\/p>\n<figure><a href=\"https:\/\/www.aditus.io\/button-contrast-checker\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/contrast-and-accessibility-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/72ef4ee3-a8f4-46f4-a917-3019d3b9d249\/contrast-and-accessibility-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/72ef4ee3-a8f4-46f4-a917-3019d3b9d249\/contrast-and-accessibility-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/72ef4ee3-a8f4-46f4-a917-3019d3b9d249\/contrast-and-accessibility-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/72ef4ee3-a8f4-46f4-a917-3019d3b9d249\/contrast-and-accessibility-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/contrast-and-accessibility-screenshot.png?w=900\" sizes=\"100vw\" alt=\"Button Contrast Checker\"><\/a><figcaption>\n      Button Contrast Checker<a href=\"https:\/\/www.aditus.io\/button-contrast-checker\/\">Button Contrast Checker<\/a> by Aditus<br \/>\n    <\/figcaption><\/figure>\n<p>To cater for realistic results, the checker does not only test the default state of the buttons but also takes hover and focus states as well as the adjacent background into account. A nice detail: Each time you scan a page, the results are stored in a unique URL which you can share with your team. A precious little helper.<\/p>\n<h3>Learning To Code<\/h3>\n<h4>Taking Your Coding Skills To The Next Level<\/h4>\n<p>CSS animation, Grid, Flexbox\u2026 The web is evolving at such a fast pace that there\u2019s always something new to learn. And, well, what better occasion could there be to finally dive into the topic you\u2019ve been wanting to tackle for so long as with a fun little game?<\/p>\n<figure><a href=\"https:\/\/mastery.games\/p\/flexbox-zombies\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/flexbox-zombies-large-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/81ab4933-6838-4db2-a081-2a59e35e77b7\/flexbox-zombies-large-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/81ab4933-6838-4db2-a081-2a59e35e77b7\/flexbox-zombies-large-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/81ab4933-6838-4db2-a081-2a59e35e77b7\/flexbox-zombies-large-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/81ab4933-6838-4db2-a081-2a59e35e77b7\/flexbox-zombies-large-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/flexbox-zombies-large-screenshot.png?w=900\" sizes=\"100vw\" alt=\"Flexbox Zombies\"><\/a><figcaption><a href=\"https:\/\/mastery.games\/p\/flexbox-zombies\">Flexbox Zombies<\/a> by Dave Geddes<br \/>\n    <\/figcaption><\/figure>\n<p>If you\u2019ve always wanted to conquer deep space \u2014 and learn the basics of object animation in CSS along the way \u2014 the <a href=\"https:\/\/css-animations.io\/\">CSS Animation course<\/a> by HTML Academy has some exciting tasks for you to solve. To help your CSS Grid skills grow and blossom, there\u2019s <a href=\"https:\/\/cssgridgarden.com\/\">Grid Garden<\/a> where you use CSS to grow a carrot garden.<\/p>\n<p>If zombies are more up your alley, try <a href=\"https:\/\/mastery.games\/p\/flexbox-zombies\">Flexbox Zombies<\/a>. It\u2019ll give you the expertise you need to survive the living deads \u2014 all thanks to your coding skills! Or try guiding a friendly little frog to its lily pad with Flexbox in <a href=\"https:\/\/flexboxfroggy.com\/\">Flexbox Froggy<\/a> to finally get to grips with the Flexbox concept. Another cool Flexbox learning game that shouldn\u2019t be left unmentioned is <a href=\"http:\/\/www.flexboxdefense.com\/\">Flexbox Defense<\/a>. Last but not least, if you\u2019re struggling with CSS selectors, there\u2019s <a href=\"https:\/\/flukeout.github.io\/\">CSS Diner<\/a> to teach you how to select elements. Now, who said learning can\u2019t be fun?<\/p>\n<h4>How To Write Better JavaScript<\/h4>\n<p>JavaScript is one of the most popular programming languages, and even after more than 20 years since it was born, it is constantly evolving. But how can <em>you<\/em> get better at it?<\/p>\n<figure><a href=\"https:\/\/stackoverflow.blog\/2019\/09\/12\/practical-ways-to-write-better-javascript\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/practicalwaystowritebetterjs-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/6a77863c-c299-4bfc-bd16-5d842d910f59\/practicalwaystowritebetterjs-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/6a77863c-c299-4bfc-bd16-5d842d910f59\/practicalwaystowritebetterjs-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/6a77863c-c299-4bfc-bd16-5d842d910f59\/practicalwaystowritebetterjs-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/6a77863c-c299-4bfc-bd16-5d842d910f59\/practicalwaystowritebetterjs-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/practicalwaystowritebetterjs-screenshot.png?w=900\" sizes=\"100vw\" alt=\"Practical Ways To Write Better JavaScript\"><\/a><figcaption>\n      \u201c<a href=\"https:\/\/stackoverflow.blog\/2019\/09\/12\/practical-ways-to-write-better-javascript\/\">Practical Ways To Write Better JavaScript<\/a>\u201d by Ryland Goldstein<br \/>\n    <\/figcaption><\/figure>\n<p>Ryland Goldstein shares some of the <a href=\"https:\/\/stackoverflow.blog\/2019\/09\/12\/practical-ways-to-write-better-javascript\/\">top methods he uses to write better JavaScript<\/a> \u2014 by using TypeScript to improve team communication and make refactoring easier or linting your code and enforcing a style, for example. As Ryland points out, it\u2019s a continuous process, so take things one step at a time, and before you know it, you\u2019ll be a JavaScript ace.<\/p>\n<h4>Learn Regex With Crosswords<\/h4>\n<p>If you\u2019ve got a sweet spot for riddles and logic puzzles, then <a href=\"https:\/\/regexcrossword.com\/\">Regex Crossword<\/a> is for you. Regex Crossword is a crossword puzzle game where the clues are defined using regular expressions \u2014 who said regex can\u2019t be fun?<\/p>\n<figure><a href=\"https:\/\/regexcrossword.com\/challenges\/hamlet\/puzzles\/1\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/regexcrossword-hamlet-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/0dd8f477-deb8-451e-b716-ccc21e593735\/regexcrossword-hamlet-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/0dd8f477-deb8-451e-b716-ccc21e593735\/regexcrossword-hamlet-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/0dd8f477-deb8-451e-b716-ccc21e593735\/regexcrossword-hamlet-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/0dd8f477-deb8-451e-b716-ccc21e593735\/regexcrossword-hamlet-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/regexcrossword-hamlet-screenshot.png?w=900\" sizes=\"100vw\" alt=\"Hamlet puzzle\"><\/a><figcaption><a href=\"https:\/\/regexcrossword.com\/\">Regex Cross\u00adword<\/a> by <a href=\"https:\/\/twitter.com\/omichelsen\">Ole Michelsen<\/a> and <a href=\"https:\/\/twitter.com\/mhmichelsen\">Maria Hagsten<\/a><br \/>\n    <\/figcaption><\/figure>\n<p>There are different difficulty levels for you to start to cut your teeth on an easy set of crosswords to learn the basics or put your skills to the test as the puzzles get bigger and more complex. A puzzle generator is also included, so if you feel like making up your own puzzles for others to unravel, there\u2019s nothing to hold you back.<\/p>\n<h3>And, The Rest!<\/h3>\n<h4>Tips To Master Your Next Tech Job Interview<\/h4>\n<p>The job-hunting process can be intimidating, especially if you\u2019re just about to get your career started. To help you tackle the challenge well, Yangshun Tay put together the <a href=\"https:\/\/yangshun.github.io\/tech-interview-handbook\/\">Tech Interview Handbook<\/a>.<\/p>\n<figure><a href=\"https:\/\/yangshun.github.io\/tech-interview-handbook\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/tech-interview-handbook-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/0aed8aa4-128a-460d-91ae-ae1f6097de49\/tech-interview-handbook-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/0aed8aa4-128a-460d-91ae-ae1f6097de49\/tech-interview-handbook-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/0aed8aa4-128a-460d-91ae-ae1f6097de49\/tech-interview-handbook-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/0aed8aa4-128a-460d-91ae-ae1f6097de49\/tech-interview-handbook-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/tech-interview-handbook-screenshot.png?w=900\" sizes=\"100vw\" alt=\"Tech Interview Handbook\"><\/a><figcaption><a href=\"https:\/\/yangshun.github.io\/tech-interview-handbook\/\">Tech Interview Handbook<\/a> by Yangshun Tay<br \/>\n    <\/figcaption><\/figure>\n<p>This free resource takes you through the entire process; from working on your resume to negotiating with the employer once the interview has ended, while curated practice questions get you fit for both the technical and behavioral questions that might pop up along the way. A good read, not only for prospective web professionals.<\/p>\n<h4>Behind The Scenes Of Design Teams<\/h4>\n<p>While many companies are driven by features and technology, over the last years it\u2019s rare to find debates about the importance of design. It\u2019s reflected in publicly announced case studies, design systems, large scale design overhauls, and most recently in dedicated pages for design teams \u2014 be it <a href=\"https:\/\/www.uber.design\/\">Uber<\/a>, <a href=\"https:\/\/design.google\/\">Google<\/a>, <a href=\"https:\/\/spotify.design\/\">Spotify<\/a>, <a href=\"https:\/\/medium.design\/\">Medium<\/a>, <a href=\"https:\/\/dropbox.design\/\">Dropbox<\/a>, <a href=\"https:\/\/slack.design\/\">Slack<\/a>, <a href=\"https:\/\/amazon.design\/\">Amazon<\/a> or <a href=\"https:\/\/airbnb.design\/\">AirBnB<\/a>.<\/p>\n<figure><a href=\"https:\/\/www.intercom.com\/blog\/design-pattern-new-disruption\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/product-design-inside-intercom-image.jpg 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d6f5ac01-6c2f-44b5-b243-335ee2b47c1d\/product-design-inside-intercom-image.jpg 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d6f5ac01-6c2f-44b5-b243-335ee2b47c1d\/product-design-inside-intercom-image.jpg 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d6f5ac01-6c2f-44b5-b243-335ee2b47c1d\/product-design-inside-intercom-image.jpg 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d6f5ac01-6c2f-44b5-b243-335ee2b47c1d\/product-design-inside-intercom-image.jpg 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/product-design-inside-intercom-image.jpg?w=900\" sizes=\"100vw\" alt=\"Behind The Scenes Of Design Teams\"><\/a><figcaption>\n      Image credit: <a href=\"https:\/\/www.intercom.com\/blog\/design-pattern-new-disruption\/\">Intercom<\/a><br \/>\n    <\/figcaption><\/figure>\n<p>Recently, <em>Intercom<\/em> has announced <a href=\"https:\/\/intercom.design\/\">Intercom.Design<\/a>, a resource dedicated to its design teams, products, processes and public case studies, including internal UI recommendations and <a href=\"https:\/\/docs.google.com\/document\/d\/1qIH-eNkP4rNF0M1eCsHQNwRTWrP9Yg1-XUqWHPTKAkg\/edit\">expectations<\/a> from different product and content designer levels. Wonderful sources of inspiration to improve your design team and explore behind the scenes of how products are designed and built. <em>(Thanks for the tip, Kostya Gorskiy!)<\/em><\/p>\n<h4>Royalty-Free AI-Generated Faces<\/h4>\n<p>100,000 photos of faces of different age, gender, and ethnicity. What doesn\u2019t sound like anything groundbreaking, actually is, if the faces don\u2019t exist but are products of artificial intelligence.<\/p>\n<figure><a href=\"https:\/\/generated.photos\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/ai-generated-photos-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5273c7bd-cf54-4816-bccf-95c67437a36d\/ai-generated-photos-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5273c7bd-cf54-4816-bccf-95c67437a36d\/ai-generated-photos-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5273c7bd-cf54-4816-bccf-95c67437a36d\/ai-generated-photos-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5273c7bd-cf54-4816-bccf-95c67437a36d\/ai-generated-photos-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/ai-generated-photos-screenshot.png?w=900\" sizes=\"100vw\" alt=\"Generated Photos\"><\/a><figcaption><a href=\"https:\/\/generated.photos\/\">Generated Photos<\/a> by Generated Media, Inc.<br \/>\n    <\/figcaption><\/figure>\n<p>The <a href=\"https:\/\/generated.photos\/\">Generated Photos<\/a> project did exactly that. With the help of AI, a team of 20 AI and photography professionals generated this impressive number of high-quality faces that you can download and use in your projects for free (for non-commercial purposes). But the plans go even further: the aim is to build an API that enables anyone to use artificial intelligence to generate interesting, diverse faces for their projects, mockups, and presentations \u2014 without bothering about copyright and distribution rights questions. Will this be the end of conventional stock photography?<\/p>\n<h4>Monochromatic Color Palettes Made Easy<\/h4>\n<p>If you\u2019ve ever tried to generate a consistent monochromatic color palette, you know that this can be a boring task. After he once again messed around with infinite copy-paste commands to create a nice palette, Dimitris Raptis decided to change that. His solution: <a href=\"https:\/\/copypalette.netlify.com\/\">CopyPalette<\/a>.<\/p>\n<figure><a href=\"https:\/\/copypalette.netlify.com\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/copypalette-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/6555ee21-d1ee-43a9-a36b-18b9205d367a\/copypalette-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/6555ee21-d1ee-43a9-a36b-18b9205d367a\/copypalette-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/6555ee21-d1ee-43a9-a36b-18b9205d367a\/copypalette-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/6555ee21-d1ee-43a9-a36b-18b9205d367a\/copypalette-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/copypalette-screenshot.png?w=900\" sizes=\"100vw\" alt=\"CopyPalette\"><\/a><figcaption><a href=\"https:\/\/copypalette.netlify.com\/\">CopyPalette<\/a> by Dimitris Raptis<br \/>\n    <\/figcaption><\/figure>\n<p>CopyPalette lets you create SVG palettes with ease. All you need to do is select a base color, the contrast ratio of the shades, and the number of color variations you\u2019d like to have, and the tool generates a perfectly-balanced color palette that you can copy and paste into your favorite design tool. A true timesaver.<\/p>\n<h4>The Art Of Symbols<\/h4>\n<p>Since more than 40,000 years, humans have been using symbols to communicate complex ideas. And as designers, we still do so today.<\/p>\n<figure><a href=\"https:\/\/jonathanhaggard.github.io\/Art-of-symbols-site\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/art-of-symbols-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d32de91a-6eba-43c8-adb0-1de40134598f\/art-of-symbols-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d32de91a-6eba-43c8-adb0-1de40134598f\/art-of-symbols-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d32de91a-6eba-43c8-adb0-1de40134598f\/art-of-symbols-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d32de91a-6eba-43c8-adb0-1de40134598f\/art-of-symbols-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/art-of-symbols-screenshot.png?w=900\" sizes=\"100vw\" alt=\"Art of Symbols by Emotive Brand agency\"><\/a><figcaption>\n      \u201c<a href=\"https:\/\/jonathanhaggard.github.io\/Art-of-symbols-site\/\">Art of Symbols<\/a>\u201d by Emotive Brand agency<br \/>\n    <\/figcaption><\/figure>\n<p><a href=\"https:\/\/jonathanhaggard.github.io\/Art-of-symbols-site\/\">Art of Symbols<\/a>, a 100-day project by the design team at Emotive Brand, set out to explore how ancient symbols inform contemporary brand design. After all, a lot of those symbols which are part of our vocabulary as designers today, already existed a long time ago, as early as in rock paintings and engravings even. If you\u2019re curious to learn more about their origins and meanings and are up for some beautiful eye candy, this project will keep you busy for a while.<\/p>\n<h4>Smarter Patterns For Designing With AI<\/h4>\n<p>The power of artificial intelligence is huge, but with it also come ethical challenges and a lot of responsibility. Responsibility for the user who might be confused and scared by AI if a clear concept is lacking, who might want to choose the amount of AI they interact with, and who need to be protected against harmful practices.<\/p>\n<figure><a href=\"https:\/\/smarterpatterns.com\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/smarterpatterns-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5be47882-2633-4852-9258-3e94c3276f3f\/smarterpatterns-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5be47882-2633-4852-9258-3e94c3276f3f\/smarterpatterns-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5be47882-2633-4852-9258-3e94c3276f3f\/smarterpatterns-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5be47882-2633-4852-9258-3e94c3276f3f\/smarterpatterns-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/smarterpatterns-screenshot.png?w=900\" sizes=\"100vw\" alt=\"Smarter Patterns by Myplanet\"><\/a><figcaption><a href=\"https:\/\/smarterpatterns.com\/\">Smarter Patterns<\/a> by Myplanet<br \/>\n    <\/figcaption><\/figure>\n<p>Based on research of how AI is being used and understood today, the software studio Myplanet put together <a href=\"https:\/\/smarterpatterns.com\/\">Smarter Patterns<\/a>, a library to start a discussion about these topics and help designers tackle the challenges of AI in interface design. The resource currently features 28 patterns that empower designers to create meaningful AI experiences.<\/p>\n<h4>Instant Offline Access With Dash<\/h4>\n<p>If you\u2019re one of those folks who simply cannot sleep on a plane and wished there was just a super-productive way to get some work done instead, you\u2019re probably always on the lookout for tools that\u2019ll get you through those flights even with spotty WiFi. Well, search no more \u2014 we\u2019ve stumbled upon a pretty useful one!<\/p>\n<figure><a href=\"https:\/\/kapeli.com\/dash\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/kapeli-dash-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d51ab7c1-0808-4a73-8b68-9f87082243b0\/kapeli-dash-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d51ab7c1-0808-4a73-8b68-9f87082243b0\/kapeli-dash-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d51ab7c1-0808-4a73-8b68-9f87082243b0\/kapeli-dash-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d51ab7c1-0808-4a73-8b68-9f87082243b0\/kapeli-dash-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/kapeli-dash-screenshot.png?w=900\" sizes=\"100vw\" alt=\"Dash for macOS and iOS\"><\/a><figcaption><a href=\"https:\/\/kapeli.com\/dash\">Dash for macOS and iOS<\/a><br \/>\n    <\/figcaption><\/figure>\n<p>In case you haven\u2019t heard of it yet, <a href=\"https:\/\/kapeli.com\/dash\">Dash<\/a> is a free and open-source API documentation browser that gives your iPad and iPhone instant offline access to 200+ API documentation sets and 100+ cheatsheets. Folks such as <a href=\"https:\/\/twitter.com\/sarah_edo\/status\/1180854618617630722?s=21\">Sarah Drasner<\/a> use it especially on the day before a long trip; all you need to do is download all the docs you need, and you\u2019re all set! You can even generate your own docsets or request docsets to be included. Nifty!<\/p>\n<h4>A Collection Of Personal Sites<\/h4>\n<p>With the Internet ingrained in our day-to-day lives, what\u2019s the best way to voice your own ideas, thoughts, and feelings? A personal site, of course! And because there are so many of them out there, Andy Bell decided to keep <a href=\"https:\/\/personalsit.es\/\">a collection<\/a> of some so that folks can discover each other\u2019s work and even receive updates from their RSS feeds.<\/p>\n<figure><a href=\"https:\/\/personalsit.es\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/personal-sites-screenshot.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/79b85480-b385-447c-be85-f2f944ec119b\/personal-sites-screenshot.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/79b85480-b385-447c-be85-f2f944ec119b\/personal-sites-screenshot.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/79b85480-b385-447c-be85-f2f944ec119b\/personal-sites-screenshot.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/79b85480-b385-447c-be85-f2f944ec119b\/personal-sites-screenshot.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/personal-sites-screenshot.png?w=900\" sizes=\"100vw\" alt=\"Personal Sites by Andy Bell\"><\/a><figcaption><a href=\"https:\/\/personalsit.es\/\">Personal Sites<\/a> by Andy Bell<br \/>\n    <\/figcaption><\/figure>\n<p>If you\u2019d like your site to join the collection, you\u2019ll find simple instructions on <a href=\"https:\/\/github.com\/hankchizljaw\/personalsit.es#add-your-site\">GitHub<\/a> that\u2019ll appear in the list once your request has been approved. What a great way to find folks who share your interests and learn new ways of how to develop and design websites!<\/p>\n<hr>\n<h3>From Smashing With Love<\/h3>\n<p>A month can be a long time to stay on top of things, so please do subscribe to our bi-weekly newsletter if you still haven\u2019t. Each and every issue is written and edited with love and care. No third-party mailings or hidden advertising \u2014 promise!<\/p>\n<p>You can also follow us on <a href=\"https:\/\/twitter.com\/smashingmag\">Twitter<\/a>, <a href=\"https:\/\/www.facebook.com\/smashmag\/\">Facebook<\/a> and <a href=\"https:\/\/www.linkedin.com\/company\/smashing-magazine\/\">LinkedIn<\/a> \u2014 always feel free to reach out and share your projects with us! We love hearing from you!<\/p>\n<p>Keep up the brilliant work, everyone! <em>You\u2019re smashing!<\/em><\/p>\n<div>\n<div>\n<div>\n\t\t<a href=\"https:\/\/www.smashingmagazine.com\/the-smashing-newsletter\/\"><br \/>\n\t\t\t<img decoding=\"async\" src=\"https:\/\/www.smashingmagazine.com\/images\/smashing-cat\/newsletter-fish-cat.svg\" alt=\"A postcat. Sign up for our Smashing Newsletter.\"><\/a>\n\t<\/div>\n<h2>Smashing Newsletter<\/h2>\n<p>Upgrade your inbox and get our editors\u2019 picks 2\u00d7 a month \u2014 delivered right into your inbox. <a href=\"https:\/\/www.smashingmagazine.com\/the-smashing-newsletter\/\">Earlier issues.<\/a>\n\t<\/p>\n<div>\n<div>\n<div>\n\t\t\t\t\t<label for=\"email\"><br \/>\n\t\t\t\t\t\t<span>Your (smashing) email<\/span><br \/>\n\t\t\t\t\t\t<\/label><br \/>\n\t\t\t\t\t<button data-event-category=\"Button\" data-event-action=\"click\" data-event-label=\"Newsletter Box\" type=\"submit\" data-style=\"expand-right\" value=\"Submit\"><br \/>\n\t\t\t\t\t\t<span><br \/>\n\t\tSubscribe <span>?<\/span><br \/>\n\t\t\t\t\t\t\t<wbr><\/wbr><\/span><br \/>\n\t\t\t\t\t\t\t<span><\/span><br \/>\n\t\t\t\t\t\t<\/button>\n\t\t\t\t\t<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>\t\t<small><br \/>\n  <a href=\"https:\/\/www.smashingmagazine.com\/the-smashing-newsletter\/\">Useful tips for web designers.<\/a> Sent 2\u00d7 a month. <br \/>You can unsubscribe any time \u2014 <em>obviously<\/em>.<\/small><\/p><\/div>\n<\/p><\/div>\n<div>\n  <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/logo-red-14.png?w=900\" alt=\"Smashing Editorial\"><span>(vf, ra, cm, il)<\/span>\n<\/div>\n<\/article>\n<p class=\"wpematico_credit\"><small>Powered by <a href=\"http:\/\/www.wpematico.com\" target=\"_blank\">WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Smashing Monthly Roundup: Community Resources And Favorite Posts Smashing Monthly Roundup: Community Resources And Favorite Posts The Smashing Editorial 2019-10-18T15:00:59+02:002019-10-19T11:06:39+00:00 This is the first monthly update that the Smashing team will be publishing, to highlight some of the things we have enjoyed reading over the past month. Many of the included posts are sourced from&#8230;<a class=\"moretag\" href=\"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/\"> Read the full article&#8230;<\/a><\/p>\n","protected":false},"author":4,"featured_media":72026,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[371],"tags":[],"class_list":["post-72025","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Smashing Monthly Roundup: Community Resources And Favorite PostsSmashing Monthly Roundup: Community Resources And Favorite Posts The Smashing Editorial 2019-10-18T15:00:59+02:002019-10-19T11:06:39+00:00This is the first monthly update that the Smashing team will be publishing, to highlight some of the things we have enjoyed reading over the past month. Many of the included posts are sourced from the most\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Guest Contribution\"\/>\n\t<meta name=\"keywords\" content=\"user experience\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Smashing Monthly Roundup: Community Resources And Favorite Posts | Design for Immersive Technologies\" \/>\n\t\t<meta property=\"og:description\" content=\"Smashing Monthly Roundup: Community Resources And Favorite PostsSmashing Monthly Roundup: Community Resources And Favorite Posts The Smashing Editorial 2019-10-18T15:00:59+02:002019-10-19T11:06:39+00:00This is the first monthly update that the Smashing team will be publishing, to highlight some of the things we have enjoyed reading over the past month. Many of the included posts are sourced from the most\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-10-19T11:15:41+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-10-19T11:15:41+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Smashing Monthly Roundup: Community Resources And Favorite Posts | Design for Immersive Technologies\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Smashing Monthly Roundup: Community Resources And Favorite PostsSmashing Monthly Roundup: Community Resources And Favorite Posts The Smashing Editorial 2019-10-18T15:00:59+02:002019-10-19T11:06:39+00:00This is the first monthly update that the Smashing team will be publishing, to highlight some of the things we have enjoyed reading over the past month. Many of the included posts are sourced from the most\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/smashing-monthly-roundup-community-resources-and-favorite-posts\\\/#article\",\"name\":\"Smashing Monthly Roundup: Community Resources And Favorite Posts | Design for Immersive Technologies\",\"headline\":\"Smashing Monthly Roundup: Community Resources And Favorite Posts\",\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/caniemail-scoreboard-screenshot.png?fit=400%2C145&ssl=1\",\"width\":400,\"height\":145},\"datePublished\":\"2019-10-19T04:15:41-07:00\",\"dateModified\":\"2019-10-19T04:15:41-07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/smashing-monthly-roundup-community-resources-and-favorite-posts\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/smashing-monthly-roundup-community-resources-and-favorite-posts\\\/#webpage\"},\"articleSection\":\"User Experience\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/smashing-monthly-roundup-community-resources-and-favorite-posts\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"position\":2,\"name\":\"User Experience\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/smashing-monthly-roundup-community-resources-and-favorite-posts\\\/#listItem\",\"name\":\"Smashing Monthly Roundup: Community Resources And Favorite Posts\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/smashing-monthly-roundup-community-resources-and-favorite-posts\\\/#listItem\",\"position\":3,\"name\":\"Smashing Monthly Roundup: Community Resources And Favorite Posts\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/\",\"name\":\"Guest Contribution\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/smashing-monthly-roundup-community-resources-and-favorite-posts\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Guest Contribution\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/smashing-monthly-roundup-community-resources-and-favorite-posts\\\/#webpage\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/smashing-monthly-roundup-community-resources-and-favorite-posts\\\/\",\"name\":\"Smashing Monthly Roundup: Community Resources And Favorite Posts | Design for Immersive Technologies\",\"description\":\"Smashing Monthly Roundup: Community Resources And Favorite PostsSmashing Monthly Roundup: Community Resources And Favorite Posts The Smashing Editorial 2019-10-18T15:00:59+02:002019-10-19T11:06:39+00:00This is the first monthly update that the Smashing team will be publishing, to highlight some of the things we have enjoyed reading over the past month. Many of the included posts are sourced from the most\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/smashing-monthly-roundup-community-resources-and-favorite-posts\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/caniemail-scoreboard-screenshot.png?fit=400%2C145&ssl=1\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/smashing-monthly-roundup-community-resources-and-favorite-posts\\\/#mainImage\",\"width\":400,\"height\":145},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/10\\\/smashing-monthly-roundup-community-resources-and-favorite-posts\\\/#mainImage\"},\"datePublished\":\"2019-10-19T04:15:41-07:00\",\"dateModified\":\"2019-10-19T04:15:41-07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Smashing Monthly Roundup: Community Resources And Favorite Posts | Design for Immersive Technologies","description":"Smashing Monthly Roundup: Community Resources And Favorite PostsSmashing Monthly Roundup: Community Resources And Favorite Posts The Smashing Editorial 2019-10-18T15:00:59+02:002019-10-19T11:06:39+00:00This is the first monthly update that the Smashing team will be publishing, to highlight some of the things we have enjoyed reading over the past month. Many of the included posts are sourced from the most","canonical_url":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/","robots":"max-image-preview:large","keywords":"user experience","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/#article","name":"Smashing Monthly Roundup: Community Resources And Favorite Posts | Design for Immersive Technologies","headline":"Smashing Monthly Roundup: Community Resources And Favorite Posts","author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/caniemail-scoreboard-screenshot.png?fit=400%2C145&ssl=1","width":400,"height":145},"datePublished":"2019-10-19T04:15:41-07:00","dateModified":"2019-10-19T04:15:41-07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/#webpage"},"isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/#webpage"},"articleSection":"User Experience"},{"@type":"BreadcrumbList","@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/www.taterboy.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","position":2,"name":"User Experience","item":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/#listItem","name":"Smashing Monthly Roundup: Community Resources And Favorite Posts"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/#listItem","position":3,"name":"Smashing Monthly Roundup: Community Resources And Favorite Posts","previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}}]},{"@type":"Organization","@id":"https:\/\/www.taterboy.com\/blog\/#organization","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","url":"https:\/\/www.taterboy.com\/blog\/"},{"@type":"Person","@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author","url":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/","name":"Guest Contribution","image":{"@type":"ImageObject","@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g","width":96,"height":96,"caption":"Guest Contribution"}},{"@type":"WebPage","@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/#webpage","url":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/","name":"Smashing Monthly Roundup: Community Resources And Favorite Posts | Design for Immersive Technologies","description":"Smashing Monthly Roundup: Community Resources And Favorite PostsSmashing Monthly Roundup: Community Resources And Favorite Posts The Smashing Editorial 2019-10-18T15:00:59+02:002019-10-19T11:06:39+00:00This is the first monthly update that the Smashing team will be publishing, to highlight some of the things we have enjoyed reading over the past month. Many of the included posts are sourced from the most","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/#breadcrumblist"},"author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"creator":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/caniemail-scoreboard-screenshot.png?fit=400%2C145&ssl=1","@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/#mainImage","width":400,"height":145},"primaryImageOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/#mainImage"},"datePublished":"2019-10-19T04:15:41-07:00","dateModified":"2019-10-19T04:15:41-07:00"},{"@type":"WebSite","@id":"https:\/\/www.taterboy.com\/blog\/#website","url":"https:\/\/www.taterboy.com\/blog\/","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","og:type":"article","og:title":"Smashing Monthly Roundup: Community Resources And Favorite Posts | Design for Immersive Technologies","og:description":"Smashing Monthly Roundup: Community Resources And Favorite PostsSmashing Monthly Roundup: Community Resources And Favorite Posts The Smashing Editorial 2019-10-18T15:00:59+02:002019-10-19T11:06:39+00:00This is the first monthly update that the Smashing team will be publishing, to highlight some of the things we have enjoyed reading over the past month. Many of the included posts are sourced from the most","og:url":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/","article:published_time":"2019-10-19T11:15:41+00:00","article:modified_time":"2019-10-19T11:15:41+00:00","twitter:card":"summary","twitter:title":"Smashing Monthly Roundup: Community Resources And Favorite Posts | Design for Immersive Technologies","twitter:description":"Smashing Monthly Roundup: Community Resources And Favorite PostsSmashing Monthly Roundup: Community Resources And Favorite Posts The Smashing Editorial 2019-10-18T15:00:59+02:002019-10-19T11:06:39+00:00This is the first monthly update that the Smashing team will be publishing, to highlight some of the things we have enjoyed reading over the past month. Many of the included posts are sourced from the most"},"aioseo_meta_data":{"post_id":"72025","title":null,"description":null,"keywords":null,"keyphrases":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_custom_image_width":null,"og_custom_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"created":"2021-02-07 17:10:17","updated":"2026-09-02 08:28:55","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"twitter_image_url":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/\" title=\"User Experience\">User Experience<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tSmashing Monthly Roundup: Community Resources And Favorite Posts\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.taterboy.com\/blog"},{"label":"User Experience","link":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/"},{"label":"Smashing Monthly Roundup: Community Resources And Favorite Posts","link":"https:\/\/www.taterboy.com\/blog\/2019\/10\/smashing-monthly-roundup-community-resources-and-favorite-posts\/"}],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8wzr5-iJH","jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/10\/caniemail-scoreboard-screenshot.png?fit=400%2C145&ssl=1","_links":{"self":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/72025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/comments?post=72025"}],"version-history":[{"count":0,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/72025\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media\/72026"}],"wp:attachment":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media?parent=72025"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/categories?post=72025"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/tags?post=72025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}