{"id":93739,"date":"2026-04-18T10:36:00","date_gmt":"2026-04-18T15:36:00","guid":{"rendered":"https:\/\/www.bricktowntom.com\/blog\/?p=93739"},"modified":"2026-04-18T10:36:00","modified_gmt":"2026-04-18T15:36:00","slug":"weekly-news-for-designers-%e2%84%96-661","status":"publish","type":"post","link":"https:\/\/www.bricktowntom.com\/blog\/04\/weekly-news-for-designers-%e2%84%96-661.html","title":{"rendered":"Weekly News for Designers \u2116 661"},"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>Making a Website Under 1kB \u2013 A look at how to make the most minimal of websites.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-01.png?resize=750%2C500&#038;ssl=1\" alt=\"Example from Making a Website Under 1kB\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/tympanus.net\/codrops\/2022\/09\/07\/3d-perspective-glitch-hover-effect\/\" target=\"_blank\" rel=\"noopener\">3D Perspective Glitch Hover Effect<\/a> \u2013 Learn how to build a hover effect that shows a pixelated image with a glitch animation.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-02.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from 3D Perspective Glitch Hover Effect\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/speckyboy.com\/building-charity-non-profit-websites\/\" target=\"_blank\" rel=\"noopener\">Tips for Building Charity and Non-profit Websites<\/a> \u2013 How to build stand-out websites for this important niche.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-03.jpg?resize=500%2C333&#038;ssl=1\" alt=\"Example from Tips for Building Charity and Non-profit Websites\" width=\"500\" height=\"333\" \/><\/p>\n<p><a href=\"https:\/\/fontsource.org\/\" target=\"_blank\" rel=\"noopener\">Fontsource<\/a> \u2013 This tool enables self-hosting of open-source fonts that are bundled in NPM packages.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-04.png?resize=750%2C500&#038;ssl=1\" alt=\"Example from Fontsource\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/speckyboy.com\/create-manageable-web-project-cost-estimates\/\" target=\"_blank\" rel=\"noopener\">How to Create Manageable Web Project Cost Estimates<\/a> \u2013 Learn to write proposals that ensure you&#8217;re paid fairly.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-05.jpg?resize=500%2C333&#038;ssl=1\" alt=\"Example from How to Create Manageable Web Project Cost Estimates\" width=\"500\" height=\"333\" \/><\/p>\n<p><a href=\"https:\/\/dribbble.com\/shots\/19334485-Freebie-iPhone-14-Pro-Mockup-PSD\" target=\"_blank\" rel=\"noopener\">Freebie iPhone 14 Pro Mockup<\/a> \u2013 Download this PSD file showcasing Apple&#8217;s latest iPhone.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-06.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Freebie iPhone 14 Pro Mockup\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/css-tricks.com\/overlapping-bar-charts\/\" target=\"_blank\" rel=\"noopener\">Overlapping Bar Charts<\/a> \u2013 This tutorial demonstrates how to combine two sets of data into a single chart.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-07.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Overlapping Bar Charts\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/speckyboy.com\/taking-a-look-at-google-analytics-4\/\" target=\"_blank\" rel=\"noopener\">Taking a Look at Google Analytics 4<\/a> \u2013 Prepare for the changes coming in Google&#8217;s next generation tool.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-08.jpg?resize=500%2C333&#038;ssl=1\" alt=\"Example from Taking a Look at Google Analytics 4\" width=\"500\" height=\"333\" \/><\/p>\n<p><a href=\"https:\/\/www.miriamsuzanne.com\/2022\/09\/06\/layers\/\" target=\"_blank\" rel=\"noopener\">A Whole Cascade of Layers<\/a> \u2013 The secrets of building a scalable CSS architecture.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-09.png?resize=750%2C500&#038;ssl=1\" alt=\"Example from A Whole Cascade of Layers\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/browsersl.ist\/\" target=\"_blank\" rel=\"noopener\">Browserslist<\/a> \u2013 Check out this shared browser compatibility config for popular JavaScript tools.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-10.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Browserslist\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/chenhuijing.com\/blog\/so-your-designer-wants-stuff-to-overlap\/\" target=\"_blank\" rel=\"noopener\">So your designer wants stuff to overlap<\/a> \u2013 A review of the options for overlapping elements with CSS.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-11.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from So your designer wants stuff to overlap\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/speckyboy.com\/minimal-clean-powerpoint-keynote-templates\/\" target=\"_blank\" rel=\"noopener\">20 Stunning Minimally Designed Templates for PowerPoint &amp; Keynote<\/a> \u2013 Create a clean and beautiful presentation using one of these minimal templates.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-12.jpg?resize=500%2C333&#038;ssl=1\" alt=\"Example from 20 Stunning Minimally Designed Templates for PowerPoint &amp; Keynote\" width=\"500\" height=\"333\" \/><\/p>\n<p><a href=\"https:\/\/www.nngroup.com\/articles\/infinite-scrolling-tips\/\" target=\"_blank\" rel=\"noopener\">Infinite Scrolling: When to Use It, When to Avoid It<\/a> \u2013 Why infinite scrolling isn&#8217;t a perfect fit for every scenario.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-13.png?resize=750%2C500&#038;ssl=1\" alt=\"Example from Infinite Scrolling: When to Use It, When to Avoid It\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/www.smashingmagazine.com\/2022\/09\/ux-checklists-for-interface-designers\/\" target=\"_blank\" rel=\"noopener\">UX Checklists For Interface Designers<\/a> \u2013 Ensure your projects have top-notch accessibility and usability.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-14.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from UX Checklists For Interface Designers\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/maggieappleton.com\/patterns\" target=\"_blank\" rel=\"noopener\">Pattern Catalogue<\/a> \u2013 In-depth guides that explore various design patterns.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-15.png?resize=750%2C500&#038;ssl=1\" alt=\"Example from Pattern Catalogue\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/css-tricks.com\/how-i-made-a-pure-css-puzzle-game\/\" target=\"_blank\" rel=\"noopener\">How I Made a Pure CSS Puzzle Game<\/a> \u2013 The secrets to building games without JavaScript or HTML checkboxes.<br \/>\n<img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2022\/09\/weekly-news-for-designers-sep-18-16.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from How I Made a Pure CSS Puzzle Game\" width=\"750\" height=\"500\" \/><\/p>\n<p>The post <a rel=\"nofollow\" href=\"https:\/\/speckyboy.com\/weekly-news-for-designers-661\/\">Weekly News for Designers \u2116 661<\/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>Making a Website Under 1kB \u2013 A look at how to make the most minimal of websites. 3D Perspective Glitch Hover Effect \u2013 &hellip;<\/p>\n","protected":false},"author":1,"featured_media":93740,"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-93739","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\/09\/envato-elements-weekly-news-2.jpg?fit=300%2C567&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p3k0YU-onV","jetpack-related-posts":[{"id":92650,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/the-20-best-glitch-effect-photoshop-action-sets.html","url_meta":{"origin":93739,"position":0},"title":"The 20 Best Glitch Effect Photoshop Action Sets","author":"admin","date":"April 25, 2026","format":false,"excerpt":"Glitch effects are pretty impressive. Not only do they catch the eye, but they also make a real statement. Of course, trying to make any aspect of this kind of effect on your own is daunting. That\u2019s why it\u2019s such a great idea to use a Photoshop action instead. What\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":"","src":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/04\/photoshop-action-addon-glitch-effects-16.jpg?fit=849%2C566&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/04\/photoshop-action-addon-glitch-effects-16.jpg?fit=849%2C566&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/04\/photoshop-action-addon-glitch-effects-16.jpg?fit=849%2C566&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/04\/photoshop-action-addon-glitch-effects-16.jpg?fit=849%2C566&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":92163,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/8-css-javascript-snippets-for-creating-cool-card-ui-hover-effects.html","url_meta":{"origin":93739,"position":1},"title":"8 CSS &amp; JavaScript Snippets for Creating Cool Card UI Hover Effects","author":"admin","date":"April 21, 2026","format":false,"excerpt":"Card UI layouts are quite popular these days \u2013 and it\u2019s easy to see why. They\u2019re incredibly versatile, with the ability to house anything from product listings to blog post teasers. These elements are also the perfect place to add various hover effects. It\u2019s not only attractive but also a\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":"","src":"","width":0,"height":0},"classes":[]},{"id":92740,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/weekly-news-for-designers-%e2%84%96-640.html","url_meta":{"origin":93739,"position":2},"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":92373,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/20-actions-layer-styles-for-creating-amazing-text-effects-in-photoshop.html","url_meta":{"origin":93739,"position":3},"title":"20 Actions &amp; Layer Styles for Creating Amazing Text Effects in Photoshop","author":"admin","date":"April 8, 2026","format":false,"excerpt":"Give your regular graphics an extra oomph with incredible typography! No matter if you\u2019re designing a logo or branding materials, prepping a new marketing campaign, or want to create some art in Photoshop, typography can help you send the right message. However, finding the perfect text effect is often tedious.\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":"","src":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/03\/photoshop-action-addon-layer-style-text-effects-01.jpg?fit=849%2C566&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/03\/photoshop-action-addon-layer-style-text-effects-01.jpg?fit=849%2C566&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/03\/photoshop-action-addon-layer-style-text-effects-01.jpg?fit=849%2C566&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/03\/photoshop-action-addon-layer-style-text-effects-01.jpg?fit=849%2C566&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":93617,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/8-css-javascript-snippets-for-creating-outstanding-noise-effects.html","url_meta":{"origin":93739,"position":4},"title":"8 CSS &amp; JavaScript Snippets for Creating Outstanding Noise Effects","author":"admin","date":"April 22, 2026","format":false,"excerpt":"Noise effects are incredibly versatile. They can help establish a look that\u2019s either retro or futuristic. And they also offer an easy way to add personality to any design element. Items such as text, images, and backgrounds can all be enhanced with this grainy and sometimes glitchy effect. Thus, it\u2019s\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":"","src":"","width":0,"height":0},"classes":[]},{"id":92752,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/10-photoshop-actions-for-creating-stunning-comic-cartoon-effects.html","url_meta":{"origin":93739,"position":5},"title":"10 Photoshop Actions for Creating Stunning Comic &amp; Cartoon Effects","author":"admin","date":"April 30, 2026","format":false,"excerpt":"If you want to give your photographs a cartoon or comic book effect, you could spend painstaking hours perfecting every detail. Or, you could rely on Photoshop actions to take some of the guesswork and manual labor out of the process for you. In fact, Photoshop actions can save you\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":"","src":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/04\/photoshop-action-addon-comic-cartoon-effects-05.jpg?fit=849%2C566&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/04\/photoshop-action-addon-comic-cartoon-effects-05.jpg?fit=849%2C566&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/04\/photoshop-action-addon-comic-cartoon-effects-05.jpg?fit=849%2C566&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/04\/photoshop-action-addon-comic-cartoon-effects-05.jpg?fit=849%2C566&ssl=1&resize=700%2C400 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts\/93739","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=93739"}],"version-history":[{"count":2,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts\/93739\/revisions"}],"predecessor-version":[{"id":100566,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts\/93739\/revisions\/100566"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/media\/93740"}],"wp:attachment":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/media?parent=93739"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/categories?post=93739"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/tags?post=93739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}