--- title: Best Smashing Magazine posts — March 2021 | daily.dev description: The most upvoted Smashing Magazine posts from March 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/smashing/best-of/2021/03 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/smashing/best-of/2021/03 og:type: website og:site_name: daily.dev og:title: Best Smashing Magazine posts — March 2021 | daily.dev og:description: The most upvoted Smashing Magazine posts from March 2021, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Smashing Magazine — March 2021 1. 1 [](https://daily.dev/posts/svg-generators-b4re6scwy "SVG Generators") Article Smashing Magazine · 5y SVG Generators SVG generators can be used to create shapes and backgrounds, path visualizers and JSX generators. There are plenty of further options for SVG patterns — for example for repeating background images. JustCode SVG Filters is a visual tool for pretty much all nerdy SVG filtering needs. HeroPatterns provides dozens of repeating patterns. 62 7 2. 2 [](https://daily.dev/posts/css-generators-iary5lrwq "CSS Generators") Article Smashing Magazine · 5y CSS Generators This week we’re looking at useful generators for everything CSS: from gradients to drop-shadows and bezier curves to triangles and type scales. SmoothShadow allows you to visually design a layered smooth box-shadow, but also tweak alpha, offset and blur with individual easing curves. Easing Gradients Editor lets you create and preview easing gradients in CSS. 32 2 3. 3 [](https://daily.dev/posts/css-auditing-tools-r-uizgfig "CSS Auditing Tools") Article Smashing Magazine · 6y CSS Auditing Tools In a new series of posts, we highlight some of the useful tools and techniques for developers and designers to get their work done better and faster. Over the last few weeks, we’ve been working on refactoring and cleaning up our CSS, and as a result, we stumbled upon a couple of useful tools. 31 1 4. 4 [](https://daily.dev/posts/a-complete-guide-to-accessible-front-end-components-y3kq4392z "A Complete Guide To Accessible Front-End Components") Article Smashing Magazine · 5y A Complete Guide To Accessible Front-End Components A Complete Guide To Accessible Front-End Components. From tabs and tables to toggles and tooltips. Skip the table of contents, or just scroll down to explore them one-by-one. Below you’ll find an alphabetical list of all accessible components. 23 2 5. 5 [](https://daily.dev/posts/what-s-new-in-flutter-2--ygjqipqdy "What’s New In Flutter 2?") Article Smashing Magazine · 5y What’s New In Flutter 2? Flutter has been transitioning from a cross-platform mobile development SDK for Android/iOS into a tool that allows you to run the same code natively in a browser on Windows, Linux and macOS. With Flutter 2, non-mobile Flutter development is starting to become more viable. Web development is now officially part of the stable channel and desktop support will follow soon. 10 [See all Smashing Magazine archives](/sources/smashing/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/smashing/best-of/2021/03#page","url":"https://daily.dev/sources/smashing/best-of/2021/03","name":"Best Smashing Magazine Posts — March 2021","description":"The most upvoted Smashing Magazine posts from March 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/smashing/best-of/2021/03#items","numberOfItems":5,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/svg-generators-b4re6scwy","name":"SVG Generators"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/css-generators-iary5lrwq","name":"CSS Generators"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/css-auditing-tools-r-uizgfig","name":"CSS Auditing Tools"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/a-complete-guide-to-accessible-front-end-components-y3kq4392z","name":"A Complete Guide To Accessible Front-End Components"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/what-s-new-in-flutter-2--ygjqipqdy","name":"What’s New In Flutter 2?"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Smashing Magazine","item":"https://daily.dev/sources/smashing"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/smashing/best-of"},{"@type":"ListItem","position":5,"name":"March 2021"}]}]} ```