--- title: Best Smashing Magazine posts — September 2021 | daily.dev description: The most upvoted Smashing Magazine posts from September 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/smashing/best-of/2021/09 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/smashing/best-of/2021/09 og:type: website og:site_name: daily.dev og:title: Best Smashing Magazine posts — September 2021 | daily.dev og:description: The most upvoted Smashing Magazine posts from September 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 — September 2021 1. 1 [](https://daily.dev/posts/interactive-learning-tools-for-front-end-developers-smashing-magazine-mgnniri-p "Interactive Learning Tools For Front-End Developers — Smashing Magazine") Article Smashing Magazine · 5y Interactive Learning Tools For Front-End Developers — Smashing Magazine interactive coding tools and games to help you learn CSS, JavaScript, SQL, React, Vim, regular expressions, Jamstack and pretty much everything in-between. Interactive Learning Tools For Front-End Developers are curated by SmashingMag's John Defterios. The list includes games that teach you about different parts of the flexbox specification. 36 3 2. 2 [](https://daily.dev/posts/lessons-learned-rebuilding-a-large-e-commerce-website-with-next-js-case-study-smashing-magazine-jeqwmnont "Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study) — Smashing Magazine") Article Smashing Magazine · 5y Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study) — Smashing Magazine We made the switch from a more traditional integrated e-commerce platform to a headless platform with Next.js. Here are the most important lessons learned while rebuilding a large e- commerce site with next.js, including how to build a site from the ground up. 27 2 3. 3 [](https://daily.dev/posts/how-to-build-your-own-mouseless-development-environment-smashing-magazine-c-xcvaxbw "How To Build Your Own Mouseless Development Environment — Smashing Magazine") Article Smashing Magazine · 5y How To Build Your Own Mouseless Development Environment — Smashing Magazine Building a development environment with the shell as a keystone offers multiple benefits. You can use tools that fit nicely with each other, you can customize everything depending on your own needs, and you can control your entire environment with your keyboard. This can save a lot of cognitive energy as well as deliver a pleasant user experience. 10 1 [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/09#page","url":"https://daily.dev/sources/smashing/best-of/2021/09","name":"Best Smashing Magazine Posts — September 2021","description":"The most upvoted Smashing Magazine posts from September 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/09#items","numberOfItems":3,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/interactive-learning-tools-for-front-end-developers-smashing-magazine-mgnniri-p","name":"Interactive Learning Tools For Front-End Developers — Smashing Magazine"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/lessons-learned-rebuilding-a-large-e-commerce-website-with-next-js-case-study-smashing-magazine-jeqwmnont","name":"Lessons Learned Rebuilding A Large E-Commerce Website With Next.js (Case Study) — Smashing Magazine"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/how-to-build-your-own-mouseless-development-environment-smashing-magazine-c-xcvaxbw","name":"How To Build Your Own Mouseless Development Environment — Smashing Magazine"}]},{"@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":"September 2021"}]}]} ```