{"id":93175,"date":"2026-04-25T14:00:32","date_gmt":"2026-04-25T19:00:32","guid":{"rendered":"https:\/\/www.bricktowntom.com\/blog\/?p=93175"},"modified":"2026-04-25T14:00:32","modified_gmt":"2026-04-25T19:00:32","slug":"weekly-news-for-designers-%e2%84%96-648","status":"publish","type":"post","link":"https:\/\/www.bricktowntom.com\/blog\/04\/weekly-news-for-designers-%e2%84%96-648.html","title":{"rendered":"Weekly News for Designers \u2116 648"},"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:\/\/css-tricks.com\/single-element-loaders-the-spinner\/\" target=\"_blank\" rel=\"noopener\">Single Element Loaders: The Spinner<\/a> \u2013 Create a CSS loader animation using minimal code.<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-19-01.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Single Element Loaders: The Spinner\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/nathanfriend.io\/inspiral-web\/\" target=\"_blank\" rel=\"noopener\">Inspiral Web<\/a> \u2013 This web\/mobile app recreates the joy of drawing with a Spirograph.<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-19-02.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Inspiral Web\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/speckyboy.com\/choosing-the-right-wordpress-block-plugins\/\" target=\"_blank\" rel=\"noopener\">A Guide to Choosing the Right WordPress Block Plugins<\/a> \u2013 Things to consider before you install custom blocks.<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-19-03.jpg?resize=500%2C333&#038;ssl=1\" alt=\"Example from A Guide to Choosing the Right WordPress Block Plugins\" width=\"500\" height=\"333\" \/><\/p>\n<p><a href=\"https:\/\/preline.co\/\" target=\"_blank\" rel=\"noopener\">Preline UI<\/a> \u2013 An open-source set of prebuilt UI components based on Tailwind CSS.<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-19-04.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Preline UI \" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/tympanus.net\/codrops\/2022\/06\/08\/how-to-animate-svg-shapes-on-scroll\/\" target=\"_blank\" rel=\"noopener\">How to Animate SVG Shapes on Scroll<\/a> \u2013 Learn how to how to animate SVG paths while smooth scrolling a page.<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-19-05.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from How to Animate SVG Shapes on Scroll\" width=\"750\" height=\"500\" \/><\/p>\n<p>Sublus \u2013 Create a custom illustration using this free 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-19-06.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Sublus\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/storybook.js.org\/blog\/component-encyclopedia\/\" target=\"_blank\" rel=\"noopener\">Component Encyclopedia<\/a> \u2013 Explore the world&#8217;s UI components to learn techniques that actually work.<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-19-07.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Component Encyclopedia\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/kizu.dev\/list-item-counter\/\" target=\"_blank\" rel=\"noopener\">Obscure CSS: Implicit List-Item Counter<\/a> \u2013 Dig into some little-know enhancements you can achieve with HTML lists.<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-19-08.png?resize=750%2C500&#038;ssl=1\" alt=\"Example from Obscure CSS: Implicit List-Item Counter\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/speckyboy.com\/wordpress-starter-themes\/\" target=\"_blank\" rel=\"noopener\">6 Free Starter &amp; Barebone Themes for WordPress Development<\/a> \u2013 Minimal themes that allow you to build WordPress websites from the ground up.<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-19-09.jpg?resize=500%2C333&#038;ssl=1\" alt=\"Example from 6 Free Starter &amp; Barebone Themes for WordPress Development\" width=\"500\" height=\"333\" \/><\/p>\n<p><a href=\"https:\/\/blog.adobe.com\/en\/publish\/2022\/05\/10\/the-need-to-personalize-fonts-for-each-individual-reader\" target=\"_blank\" rel=\"noopener\">The need to personalize fonts for each individual reader<\/a> \u2013 A look at how font selection impacts users.<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-19-10.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from The need to personalize fonts for each individual reader\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/rulex-rs.github.io\/\" target=\"_blank\" rel=\"noopener\">Rulex<\/a> \u2013 Check out this new, portable, regular expression language.<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-19-11.png?resize=750%2C500&#038;ssl=1\" alt=\"Example from Rulex\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/www.figma.com\/community\/file\/1113950611695632368\" target=\"_blank\" rel=\"noopener\">Google Fonts: pairings<\/a> \u2013 Hand-picked font pairings you can use in your Figma 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-19-12.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Google Fonts: pairings\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/speckyboy.com\/handing-off-your-website-mockup-to-a-developer\/\" target=\"_blank\" rel=\"noopener\">Tips for Handing off Your Website Mockup to a Developer<\/a> \u2013 Ideas for making the hand-off from designer to developer a productive one.<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-19-13.jpg?resize=500%2C333&#038;ssl=1\" alt=\"Example from Tips for Handing off Your Website Mockup to a Developer\" width=\"500\" height=\"333\" \/><\/p>\n<p><a href=\"https:\/\/alistapart.com\/article\/mobile-first-css-is-it-time-for-a-rethink\/\" target=\"_blank\" rel=\"noopener\">Mobile-First CSS: Is It Time for a Rethink?<\/a> \u2013 Why mobile-first can create complex, hard-to-maintain code.<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-19-14.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Mobile-First CSS: Is It Time for a Rethink?\" width=\"750\" height=\"500\" \/><\/p>\n<p>Basicons \u2013 Download this collection of basic icons for product design and development.<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-19-15.png?resize=750%2C500&#038;ssl=1\" alt=\"Example from Basicons\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/shkspr.mobi\/blog\/2022\/06\/paper-prototype-css\/\" target=\"_blank\" rel=\"noopener\">Paper Prototype CSS<\/a> \u2013 This stylesheet will give your project a hand-drawn look &#8211; perfect for prototyping.<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-19-16.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Paper Prototype CSS\" width=\"750\" height=\"500\" \/><\/p>\n<p><a href=\"https:\/\/dev.to\/this-is-learning\/patterns-for-building-javascript-websites-in-2022-5a93\" target=\"_blank\" rel=\"noopener\">Patterns for Building JavaScript Websites in 2022<\/a> \u2013 How to find the right solutions for your project.<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-19-17.jpg?resize=750%2C500&#038;ssl=1\" alt=\"Example from Patterns for Building JavaScript Websites in 2022\" width=\"750\" height=\"500\" \/><\/p>\n<p>The post <a rel=\"nofollow\" href=\"https:\/\/speckyboy.com\/weekly-news-for-designers-648\/\">Weekly News for Designers \u2116 648<\/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>Single Element Loaders: The Spinner \u2013 Create a CSS loader animation using minimal code. Inspiral Web \u2013 This web\/mobile app recreates the joy &hellip;<\/p>\n","protected":false},"author":1,"featured_media":93176,"comment_status":"false","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_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[3],"tags":[128],"class_list":["post-93175","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-2.jpg?fit=300%2C567&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p3k0YU-oeP","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts\/93175","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=93175"}],"version-history":[{"count":3,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts\/93175\/revisions"}],"predecessor-version":[{"id":94465,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts\/93175\/revisions\/94465"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/media\/93176"}],"wp:attachment":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/media?parent=93175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/categories?post=93175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/tags?post=93175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}