{"id":93148,"date":"2026-04-20T10:57:23","date_gmt":"2026-04-20T15:57:23","guid":{"rendered":"https:\/\/www.bricktowntom.com\/blog\/?p=93148"},"modified":"2026-04-20T10:57:23","modified_gmt":"2026-04-20T15:57:23","slug":"weekly-news-for-designers-%e2%84%96-647","status":"publish","type":"post","link":"https:\/\/www.bricktowntom.com\/blog\/04\/weekly-news-for-designers-%e2%84%96-647.html","title":{"rendered":"Weekly News for Designers \u2116 647"},"content":{"rendered":"<p><a href=\"https:\/\/1.envato.market\/c\/78798\/298927\/4662?subId1=weekly-news\" target=\"_blank\" rel=\"sponsored noopener noreferrer\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2019\/08\/envato-elements-weekly-news.jpg?resize=300%2C600&#038;ssl=1\" alt=\"Envato Elements\" width=\"300\" height=\"600\" \/><\/a><\/p>\n<p><a href=\"https:\/\/storybook.js.org\/blog\/why-most-design-systems-implode\/\" target=\"_blank\" rel=\"noopener\">Why most design systems implode<\/a> \u2013 According to one survey, only 40% of design systems were successful. Why is that?<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-01.png?resize=750%2C500&#038;ssl=1\" alt=\"Example from Why most design systems implode\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/auto-animate.formkit.com\" target=\"_blank\" rel=\"noopener\">AutoAnimate<\/a> \u2013 This drop-in JavaScript utility adds smooth animated transitions to your projects.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-02.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from AutoAnimate\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/tympanus.net\/codrops\/2022\/05\/31\/scroll-animation-ideas-for-image-grids\/\" target=\"_blank\" rel=\"noopener\">Scroll Animation Ideas for Image Grids<\/a> \u2013 This tutorial explores animating images in a grid while scrolling.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-03.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Scroll Animation Ideas for Image Grids\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/payloadcms.com\/blog\/open-source\" target=\"_blank\" rel=\"noopener\">Payload is now completely free and open source<\/a> \u2013 The headless CMS moves to an open-source model.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-04.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Payload is now completely free and open source\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/www.smashingmagazine.com\/2022\/06\/measuring-performance-typefaces-users-part1\/\" target=\"_blank\" rel=\"noopener\">Measuring The Performance Of Typefaces For Users (Part 1)<\/a> \u2013 A look at how typefaces work and using them to increase readability.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-05.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Measuring The Performance Of Typefaces For Users (Part 1)\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/speckyboy.com\/bottle-mockup-templates\/\" target=\"_blank\" rel=\"noopener\">25 High-Quality Bottle Mockup Templates for Photoshop<\/a> \u2013 Increase the attractiveness of your brand with these outstanding bottle mockups.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-06.jpg?resize=500%2C333&#038;ssl=1\" alt=\"Example from 25 High-Quality Bottle Mockup Templates for Photoshop\" width=\"500\" height=\"333\" \/><\/p>\n<p>UI Coach \u2013 Become a better designer with this collection of real-world practice projects.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-07.png?resize=750%2C500&#038;ssl=1\" alt=\"Example from UI Coach\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/speckyboy.com\/challenges-of-wordpress-massive-market-share\/\" target=\"_blank\" rel=\"noopener\">The Challenges of WordPress\u2019 Massive Market Share<\/a> \u2013 How a large user base and open-source structure puts WordPress in a unique position.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-08.jpg?resize=500%2C333&#038;ssl=1\" alt=\"Example from The Challenges of WordPress\u2019 Massive Market Share\" width=\"500\" height=\"333\" \/><\/p>\n<p><a href=\"https:\/\/material.io\/blog\/material-icons-sehee-lee-interview\" target=\"_blank\" rel=\"noopener\">Material Icons: Sehee Lee<\/a> \u2013 An interview with the Senior Visual Designer leading icons and design systems for Google Fonts.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-09.png?resize=750%2C500&#038;ssl=1\" alt=\"Example from Material Icons: Sehee Lee\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/www.ethicaldesignresources.com\/\" target=\"_blank\" rel=\"noopener\">Ethical Design Resources<\/a> \u2013 A collection of articles, organizations, tools, and more that promote ethics in design.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-10.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Ethical Design Resources\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/nateplusplus.github.io\/pushin\/\" target=\"_blank\" rel=\"noopener\">PushIn.js<\/a> \u2013 Add a &#8220;push-in&#8221; parallax scroll effect to your project with this JavaScript library.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-11.png?resize=750%2C500&#038;ssl=1\" alt=\"Example from PushIn.js\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/codersblock.com\/blog\/star-wars-scene-transition-effects-in-css\/\" target=\"_blank\" rel=\"noopener\">Star Wars Scene Transition Effects in CSS<\/a> \u2013 Yes, you can recreate those iconic wipe transitions on your website!<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-12.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Star Wars Scene Transition Effects in CSS\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/speckyboy.com\/should-freelance-web-designers-care-about-web-3-0\/\" target=\"_blank\" rel=\"noopener\">Should Freelance Web Designers Care about Web 3.0?<\/a> \u2013 A look beyond the buzzwords and sales pitches.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-13.jpg?resize=500%2C333&#038;ssl=1\" alt=\"Example from Should Freelance Web Designers Care about Web 3.0?\" width=\"500\" height=\"333\" \/><\/p>\n<p><a href=\"https:\/\/www.robinrendle.com\/notes\/optical-size-and-variable-font-defaults\/\" target=\"_blank\" rel=\"noopener\">Optical Size And Variable Fonts<\/a> \u2013 How variable fonts are solving an age-old issue with typography.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-14.png?resize=750%2C500&#038;ssl=1\" alt=\"Example from Optical Size And Variable Fonts\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/github.com\/unocss\/unocss\" target=\"_blank\" rel=\"noopener\">UnoCSS<\/a> \u2013 Check out this instant on-demand Atomic CSS engine.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-15.png?resize=750%2C500&#038;ssl=1\" alt=\"Example from UnoCSS\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/css-tricks.com\/how-to-create-block-theme-patterns-in-wordpress-6-0\/\" target=\"_blank\" rel=\"noopener\">How to Create Block Theme Patterns in WordPress 6.0<\/a> \u2013 The latest on building custom block patterns.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-16.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from How to Create Block Theme Patterns in WordPress 6.0\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/speckyboy.com\/frame-poster-mockup-templates\/\" target=\"_blank\" rel=\"noopener\">30 Poster Frame Mockup Photoshop PSD Templates<\/a> \u2013 Show off your artwork in style with these poster frame mockups.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/06\/weekly-news-for-designers-june-12-17.jpg?resize=500%2C333&#038;ssl=1\" alt=\"Example from 30 Poster Frame Mockup Photoshop PSD Templates\" width=\"500\" height=\"333\" \/><\/p>\n<p>The post <a rel=\"nofollow\" href=\"https:\/\/speckyboy.com\/weekly-news-for-designers-647\/\">Weekly News for Designers \u2116 647<\/a> appeared first on <a rel=\"nofollow\" href=\"https:\/\/speckyboy.com\">Speckyboy Design Magazine<\/a>.<\/p>\n<p>Source: Specky Boy<\/p>\n<p id=\"kc_opp\"><small>Republished by  <a href=\"http:\/\/www.blogtrafficexchange.com\/\">Blog Post Promoter<\/a><\/small><\/p>","protected":false},"excerpt":{"rendered":"<p>Why most design systems implode \u2013 According to one survey, only 40% of design systems were successful. Why is that? AutoAnimate \u2013 This &hellip;<\/p>\n","protected":false},"author":1,"featured_media":93149,"comment_status":"false","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3],"tags":[128],"class_list":["post-93148","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-affiliate-marketing","tag-advantage"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/06\/envato-elements-weekly-news-1.jpg?fit=300%2C567&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p3k0YU-oeo","jetpack-related-posts":[{"id":92504,"url":"https:\/\/www.bricktowntom.com\/blog\/03\/the-best-figma-plugins-to-create-manage-design-systems.html","url_meta":{"origin":93148,"position":0},"title":"The Best Figma Plugins to Create &amp; Manage Design Systems","author":"admin","date":"March 31, 2026","format":false,"excerpt":"Design systems allow web designers to create a cohesive and consistent design across all of a brand\u2019s digital properties. Figma is a great tool for creating design systems, but it can be difficult to manage them without the right plugins. In this article, we will look at the best Figma\u2026","rel":"","context":"In &quot;E-business &amp; E-marketing&quot;","block_context":{"text":"E-business &amp; E-marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/ebusiness-emarketing"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/03\/1648239117featured.jpg?fit=1200%2C630&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/03\/1648239117featured.jpg?fit=1200%2C630&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/03\/1648239117featured.jpg?fit=1200%2C630&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/03\/1648239117featured.jpg?fit=1200%2C630&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/03\/1648239117featured.jpg?fit=1200%2C630&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":93357,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/weekly-news-for-designers-%e2%84%96-652.html","url_meta":{"origin":93148,"position":1},"title":"Weekly News for Designers \u2116 652","author":"admin","date":"April 4, 2026","format":false,"excerpt":"Body Margin 8px \u2013 Discover the origin story behind the style that no one wants. Golden Ratio in UX design \u2013 Why it Matters for Brands? \u2013 Learn the history of this irrational number and why it\u2019s important in design. The Public APIs List \u2013 Browse this curated and categorized\u2026","rel":"","context":"In &quot;Affiliate Marketing&quot;","block_context":{"text":"Affiliate Marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/affiliate-marketing"},"img":{"alt_text":"Envato Elements","src":"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2019\/08\/envato-elements-weekly-news.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":93265,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/weekly-news-for-designers-%e2%84%96-650.html","url_meta":{"origin":93148,"position":2},"title":"Weekly News for Designers \u2116 650","author":"admin","date":"April 17, 2026","format":false,"excerpt":"Areas Where AI Can (and Already Is) Benefitting Web Designers \u2013 Artificial intelligence has the potential to make a web designer\u2019s job easier. Avatarg Figma Plugin \u2013 This Figma plugin lets you generate avatar images. Single Element Loaders: The Bars \u2013 Learn how to create CSS animated loading bars with\u2026","rel":"","context":"In &quot;Affiliate Marketing&quot;","block_context":{"text":"Affiliate Marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/affiliate-marketing"},"img":{"alt_text":"Envato Elements","src":"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2019\/08\/envato-elements-weekly-news.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":93380,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/weekly-news-for-designers-%e2%84%96-653.html","url_meta":{"origin":93148,"position":3},"title":"Weekly News for Designers \u2116 653","author":"admin","date":"April 3, 2026","format":false,"excerpt":"How I Experience the Web Today \u2013 Cookie consent banners, annoying push notification requests, and distracting ads \u2013 they\u2019re all here! The History of User Interfaces \u2013 Take a tour through various UIs that have marked the past five decades. After Internet Explorer, Who Will Be the Web\u2019s Next Nemesis?\u2026","rel":"","context":"In &quot;Affiliate Marketing&quot;","block_context":{"text":"Affiliate Marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/affiliate-marketing"},"img":{"alt_text":"Envato Elements","src":"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2019\/08\/envato-elements-weekly-news.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":92740,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/weekly-news-for-designers-%e2%84%96-640.html","url_meta":{"origin":93148,"position":4},"title":"Weekly News for Designers \u2116 640","author":"admin","date":"April 30, 2026","format":false,"excerpt":"Ideal SVG exports \u2013 Some thoughts regarding how design tools should export the vector format. On-Scroll Text Repetition Animation \u2013 This tutorial demonstrates an on-scroll animation that shows repeated fragments of big text. The Anatomy of a Design System \u2013 Defining a shared understanding of how systems connect core brand\u2026","rel":"","context":"In &quot;Affiliate Marketing&quot;","block_context":{"text":"Affiliate Marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/affiliate-marketing"},"img":{"alt_text":"Envato Elements","src":"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2019\/08\/envato-elements-weekly-news.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":92668,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/weekly-news-for-designers-%e2%84%96-639.html","url_meta":{"origin":93148,"position":5},"title":"Weekly News for Designers \u2116 639","author":"admin","date":"April 6, 2026","format":false,"excerpt":"10 Tools & Resources for Building a WordPress Staging Site \u2013 Test software updates and experiment with your own staging environment. WeekToDo \u2013 Check out this privacy-focused free planner app for Windows, macOS, Linux, and your browser. 33 JavaScript Concepts Every Developer Should Know \u2013 A handy reference of concepts\u2026","rel":"","context":"In &quot;Affiliate Marketing&quot;","block_context":{"text":"Affiliate Marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/affiliate-marketing"},"img":{"alt_text":"Envato Elements","src":"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2019\/08\/envato-elements-weekly-news.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts\/93148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/comments?post=93148"}],"version-history":[{"count":2,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts\/93148\/revisions"}],"predecessor-version":[{"id":102772,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts\/93148\/revisions\/102772"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/media\/93149"}],"wp:attachment":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/media?parent=93148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/categories?post=93148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/tags?post=93148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}